@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/*
suffix
560px < landscape <= 768px < tablet <= 1024px < laptop <= 1366px < desktop
        mobile    <= 768px
*/
:root {
  --font-family-base:"Noto Sans JP", sans-serif;
  --font-size-body:clamp(13px, 2.5390625vw, 26px);
  --font-size-small:clamp(10px, 1.953125vw, 20px);
  --font-size-large:clamp(15px, 2.9296875vw, 30px);
  --font-size-h2:clamp(20px, 3.90625vw, 40px);
  --font-size-h3:clamp(18px, 3.515625vw, 36px);
  --line-height-body: 1.625 ;
  --color-text-base:#333;
  --color-text-red:#db4f29;
  --color-text-grey:#bfbfbf;
  --color-primary:#143a8e;
  --color-yellow:#f9cc19;
  --color-yellow-rgb:249, 204, 25;
  --color-pale-yellow:#fff7a5;
  --color-pale-yellow-rgb:255, 247, 165;
  --color-aqua:#45b5e9;
  --color-aqua-rgb:69, 181, 233;
  --color-turquoise:#53b2b0;
  --color-turquoise-rgb:83, 178, 176;
  --color-turquoise-light:#86c9c8;
  --color-sakura:#f2c6be;
  --color-sakura-rgb:242, 198, 190;
  --color-navy:#143a8e;
  --color-navy-rgb:20, 58, 142;
  --color-orange:#e69b2e;
  --color-orange-rgb:230, 155, 46;
  --color-dark-grey:#6e6e6e;
  --color-border-light-grey:#dcdcdc;
  --color-border-grey:#a0a0a0;
  --color-border-dark-grey:#6e6e6e;
  --color-border-heavy-grey:#707070;
  --color-bg-grey:#959595;
  --gutter:clamp(15px, 2.44140625vw, 25px);
  --container-slim: 840px;
  --container:1200px;
  --container-wide:1620px;
  --header-height: clamp(67px, 9.765625vw, 100px) ;
}
@media (min-width: 768px) {
  :root {
    --header-height:140px;
    --font-size-body:16px;
    --font-size-large:20px;
    --font-size-h2:24px;
    --font-size-h3:18px;
    --font-size-small:14px;
  }
}

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-align: left;
  text-decoration: none;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, picture {
  display: block;
}

html {
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

input, button, textarea, select {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

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

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

a, span, small, strong, em {
  color: inherit;
  font-weight: inherit;
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  -webkit-box-sizing: border-box;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
          box-sizing: border-box;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  width: 120px;
  height: 80px;
  padding: 20px 10px 10px 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  margin-top: 5px;
  color: #FFF;
  font-size: 10px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}

.scroll-hint-icon:after {
  -webkit-transition-delay: 2.4s;
       -o-transition-delay: 2.4s;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  width: 34px;
  height: 14px;
  margin-left: -20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  content: "";
  opacity: 0;
          transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation: scroll-hint-appear 1.2s linear;
          animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-family: swiper-icons;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  position: relative;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -webkit-transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
          align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  -ms-flex-negative: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
      flex-shrink: 0;
          order: 9999;
  content: "";
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  position: absolute;
  top: 50%;
          align-items: center;
          justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  right: auto;
  left: 10px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 10;
  position: absolute;
          transform: translate3d(0, 0, 0);
  text-align: center;
  transition: 0.3s opacity;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
  position: relative;
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  display: inline-block;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
          box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  -webkit-transform: translate3d(0px, -50%, 0);
  top: 50%;
  right: 10px;
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  top: 50%;
  width: 8px;
          transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  display: inline-block;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  left: 50%;
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
          transform: scale(0);
          transform-origin: left top;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  -ms-touch-action: none;
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  z-index: 50;
  position: absolute;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  z-index: 50;
  position: absolute;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  -o-object-fit: contain;
  max-width: 100%;
  max-height: 100%;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
          transform-origin: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
  margin: 0 auto;
          transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
      flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
          transform-origin: 0 0;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  z-index: 0;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.swiper-cube .swiper-cube-shadow:before {
  -webkit-filter: blur(50px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  z-index: 1;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  overflow: hidden;
  backface-visibility: hidden;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
          transform-origin: center bottom;
  backface-visibility: hidden;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: none;
  font-size: 0.625em;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  display: none;
}

body {
  background: url(../img/shared/bg-body@mobile.jpg) repeat center top/220px auto;
  color: var(--color-text-base);
  font: var(--font-size-body)/var(--line-height-body) var(--font-family-base);
}
@media (min-width: 768px) {
  body {
    background: url(../img/shared/bg-body.jpg) repeat;
  }
}

input, select, option, textarea, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-text-base);
  font: var(--font-size-body)/var(--line-height-body) var(--font-family-base);
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  image-rendering: smooth;
}

* {
  -webkit-box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
          box-sizing: border-box;
  letter-spacing: 0.02em;
}
*:after, *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*[role=button], *[type=button], label {
  cursor: pointer;
}

my-icon {
  display: block;
}

.color-red {
  color: var(--color-text-red);
}

.color-primary {
  color: var(--color-primary);
}

.color-yellow {
  color: var(--color-yellow);
}

.color-aqua {
  color: var(--color-aqua);
}

.color-turquoise {
  color: var(--color-turquoise);
}

.color-sakura {
  color: var(--color-sakura);
}

.color-navy {
  color: var(--color-navy);
}

.color-orange {
  color: var(--color-orange);
}

.color-pale-yellow {
  color: var(--color-pale-yellow);
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

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

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.display-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.display-grid {
  display: -ms-grid;
  display: grid;
}

.display-inline-grid {
  display: -ms-inline-grid;
  display: inline-grid;
}

.font-weight-normal,
.fw-normal {
  font-weight: normal;
}

.font-weight-bold,
.fw-bold {
  font-weight: bold;
}

.font-weight-lighter,
.fw-lighter {
  font-weight: lighter;
}

.font-weight-bolder,
.fw-bolder {
  font-weight: bolder;
}

.font-weight-100,
.fw-100 {
  font-weight: 100;
}

.font-weight-200,
.fw-200 {
  font-weight: 200;
}

.font-weight-300,
.fw-300 {
  font-weight: 300;
}

.font-weight-400,
.fw-400 {
  font-weight: 400;
}

.font-weight-500,
.fw-500 {
  font-weight: 500;
}

.font-weight-600,
.fw-600 {
  font-weight: 600;
}

.font-weight-700,
.fw-700 {
  font-weight: 700;
}

.font-weight-800,
.fw-800 {
  font-weight: 800;
}

.font-weight-900,
.fw-900 {
  font-weight: 900;
}

.hidden {
  display: none;
}

@media (min-width: 560px) {
  .hidden--landscape-up {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden--tablet-up {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hidden--laptop-up {
    display: none;
  }
}
@media (min-width: 1366px) {
  .hidden--desktop-up {
    display: none;
  }
}
@media (max-width: 559.98px) {
  .hidden--landscape-down {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hidden--tablet-down {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .hidden--laptop-down {
    display: none;
  }
}
@media (max-width: 1365.98px) {
  .hidden--desktop-down {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden--pc {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .hidden--mobile {
    display: none;
  }
}
@media (hover: hover) {
  .hover-alpha {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .hover-alpha:hover {
    opacity: 0.6;
  }
}

.hover-underline:hover {
  text-decoration: none;
}

.indent-1em {
  text-indent: 1em;
}

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

.indent-2em {
  text-indent: 2em;
}

.outdent-2em {
  padding-left: 2em;
  text-indent: -2em;
}

.indent-3em {
  text-indent: 3em;
}

.outdent-3em {
  padding-left: 3em;
  text-indent: -3em;
}

.indent-4em {
  text-indent: 4em;
}

.outdent-4em {
  padding-left: 4em;
  text-indent: -4em;
}

.line-height-0 {
  line-height: 0;
}

.line-height-0\.1 {
  line-height: 0.1;
}

.line-height-0\.2 {
  line-height: 0.2;
}

.line-height-0\.3 {
  line-height: 0.4;
}

.line-height-0\.4 {
  line-height: 0.4;
}

.line-height-0\.5 {
  line-height: 0.5;
}

.line-height-0\.6 {
  line-height: 0.6;
}

.line-height-0\.7 {
  line-height: 0.7;
}

.line-height-0\.8 {
  line-height: 0.8;
}

.line-height-0\.9 {
  line-height: 0.9;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1\.1 {
  line-height: 1.1;
}

.line-height-1\.2 {
  line-height: 1.2;
}

.line-height-1\.3 {
  line-height: 1.4;
}

.line-height-1\.4 {
  line-height: 1.4;
}

.line-height-1\.5 {
  line-height: 1.5;
}

.line-height-1\.6 {
  line-height: 1.6;
}

.line-height-1\.7 {
  line-height: 1.7;
}

.line-height-1\.8 {
  line-height: 1.8;
}

.line-height-1\.9 {
  line-height: 1.9;
}

.line-height-2 {
  line-height: 2;
}

.line-height-2\.1 {
  line-height: 2.1;
}

.line-height-2\.2 {
  line-height: 2.2;
}

.line-height-2\.3 {
  line-height: 2.4;
}

.line-height-2\.4 {
  line-height: 2.4;
}

.line-height-2\.5 {
  line-height: 2.5;
}

.line-height-2\.6 {
  line-height: 2.6;
}

.line-height-2\.7 {
  line-height: 2.7;
}

.line-height-2\.8 {
  line-height: 2.8;
}

.line-height-2\.9 {
  line-height: 2.9;
}

.line-height-3 {
  line-height: 3;
}

.line-height-3\.1 {
  line-height: 3.1;
}

.line-height-3\.2 {
  line-height: 3.2;
}

.line-height-3\.3 {
  line-height: 3.4;
}

.line-height-3\.4 {
  line-height: 3.4;
}

.line-height-3\.5 {
  line-height: 3.5;
}

.line-height-3\.6 {
  line-height: 3.6;
}

.line-height-3\.7 {
  line-height: 3.7;
}

.line-height-3\.8 {
  line-height: 3.8;
}

.line-height-3\.9 {
  line-height: 3.9;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pd-0 {
  padding: 0px;
}

.pd-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pd-x-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mg-0 {
  margin: 0px;
}

.mg-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mg-x-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pd-5 {
  padding: 5px;
}

.pd-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pd-x-5 {
  padding-right: 5px;
  padding-left: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mg-5 {
  margin: 5px;
}

.mg-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg-x-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pd-10 {
  padding: 10px;
}

.pd-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-x-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mg-10 {
  margin: 10px;
}

.mg-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg-x-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pd-15 {
  padding: 15px;
}

.pd-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-x-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mg-15 {
  margin: 15px;
}

.mg-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg-x-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pd-20 {
  padding: 20px;
}

.pd-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-x-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mg-20 {
  margin: 20px;
}

.mg-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg-x-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pd-25 {
  padding: 25px;
}

.pd-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pd-x-25 {
  padding-right: 25px;
  padding-left: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mg-25 {
  margin: 25px;
}

.mg-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg-x-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pd-30 {
  padding: 30px;
}

.pd-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-x-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mg-30 {
  margin: 30px;
}

.mg-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg-x-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pd-35 {
  padding: 35px;
}

.pd-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pd-x-35 {
  padding-right: 35px;
  padding-left: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mg-35 {
  margin: 35px;
}

.mg-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg-x-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pd-40 {
  padding: 40px;
}

.pd-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pd-x-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mg-40 {
  margin: 40px;
}

.mg-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg-x-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pd-45 {
  padding: 45px;
}

.pd-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pd-x-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mg-45 {
  margin: 45px;
}

.mg-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg-x-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pd-50 {
  padding: 50px;
}

.pd-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd-x-50 {
  padding-right: 50px;
  padding-left: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mg-50 {
  margin: 50px;
}

.mg-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg-x-50 {
  margin-right: 50px;
  margin-left: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pd-55 {
  padding: 55px;
}

.pd-y-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pd-x-55 {
  padding-right: 55px;
  padding-left: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mg-55 {
  margin: 55px;
}

.mg-y-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg-x-55 {
  margin-right: 55px;
  margin-left: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pd-60 {
  padding: 60px;
}

.pd-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pd-x-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mg-60 {
  margin: 60px;
}

.mg-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mg-x-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pd-65 {
  padding: 65px;
}

.pd-y-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pd-x-65 {
  padding-right: 65px;
  padding-left: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mg-65 {
  margin: 65px;
}

.mg-y-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mg-x-65 {
  margin-right: 65px;
  margin-left: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pd-70 {
  padding: 70px;
}

.pd-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pd-x-70 {
  padding-right: 70px;
  padding-left: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mg-70 {
  margin: 70px;
}

.mg-y-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mg-x-70 {
  margin-right: 70px;
  margin-left: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pd-75 {
  padding: 75px;
}

.pd-y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pd-x-75 {
  padding-right: 75px;
  padding-left: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mg-75 {
  margin: 75px;
}

.mg-y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mg-x-75 {
  margin-right: 75px;
  margin-left: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pd-80 {
  padding: 80px;
}

.pd-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pd-x-80 {
  padding-right: 80px;
  padding-left: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mg-80 {
  margin: 80px;
}

.mg-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mg-x-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pd-85 {
  padding: 85px;
}

.pd-y-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pd-x-85 {
  padding-right: 85px;
  padding-left: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mg-85 {
  margin: 85px;
}

.mg-y-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mg-x-85 {
  margin-right: 85px;
  margin-left: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pd-90 {
  padding: 90px;
}

.pd-y-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pd-x-90 {
  padding-right: 90px;
  padding-left: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mg-90 {
  margin: 90px;
}

.mg-y-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mg-x-90 {
  margin-right: 90px;
  margin-left: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pd-95 {
  padding: 95px;
}

.pd-y-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pd-x-95 {
  padding-right: 95px;
  padding-left: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mg-95 {
  margin: 95px;
}

.mg-y-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mg-x-95 {
  margin-right: 95px;
  margin-left: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pd-100 {
  padding: 100px;
}

.pd-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd-x-100 {
  padding-right: 100px;
  padding-left: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mg-100 {
  margin: 100px;
}

.mg-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mg-x-100 {
  margin-right: 100px;
  margin-left: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.pd-105 {
  padding: 105px;
}

.pd-y-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.pd-x-105 {
  padding-right: 105px;
  padding-left: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mg-105 {
  margin: 105px;
}

.mg-y-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mg-x-105 {
  margin-right: 105px;
  margin-left: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.pd-110 {
  padding: 110px;
}

.pd-y-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pd-x-110 {
  padding-right: 110px;
  padding-left: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mg-110 {
  margin: 110px;
}

.mg-y-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mg-x-110 {
  margin-right: 110px;
  margin-left: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.pd-115 {
  padding: 115px;
}

.pd-y-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.pd-x-115 {
  padding-right: 115px;
  padding-left: 115px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.mg-115 {
  margin: 115px;
}

.mg-y-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mg-x-115 {
  margin-right: 115px;
  margin-left: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pd-120 {
  padding: 120px;
}

.pd-y-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pd-x-120 {
  padding-right: 120px;
  padding-left: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mg-120 {
  margin: 120px;
}

.mg-y-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mg-x-120 {
  margin-right: 120px;
  margin-left: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pr-125 {
  padding-right: 125px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pl-125 {
  padding-left: 125px;
}

.pd-125 {
  padding: 125px;
}

.pd-y-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pd-x-125 {
  padding-right: 125px;
  padding-left: 125px;
}

.mt-125 {
  margin-top: 125px;
}

.mr-125 {
  margin-right: 125px;
}

.mb-125 {
  margin-bottom: 125px;
}

.ml-125 {
  margin-left: 125px;
}

.mg-125 {
  margin: 125px;
}

.mg-y-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.mg-x-125 {
  margin-right: 125px;
  margin-left: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pr-130 {
  padding-right: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pl-130 {
  padding-left: 130px;
}

.pd-130 {
  padding: 130px;
}

.pd-y-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pd-x-130 {
  padding-right: 130px;
  padding-left: 130px;
}

.mt-130 {
  margin-top: 130px;
}

.mr-130 {
  margin-right: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.ml-130 {
  margin-left: 130px;
}

.mg-130 {
  margin: 130px;
}

.mg-y-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mg-x-130 {
  margin-right: 130px;
  margin-left: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pr-135 {
  padding-right: 135px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pl-135 {
  padding-left: 135px;
}

.pd-135 {
  padding: 135px;
}

.pd-y-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.pd-x-135 {
  padding-right: 135px;
  padding-left: 135px;
}

.mt-135 {
  margin-top: 135px;
}

.mr-135 {
  margin-right: 135px;
}

.mb-135 {
  margin-bottom: 135px;
}

.ml-135 {
  margin-left: 135px;
}

.mg-135 {
  margin: 135px;
}

.mg-y-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.mg-x-135 {
  margin-right: 135px;
  margin-left: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.pd-140 {
  padding: 140px;
}

.pd-y-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pd-x-140 {
  padding-right: 140px;
  padding-left: 140px;
}

.mt-140 {
  margin-top: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.ml-140 {
  margin-left: 140px;
}

.mg-140 {
  margin: 140px;
}

.mg-y-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mg-x-140 {
  margin-right: 140px;
  margin-left: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pr-145 {
  padding-right: 145px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pl-145 {
  padding-left: 145px;
}

.pd-145 {
  padding: 145px;
}

.pd-y-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.pd-x-145 {
  padding-right: 145px;
  padding-left: 145px;
}

.mt-145 {
  margin-top: 145px;
}

.mr-145 {
  margin-right: 145px;
}

.mb-145 {
  margin-bottom: 145px;
}

.ml-145 {
  margin-left: 145px;
}

.mg-145 {
  margin: 145px;
}

.mg-y-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.mg-x-145 {
  margin-right: 145px;
  margin-left: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.pd-150 {
  padding: 150px;
}

.pd-y-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pd-x-150 {
  padding-right: 150px;
  padding-left: 150px;
}

.mt-150 {
  margin-top: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.mg-150 {
  margin: 150px;
}

.mg-y-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mg-x-150 {
  margin-right: 150px;
  margin-left: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pr-155 {
  padding-right: 155px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pl-155 {
  padding-left: 155px;
}

.pd-155 {
  padding: 155px;
}

.pd-y-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.pd-x-155 {
  padding-right: 155px;
  padding-left: 155px;
}

.mt-155 {
  margin-top: 155px;
}

.mr-155 {
  margin-right: 155px;
}

.mb-155 {
  margin-bottom: 155px;
}

.ml-155 {
  margin-left: 155px;
}

.mg-155 {
  margin: 155px;
}

.mg-y-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.mg-x-155 {
  margin-right: 155px;
  margin-left: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

.pd-160 {
  padding: 160px;
}

.pd-y-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pd-x-160 {
  padding-right: 160px;
  padding-left: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.mg-160 {
  margin: 160px;
}

.mg-y-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mg-x-160 {
  margin-right: 160px;
  margin-left: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pr-165 {
  padding-right: 165px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pl-165 {
  padding-left: 165px;
}

.pd-165 {
  padding: 165px;
}

.pd-y-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.pd-x-165 {
  padding-right: 165px;
  padding-left: 165px;
}

.mt-165 {
  margin-top: 165px;
}

.mr-165 {
  margin-right: 165px;
}

.mb-165 {
  margin-bottom: 165px;
}

.ml-165 {
  margin-left: 165px;
}

.mg-165 {
  margin: 165px;
}

.mg-y-165 {
  margin-top: 165px;
  margin-bottom: 165px;
}

.mg-x-165 {
  margin-right: 165px;
  margin-left: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pr-170 {
  padding-right: 170px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pl-170 {
  padding-left: 170px;
}

.pd-170 {
  padding: 170px;
}

.pd-y-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.pd-x-170 {
  padding-right: 170px;
  padding-left: 170px;
}

.mt-170 {
  margin-top: 170px;
}

.mr-170 {
  margin-right: 170px;
}

.mb-170 {
  margin-bottom: 170px;
}

.ml-170 {
  margin-left: 170px;
}

.mg-170 {
  margin: 170px;
}

.mg-y-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.mg-x-170 {
  margin-right: 170px;
  margin-left: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pr-175 {
  padding-right: 175px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pl-175 {
  padding-left: 175px;
}

.pd-175 {
  padding: 175px;
}

.pd-y-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.pd-x-175 {
  padding-right: 175px;
  padding-left: 175px;
}

.mt-175 {
  margin-top: 175px;
}

.mr-175 {
  margin-right: 175px;
}

.mb-175 {
  margin-bottom: 175px;
}

.ml-175 {
  margin-left: 175px;
}

.mg-175 {
  margin: 175px;
}

.mg-y-175 {
  margin-top: 175px;
  margin-bottom: 175px;
}

.mg-x-175 {
  margin-right: 175px;
  margin-left: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pr-180 {
  padding-right: 180px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pl-180 {
  padding-left: 180px;
}

.pd-180 {
  padding: 180px;
}

.pd-y-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pd-x-180 {
  padding-right: 180px;
  padding-left: 180px;
}

.mt-180 {
  margin-top: 180px;
}

.mr-180 {
  margin-right: 180px;
}

.mb-180 {
  margin-bottom: 180px;
}

.ml-180 {
  margin-left: 180px;
}

.mg-180 {
  margin: 180px;
}

.mg-y-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mg-x-180 {
  margin-right: 180px;
  margin-left: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pr-185 {
  padding-right: 185px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pl-185 {
  padding-left: 185px;
}

.pd-185 {
  padding: 185px;
}

.pd-y-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.pd-x-185 {
  padding-right: 185px;
  padding-left: 185px;
}

.mt-185 {
  margin-top: 185px;
}

.mr-185 {
  margin-right: 185px;
}

.mb-185 {
  margin-bottom: 185px;
}

.ml-185 {
  margin-left: 185px;
}

.mg-185 {
  margin: 185px;
}

.mg-y-185 {
  margin-top: 185px;
  margin-bottom: 185px;
}

.mg-x-185 {
  margin-right: 185px;
  margin-left: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pr-190 {
  padding-right: 190px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pl-190 {
  padding-left: 190px;
}

.pd-190 {
  padding: 190px;
}

.pd-y-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.pd-x-190 {
  padding-right: 190px;
  padding-left: 190px;
}

.mt-190 {
  margin-top: 190px;
}

.mr-190 {
  margin-right: 190px;
}

.mb-190 {
  margin-bottom: 190px;
}

.ml-190 {
  margin-left: 190px;
}

.mg-190 {
  margin: 190px;
}

.mg-y-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.mg-x-190 {
  margin-right: 190px;
  margin-left: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pr-195 {
  padding-right: 195px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pl-195 {
  padding-left: 195px;
}

.pd-195 {
  padding: 195px;
}

.pd-y-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.pd-x-195 {
  padding-right: 195px;
  padding-left: 195px;
}

.mt-195 {
  margin-top: 195px;
}

.mr-195 {
  margin-right: 195px;
}

.mb-195 {
  margin-bottom: 195px;
}

.ml-195 {
  margin-left: 195px;
}

.mg-195 {
  margin: 195px;
}

.mg-y-195 {
  margin-top: 195px;
  margin-bottom: 195px;
}

.mg-x-195 {
  margin-right: 195px;
  margin-left: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.pd-200 {
  padding: 200px;
}

.pd-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pd-x-200 {
  padding-right: 200px;
  padding-left: 200px;
}

.mt-200 {
  margin-top: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.mg-200 {
  margin: 200px;
}

.mg-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mg-x-200 {
  margin-right: 200px;
  margin-left: 200px;
}

@media (min-width: 768px) {
  .pt-0--tablet-up {
    padding-top: 0px;
  }
  .pr-0--tablet-up {
    padding-right: 0px;
  }
  .pb-0--tablet-up {
    padding-bottom: 0px;
  }
  .pl-0--tablet-up {
    padding-left: 0px;
  }
  .pd-0--tablet-up {
    padding: 0px;
  }
  .pd-y-0--tablet-up {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-x-0--tablet-up {
    padding-right: 0px;
    padding-left: 0px;
  }
  .mt-0--tablet-up {
    margin-top: 0px;
  }
  .mr-0--tablet-up {
    margin-right: 0px;
  }
  .mb-0--tablet-up {
    margin-bottom: 0px;
  }
  .ml-0--tablet-up {
    margin-left: 0px;
  }
  .mg-0--tablet-up {
    margin: 0px;
  }
  .mg-y-0--tablet-up {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-x-0--tablet-up {
    margin-right: 0px;
    margin-left: 0px;
  }
  .pt-5--tablet-up {
    padding-top: 5px;
  }
  .pr-5--tablet-up {
    padding-right: 5px;
  }
  .pb-5--tablet-up {
    padding-bottom: 5px;
  }
  .pl-5--tablet-up {
    padding-left: 5px;
  }
  .pd-5--tablet-up {
    padding: 5px;
  }
  .pd-y-5--tablet-up {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-x-5--tablet-up {
    padding-right: 5px;
    padding-left: 5px;
  }
  .mt-5--tablet-up {
    margin-top: 5px;
  }
  .mr-5--tablet-up {
    margin-right: 5px;
  }
  .mb-5--tablet-up {
    margin-bottom: 5px;
  }
  .ml-5--tablet-up {
    margin-left: 5px;
  }
  .mg-5--tablet-up {
    margin: 5px;
  }
  .mg-y-5--tablet-up {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-x-5--tablet-up {
    margin-right: 5px;
    margin-left: 5px;
  }
  .pt-10--tablet-up {
    padding-top: 10px;
  }
  .pr-10--tablet-up {
    padding-right: 10px;
  }
  .pb-10--tablet-up {
    padding-bottom: 10px;
  }
  .pl-10--tablet-up {
    padding-left: 10px;
  }
  .pd-10--tablet-up {
    padding: 10px;
  }
  .pd-y-10--tablet-up {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-x-10--tablet-up {
    padding-right: 10px;
    padding-left: 10px;
  }
  .mt-10--tablet-up {
    margin-top: 10px;
  }
  .mr-10--tablet-up {
    margin-right: 10px;
  }
  .mb-10--tablet-up {
    margin-bottom: 10px;
  }
  .ml-10--tablet-up {
    margin-left: 10px;
  }
  .mg-10--tablet-up {
    margin: 10px;
  }
  .mg-y-10--tablet-up {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-x-10--tablet-up {
    margin-right: 10px;
    margin-left: 10px;
  }
  .pt-15--tablet-up {
    padding-top: 15px;
  }
  .pr-15--tablet-up {
    padding-right: 15px;
  }
  .pb-15--tablet-up {
    padding-bottom: 15px;
  }
  .pl-15--tablet-up {
    padding-left: 15px;
  }
  .pd-15--tablet-up {
    padding: 15px;
  }
  .pd-y-15--tablet-up {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-x-15--tablet-up {
    padding-right: 15px;
    padding-left: 15px;
  }
  .mt-15--tablet-up {
    margin-top: 15px;
  }
  .mr-15--tablet-up {
    margin-right: 15px;
  }
  .mb-15--tablet-up {
    margin-bottom: 15px;
  }
  .ml-15--tablet-up {
    margin-left: 15px;
  }
  .mg-15--tablet-up {
    margin: 15px;
  }
  .mg-y-15--tablet-up {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-x-15--tablet-up {
    margin-right: 15px;
    margin-left: 15px;
  }
  .pt-20--tablet-up {
    padding-top: 20px;
  }
  .pr-20--tablet-up {
    padding-right: 20px;
  }
  .pb-20--tablet-up {
    padding-bottom: 20px;
  }
  .pl-20--tablet-up {
    padding-left: 20px;
  }
  .pd-20--tablet-up {
    padding: 20px;
  }
  .pd-y-20--tablet-up {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-x-20--tablet-up {
    padding-right: 20px;
    padding-left: 20px;
  }
  .mt-20--tablet-up {
    margin-top: 20px;
  }
  .mr-20--tablet-up {
    margin-right: 20px;
  }
  .mb-20--tablet-up {
    margin-bottom: 20px;
  }
  .ml-20--tablet-up {
    margin-left: 20px;
  }
  .mg-20--tablet-up {
    margin: 20px;
  }
  .mg-y-20--tablet-up {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-x-20--tablet-up {
    margin-right: 20px;
    margin-left: 20px;
  }
  .pt-25--tablet-up {
    padding-top: 25px;
  }
  .pr-25--tablet-up {
    padding-right: 25px;
  }
  .pb-25--tablet-up {
    padding-bottom: 25px;
  }
  .pl-25--tablet-up {
    padding-left: 25px;
  }
  .pd-25--tablet-up {
    padding: 25px;
  }
  .pd-y-25--tablet-up {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-x-25--tablet-up {
    padding-right: 25px;
    padding-left: 25px;
  }
  .mt-25--tablet-up {
    margin-top: 25px;
  }
  .mr-25--tablet-up {
    margin-right: 25px;
  }
  .mb-25--tablet-up {
    margin-bottom: 25px;
  }
  .ml-25--tablet-up {
    margin-left: 25px;
  }
  .mg-25--tablet-up {
    margin: 25px;
  }
  .mg-y-25--tablet-up {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-x-25--tablet-up {
    margin-right: 25px;
    margin-left: 25px;
  }
  .pt-30--tablet-up {
    padding-top: 30px;
  }
  .pr-30--tablet-up {
    padding-right: 30px;
  }
  .pb-30--tablet-up {
    padding-bottom: 30px;
  }
  .pl-30--tablet-up {
    padding-left: 30px;
  }
  .pd-30--tablet-up {
    padding: 30px;
  }
  .pd-y-30--tablet-up {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-x-30--tablet-up {
    padding-right: 30px;
    padding-left: 30px;
  }
  .mt-30--tablet-up {
    margin-top: 30px;
  }
  .mr-30--tablet-up {
    margin-right: 30px;
  }
  .mb-30--tablet-up {
    margin-bottom: 30px;
  }
  .ml-30--tablet-up {
    margin-left: 30px;
  }
  .mg-30--tablet-up {
    margin: 30px;
  }
  .mg-y-30--tablet-up {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-x-30--tablet-up {
    margin-right: 30px;
    margin-left: 30px;
  }
  .pt-35--tablet-up {
    padding-top: 35px;
  }
  .pr-35--tablet-up {
    padding-right: 35px;
  }
  .pb-35--tablet-up {
    padding-bottom: 35px;
  }
  .pl-35--tablet-up {
    padding-left: 35px;
  }
  .pd-35--tablet-up {
    padding: 35px;
  }
  .pd-y-35--tablet-up {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-x-35--tablet-up {
    padding-right: 35px;
    padding-left: 35px;
  }
  .mt-35--tablet-up {
    margin-top: 35px;
  }
  .mr-35--tablet-up {
    margin-right: 35px;
  }
  .mb-35--tablet-up {
    margin-bottom: 35px;
  }
  .ml-35--tablet-up {
    margin-left: 35px;
  }
  .mg-35--tablet-up {
    margin: 35px;
  }
  .mg-y-35--tablet-up {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-x-35--tablet-up {
    margin-right: 35px;
    margin-left: 35px;
  }
  .pt-40--tablet-up {
    padding-top: 40px;
  }
  .pr-40--tablet-up {
    padding-right: 40px;
  }
  .pb-40--tablet-up {
    padding-bottom: 40px;
  }
  .pl-40--tablet-up {
    padding-left: 40px;
  }
  .pd-40--tablet-up {
    padding: 40px;
  }
  .pd-y-40--tablet-up {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-x-40--tablet-up {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mt-40--tablet-up {
    margin-top: 40px;
  }
  .mr-40--tablet-up {
    margin-right: 40px;
  }
  .mb-40--tablet-up {
    margin-bottom: 40px;
  }
  .ml-40--tablet-up {
    margin-left: 40px;
  }
  .mg-40--tablet-up {
    margin: 40px;
  }
  .mg-y-40--tablet-up {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-x-40--tablet-up {
    margin-right: 40px;
    margin-left: 40px;
  }
  .pt-45--tablet-up {
    padding-top: 45px;
  }
  .pr-45--tablet-up {
    padding-right: 45px;
  }
  .pb-45--tablet-up {
    padding-bottom: 45px;
  }
  .pl-45--tablet-up {
    padding-left: 45px;
  }
  .pd-45--tablet-up {
    padding: 45px;
  }
  .pd-y-45--tablet-up {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-x-45--tablet-up {
    padding-right: 45px;
    padding-left: 45px;
  }
  .mt-45--tablet-up {
    margin-top: 45px;
  }
  .mr-45--tablet-up {
    margin-right: 45px;
  }
  .mb-45--tablet-up {
    margin-bottom: 45px;
  }
  .ml-45--tablet-up {
    margin-left: 45px;
  }
  .mg-45--tablet-up {
    margin: 45px;
  }
  .mg-y-45--tablet-up {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-x-45--tablet-up {
    margin-right: 45px;
    margin-left: 45px;
  }
  .pt-50--tablet-up {
    padding-top: 50px;
  }
  .pr-50--tablet-up {
    padding-right: 50px;
  }
  .pb-50--tablet-up {
    padding-bottom: 50px;
  }
  .pl-50--tablet-up {
    padding-left: 50px;
  }
  .pd-50--tablet-up {
    padding: 50px;
  }
  .pd-y-50--tablet-up {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-x-50--tablet-up {
    padding-right: 50px;
    padding-left: 50px;
  }
  .mt-50--tablet-up {
    margin-top: 50px;
  }
  .mr-50--tablet-up {
    margin-right: 50px;
  }
  .mb-50--tablet-up {
    margin-bottom: 50px;
  }
  .ml-50--tablet-up {
    margin-left: 50px;
  }
  .mg-50--tablet-up {
    margin: 50px;
  }
  .mg-y-50--tablet-up {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-x-50--tablet-up {
    margin-right: 50px;
    margin-left: 50px;
  }
  .pt-55--tablet-up {
    padding-top: 55px;
  }
  .pr-55--tablet-up {
    padding-right: 55px;
  }
  .pb-55--tablet-up {
    padding-bottom: 55px;
  }
  .pl-55--tablet-up {
    padding-left: 55px;
  }
  .pd-55--tablet-up {
    padding: 55px;
  }
  .pd-y-55--tablet-up {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-x-55--tablet-up {
    padding-right: 55px;
    padding-left: 55px;
  }
  .mt-55--tablet-up {
    margin-top: 55px;
  }
  .mr-55--tablet-up {
    margin-right: 55px;
  }
  .mb-55--tablet-up {
    margin-bottom: 55px;
  }
  .ml-55--tablet-up {
    margin-left: 55px;
  }
  .mg-55--tablet-up {
    margin: 55px;
  }
  .mg-y-55--tablet-up {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-x-55--tablet-up {
    margin-right: 55px;
    margin-left: 55px;
  }
  .pt-60--tablet-up {
    padding-top: 60px;
  }
  .pr-60--tablet-up {
    padding-right: 60px;
  }
  .pb-60--tablet-up {
    padding-bottom: 60px;
  }
  .pl-60--tablet-up {
    padding-left: 60px;
  }
  .pd-60--tablet-up {
    padding: 60px;
  }
  .pd-y-60--tablet-up {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-x-60--tablet-up {
    padding-right: 60px;
    padding-left: 60px;
  }
  .mt-60--tablet-up {
    margin-top: 60px;
  }
  .mr-60--tablet-up {
    margin-right: 60px;
  }
  .mb-60--tablet-up {
    margin-bottom: 60px;
  }
  .ml-60--tablet-up {
    margin-left: 60px;
  }
  .mg-60--tablet-up {
    margin: 60px;
  }
  .mg-y-60--tablet-up {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-x-60--tablet-up {
    margin-right: 60px;
    margin-left: 60px;
  }
  .pt-65--tablet-up {
    padding-top: 65px;
  }
  .pr-65--tablet-up {
    padding-right: 65px;
  }
  .pb-65--tablet-up {
    padding-bottom: 65px;
  }
  .pl-65--tablet-up {
    padding-left: 65px;
  }
  .pd-65--tablet-up {
    padding: 65px;
  }
  .pd-y-65--tablet-up {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-x-65--tablet-up {
    padding-right: 65px;
    padding-left: 65px;
  }
  .mt-65--tablet-up {
    margin-top: 65px;
  }
  .mr-65--tablet-up {
    margin-right: 65px;
  }
  .mb-65--tablet-up {
    margin-bottom: 65px;
  }
  .ml-65--tablet-up {
    margin-left: 65px;
  }
  .mg-65--tablet-up {
    margin: 65px;
  }
  .mg-y-65--tablet-up {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-x-65--tablet-up {
    margin-right: 65px;
    margin-left: 65px;
  }
  .pt-70--tablet-up {
    padding-top: 70px;
  }
  .pr-70--tablet-up {
    padding-right: 70px;
  }
  .pb-70--tablet-up {
    padding-bottom: 70px;
  }
  .pl-70--tablet-up {
    padding-left: 70px;
  }
  .pd-70--tablet-up {
    padding: 70px;
  }
  .pd-y-70--tablet-up {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-x-70--tablet-up {
    padding-right: 70px;
    padding-left: 70px;
  }
  .mt-70--tablet-up {
    margin-top: 70px;
  }
  .mr-70--tablet-up {
    margin-right: 70px;
  }
  .mb-70--tablet-up {
    margin-bottom: 70px;
  }
  .ml-70--tablet-up {
    margin-left: 70px;
  }
  .mg-70--tablet-up {
    margin: 70px;
  }
  .mg-y-70--tablet-up {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-x-70--tablet-up {
    margin-right: 70px;
    margin-left: 70px;
  }
  .pt-75--tablet-up {
    padding-top: 75px;
  }
  .pr-75--tablet-up {
    padding-right: 75px;
  }
  .pb-75--tablet-up {
    padding-bottom: 75px;
  }
  .pl-75--tablet-up {
    padding-left: 75px;
  }
  .pd-75--tablet-up {
    padding: 75px;
  }
  .pd-y-75--tablet-up {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-x-75--tablet-up {
    padding-right: 75px;
    padding-left: 75px;
  }
  .mt-75--tablet-up {
    margin-top: 75px;
  }
  .mr-75--tablet-up {
    margin-right: 75px;
  }
  .mb-75--tablet-up {
    margin-bottom: 75px;
  }
  .ml-75--tablet-up {
    margin-left: 75px;
  }
  .mg-75--tablet-up {
    margin: 75px;
  }
  .mg-y-75--tablet-up {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-x-75--tablet-up {
    margin-right: 75px;
    margin-left: 75px;
  }
  .pt-80--tablet-up {
    padding-top: 80px;
  }
  .pr-80--tablet-up {
    padding-right: 80px;
  }
  .pb-80--tablet-up {
    padding-bottom: 80px;
  }
  .pl-80--tablet-up {
    padding-left: 80px;
  }
  .pd-80--tablet-up {
    padding: 80px;
  }
  .pd-y-80--tablet-up {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-x-80--tablet-up {
    padding-right: 80px;
    padding-left: 80px;
  }
  .mt-80--tablet-up {
    margin-top: 80px;
  }
  .mr-80--tablet-up {
    margin-right: 80px;
  }
  .mb-80--tablet-up {
    margin-bottom: 80px;
  }
  .ml-80--tablet-up {
    margin-left: 80px;
  }
  .mg-80--tablet-up {
    margin: 80px;
  }
  .mg-y-80--tablet-up {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-x-80--tablet-up {
    margin-right: 80px;
    margin-left: 80px;
  }
  .pt-85--tablet-up {
    padding-top: 85px;
  }
  .pr-85--tablet-up {
    padding-right: 85px;
  }
  .pb-85--tablet-up {
    padding-bottom: 85px;
  }
  .pl-85--tablet-up {
    padding-left: 85px;
  }
  .pd-85--tablet-up {
    padding: 85px;
  }
  .pd-y-85--tablet-up {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-x-85--tablet-up {
    padding-right: 85px;
    padding-left: 85px;
  }
  .mt-85--tablet-up {
    margin-top: 85px;
  }
  .mr-85--tablet-up {
    margin-right: 85px;
  }
  .mb-85--tablet-up {
    margin-bottom: 85px;
  }
  .ml-85--tablet-up {
    margin-left: 85px;
  }
  .mg-85--tablet-up {
    margin: 85px;
  }
  .mg-y-85--tablet-up {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-x-85--tablet-up {
    margin-right: 85px;
    margin-left: 85px;
  }
  .pt-90--tablet-up {
    padding-top: 90px;
  }
  .pr-90--tablet-up {
    padding-right: 90px;
  }
  .pb-90--tablet-up {
    padding-bottom: 90px;
  }
  .pl-90--tablet-up {
    padding-left: 90px;
  }
  .pd-90--tablet-up {
    padding: 90px;
  }
  .pd-y-90--tablet-up {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-x-90--tablet-up {
    padding-right: 90px;
    padding-left: 90px;
  }
  .mt-90--tablet-up {
    margin-top: 90px;
  }
  .mr-90--tablet-up {
    margin-right: 90px;
  }
  .mb-90--tablet-up {
    margin-bottom: 90px;
  }
  .ml-90--tablet-up {
    margin-left: 90px;
  }
  .mg-90--tablet-up {
    margin: 90px;
  }
  .mg-y-90--tablet-up {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-x-90--tablet-up {
    margin-right: 90px;
    margin-left: 90px;
  }
  .pt-95--tablet-up {
    padding-top: 95px;
  }
  .pr-95--tablet-up {
    padding-right: 95px;
  }
  .pb-95--tablet-up {
    padding-bottom: 95px;
  }
  .pl-95--tablet-up {
    padding-left: 95px;
  }
  .pd-95--tablet-up {
    padding: 95px;
  }
  .pd-y-95--tablet-up {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-x-95--tablet-up {
    padding-right: 95px;
    padding-left: 95px;
  }
  .mt-95--tablet-up {
    margin-top: 95px;
  }
  .mr-95--tablet-up {
    margin-right: 95px;
  }
  .mb-95--tablet-up {
    margin-bottom: 95px;
  }
  .ml-95--tablet-up {
    margin-left: 95px;
  }
  .mg-95--tablet-up {
    margin: 95px;
  }
  .mg-y-95--tablet-up {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-x-95--tablet-up {
    margin-right: 95px;
    margin-left: 95px;
  }
  .pt-100--tablet-up {
    padding-top: 100px;
  }
  .pr-100--tablet-up {
    padding-right: 100px;
  }
  .pb-100--tablet-up {
    padding-bottom: 100px;
  }
  .pl-100--tablet-up {
    padding-left: 100px;
  }
  .pd-100--tablet-up {
    padding: 100px;
  }
  .pd-y-100--tablet-up {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-x-100--tablet-up {
    padding-right: 100px;
    padding-left: 100px;
  }
  .mt-100--tablet-up {
    margin-top: 100px;
  }
  .mr-100--tablet-up {
    margin-right: 100px;
  }
  .mb-100--tablet-up {
    margin-bottom: 100px;
  }
  .ml-100--tablet-up {
    margin-left: 100px;
  }
  .mg-100--tablet-up {
    margin: 100px;
  }
  .mg-y-100--tablet-up {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-x-100--tablet-up {
    margin-right: 100px;
    margin-left: 100px;
  }
  .pt-105--tablet-up {
    padding-top: 105px;
  }
  .pr-105--tablet-up {
    padding-right: 105px;
  }
  .pb-105--tablet-up {
    padding-bottom: 105px;
  }
  .pl-105--tablet-up {
    padding-left: 105px;
  }
  .pd-105--tablet-up {
    padding: 105px;
  }
  .pd-y-105--tablet-up {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .pd-x-105--tablet-up {
    padding-right: 105px;
    padding-left: 105px;
  }
  .mt-105--tablet-up {
    margin-top: 105px;
  }
  .mr-105--tablet-up {
    margin-right: 105px;
  }
  .mb-105--tablet-up {
    margin-bottom: 105px;
  }
  .ml-105--tablet-up {
    margin-left: 105px;
  }
  .mg-105--tablet-up {
    margin: 105px;
  }
  .mg-y-105--tablet-up {
    margin-top: 105px;
    margin-bottom: 105px;
  }
  .mg-x-105--tablet-up {
    margin-right: 105px;
    margin-left: 105px;
  }
  .pt-110--tablet-up {
    padding-top: 110px;
  }
  .pr-110--tablet-up {
    padding-right: 110px;
  }
  .pb-110--tablet-up {
    padding-bottom: 110px;
  }
  .pl-110--tablet-up {
    padding-left: 110px;
  }
  .pd-110--tablet-up {
    padding: 110px;
  }
  .pd-y-110--tablet-up {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-x-110--tablet-up {
    padding-right: 110px;
    padding-left: 110px;
  }
  .mt-110--tablet-up {
    margin-top: 110px;
  }
  .mr-110--tablet-up {
    margin-right: 110px;
  }
  .mb-110--tablet-up {
    margin-bottom: 110px;
  }
  .ml-110--tablet-up {
    margin-left: 110px;
  }
  .mg-110--tablet-up {
    margin: 110px;
  }
  .mg-y-110--tablet-up {
    margin-top: 110px;
    margin-bottom: 110px;
  }
  .mg-x-110--tablet-up {
    margin-right: 110px;
    margin-left: 110px;
  }
  .pt-115--tablet-up {
    padding-top: 115px;
  }
  .pr-115--tablet-up {
    padding-right: 115px;
  }
  .pb-115--tablet-up {
    padding-bottom: 115px;
  }
  .pl-115--tablet-up {
    padding-left: 115px;
  }
  .pd-115--tablet-up {
    padding: 115px;
  }
  .pd-y-115--tablet-up {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .pd-x-115--tablet-up {
    padding-right: 115px;
    padding-left: 115px;
  }
  .mt-115--tablet-up {
    margin-top: 115px;
  }
  .mr-115--tablet-up {
    margin-right: 115px;
  }
  .mb-115--tablet-up {
    margin-bottom: 115px;
  }
  .ml-115--tablet-up {
    margin-left: 115px;
  }
  .mg-115--tablet-up {
    margin: 115px;
  }
  .mg-y-115--tablet-up {
    margin-top: 115px;
    margin-bottom: 115px;
  }
  .mg-x-115--tablet-up {
    margin-right: 115px;
    margin-left: 115px;
  }
  .pt-120--tablet-up {
    padding-top: 120px;
  }
  .pr-120--tablet-up {
    padding-right: 120px;
  }
  .pb-120--tablet-up {
    padding-bottom: 120px;
  }
  .pl-120--tablet-up {
    padding-left: 120px;
  }
  .pd-120--tablet-up {
    padding: 120px;
  }
  .pd-y-120--tablet-up {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-x-120--tablet-up {
    padding-right: 120px;
    padding-left: 120px;
  }
  .mt-120--tablet-up {
    margin-top: 120px;
  }
  .mr-120--tablet-up {
    margin-right: 120px;
  }
  .mb-120--tablet-up {
    margin-bottom: 120px;
  }
  .ml-120--tablet-up {
    margin-left: 120px;
  }
  .mg-120--tablet-up {
    margin: 120px;
  }
  .mg-y-120--tablet-up {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .mg-x-120--tablet-up {
    margin-right: 120px;
    margin-left: 120px;
  }
  .pt-125--tablet-up {
    padding-top: 125px;
  }
  .pr-125--tablet-up {
    padding-right: 125px;
  }
  .pb-125--tablet-up {
    padding-bottom: 125px;
  }
  .pl-125--tablet-up {
    padding-left: 125px;
  }
  .pd-125--tablet-up {
    padding: 125px;
  }
  .pd-y-125--tablet-up {
    padding-top: 125px;
    padding-bottom: 125px;
  }
  .pd-x-125--tablet-up {
    padding-right: 125px;
    padding-left: 125px;
  }
  .mt-125--tablet-up {
    margin-top: 125px;
  }
  .mr-125--tablet-up {
    margin-right: 125px;
  }
  .mb-125--tablet-up {
    margin-bottom: 125px;
  }
  .ml-125--tablet-up {
    margin-left: 125px;
  }
  .mg-125--tablet-up {
    margin: 125px;
  }
  .mg-y-125--tablet-up {
    margin-top: 125px;
    margin-bottom: 125px;
  }
  .mg-x-125--tablet-up {
    margin-right: 125px;
    margin-left: 125px;
  }
  .pt-130--tablet-up {
    padding-top: 130px;
  }
  .pr-130--tablet-up {
    padding-right: 130px;
  }
  .pb-130--tablet-up {
    padding-bottom: 130px;
  }
  .pl-130--tablet-up {
    padding-left: 130px;
  }
  .pd-130--tablet-up {
    padding: 130px;
  }
  .pd-y-130--tablet-up {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-x-130--tablet-up {
    padding-right: 130px;
    padding-left: 130px;
  }
  .mt-130--tablet-up {
    margin-top: 130px;
  }
  .mr-130--tablet-up {
    margin-right: 130px;
  }
  .mb-130--tablet-up {
    margin-bottom: 130px;
  }
  .ml-130--tablet-up {
    margin-left: 130px;
  }
  .mg-130--tablet-up {
    margin: 130px;
  }
  .mg-y-130--tablet-up {
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .mg-x-130--tablet-up {
    margin-right: 130px;
    margin-left: 130px;
  }
  .pt-135--tablet-up {
    padding-top: 135px;
  }
  .pr-135--tablet-up {
    padding-right: 135px;
  }
  .pb-135--tablet-up {
    padding-bottom: 135px;
  }
  .pl-135--tablet-up {
    padding-left: 135px;
  }
  .pd-135--tablet-up {
    padding: 135px;
  }
  .pd-y-135--tablet-up {
    padding-top: 135px;
    padding-bottom: 135px;
  }
  .pd-x-135--tablet-up {
    padding-right: 135px;
    padding-left: 135px;
  }
  .mt-135--tablet-up {
    margin-top: 135px;
  }
  .mr-135--tablet-up {
    margin-right: 135px;
  }
  .mb-135--tablet-up {
    margin-bottom: 135px;
  }
  .ml-135--tablet-up {
    margin-left: 135px;
  }
  .mg-135--tablet-up {
    margin: 135px;
  }
  .mg-y-135--tablet-up {
    margin-top: 135px;
    margin-bottom: 135px;
  }
  .mg-x-135--tablet-up {
    margin-right: 135px;
    margin-left: 135px;
  }
  .pt-140--tablet-up {
    padding-top: 140px;
  }
  .pr-140--tablet-up {
    padding-right: 140px;
  }
  .pb-140--tablet-up {
    padding-bottom: 140px;
  }
  .pl-140--tablet-up {
    padding-left: 140px;
  }
  .pd-140--tablet-up {
    padding: 140px;
  }
  .pd-y-140--tablet-up {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-x-140--tablet-up {
    padding-right: 140px;
    padding-left: 140px;
  }
  .mt-140--tablet-up {
    margin-top: 140px;
  }
  .mr-140--tablet-up {
    margin-right: 140px;
  }
  .mb-140--tablet-up {
    margin-bottom: 140px;
  }
  .ml-140--tablet-up {
    margin-left: 140px;
  }
  .mg-140--tablet-up {
    margin: 140px;
  }
  .mg-y-140--tablet-up {
    margin-top: 140px;
    margin-bottom: 140px;
  }
  .mg-x-140--tablet-up {
    margin-right: 140px;
    margin-left: 140px;
  }
  .pt-145--tablet-up {
    padding-top: 145px;
  }
  .pr-145--tablet-up {
    padding-right: 145px;
  }
  .pb-145--tablet-up {
    padding-bottom: 145px;
  }
  .pl-145--tablet-up {
    padding-left: 145px;
  }
  .pd-145--tablet-up {
    padding: 145px;
  }
  .pd-y-145--tablet-up {
    padding-top: 145px;
    padding-bottom: 145px;
  }
  .pd-x-145--tablet-up {
    padding-right: 145px;
    padding-left: 145px;
  }
  .mt-145--tablet-up {
    margin-top: 145px;
  }
  .mr-145--tablet-up {
    margin-right: 145px;
  }
  .mb-145--tablet-up {
    margin-bottom: 145px;
  }
  .ml-145--tablet-up {
    margin-left: 145px;
  }
  .mg-145--tablet-up {
    margin: 145px;
  }
  .mg-y-145--tablet-up {
    margin-top: 145px;
    margin-bottom: 145px;
  }
  .mg-x-145--tablet-up {
    margin-right: 145px;
    margin-left: 145px;
  }
  .pt-150--tablet-up {
    padding-top: 150px;
  }
  .pr-150--tablet-up {
    padding-right: 150px;
  }
  .pb-150--tablet-up {
    padding-bottom: 150px;
  }
  .pl-150--tablet-up {
    padding-left: 150px;
  }
  .pd-150--tablet-up {
    padding: 150px;
  }
  .pd-y-150--tablet-up {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-x-150--tablet-up {
    padding-right: 150px;
    padding-left: 150px;
  }
  .mt-150--tablet-up {
    margin-top: 150px;
  }
  .mr-150--tablet-up {
    margin-right: 150px;
  }
  .mb-150--tablet-up {
    margin-bottom: 150px;
  }
  .ml-150--tablet-up {
    margin-left: 150px;
  }
  .mg-150--tablet-up {
    margin: 150px;
  }
  .mg-y-150--tablet-up {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .mg-x-150--tablet-up {
    margin-right: 150px;
    margin-left: 150px;
  }
  .pt-155--tablet-up {
    padding-top: 155px;
  }
  .pr-155--tablet-up {
    padding-right: 155px;
  }
  .pb-155--tablet-up {
    padding-bottom: 155px;
  }
  .pl-155--tablet-up {
    padding-left: 155px;
  }
  .pd-155--tablet-up {
    padding: 155px;
  }
  .pd-y-155--tablet-up {
    padding-top: 155px;
    padding-bottom: 155px;
  }
  .pd-x-155--tablet-up {
    padding-right: 155px;
    padding-left: 155px;
  }
  .mt-155--tablet-up {
    margin-top: 155px;
  }
  .mr-155--tablet-up {
    margin-right: 155px;
  }
  .mb-155--tablet-up {
    margin-bottom: 155px;
  }
  .ml-155--tablet-up {
    margin-left: 155px;
  }
  .mg-155--tablet-up {
    margin: 155px;
  }
  .mg-y-155--tablet-up {
    margin-top: 155px;
    margin-bottom: 155px;
  }
  .mg-x-155--tablet-up {
    margin-right: 155px;
    margin-left: 155px;
  }
  .pt-160--tablet-up {
    padding-top: 160px;
  }
  .pr-160--tablet-up {
    padding-right: 160px;
  }
  .pb-160--tablet-up {
    padding-bottom: 160px;
  }
  .pl-160--tablet-up {
    padding-left: 160px;
  }
  .pd-160--tablet-up {
    padding: 160px;
  }
  .pd-y-160--tablet-up {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-x-160--tablet-up {
    padding-right: 160px;
    padding-left: 160px;
  }
  .mt-160--tablet-up {
    margin-top: 160px;
  }
  .mr-160--tablet-up {
    margin-right: 160px;
  }
  .mb-160--tablet-up {
    margin-bottom: 160px;
  }
  .ml-160--tablet-up {
    margin-left: 160px;
  }
  .mg-160--tablet-up {
    margin: 160px;
  }
  .mg-y-160--tablet-up {
    margin-top: 160px;
    margin-bottom: 160px;
  }
  .mg-x-160--tablet-up {
    margin-right: 160px;
    margin-left: 160px;
  }
  .pt-165--tablet-up {
    padding-top: 165px;
  }
  .pr-165--tablet-up {
    padding-right: 165px;
  }
  .pb-165--tablet-up {
    padding-bottom: 165px;
  }
  .pl-165--tablet-up {
    padding-left: 165px;
  }
  .pd-165--tablet-up {
    padding: 165px;
  }
  .pd-y-165--tablet-up {
    padding-top: 165px;
    padding-bottom: 165px;
  }
  .pd-x-165--tablet-up {
    padding-right: 165px;
    padding-left: 165px;
  }
  .mt-165--tablet-up {
    margin-top: 165px;
  }
  .mr-165--tablet-up {
    margin-right: 165px;
  }
  .mb-165--tablet-up {
    margin-bottom: 165px;
  }
  .ml-165--tablet-up {
    margin-left: 165px;
  }
  .mg-165--tablet-up {
    margin: 165px;
  }
  .mg-y-165--tablet-up {
    margin-top: 165px;
    margin-bottom: 165px;
  }
  .mg-x-165--tablet-up {
    margin-right: 165px;
    margin-left: 165px;
  }
  .pt-170--tablet-up {
    padding-top: 170px;
  }
  .pr-170--tablet-up {
    padding-right: 170px;
  }
  .pb-170--tablet-up {
    padding-bottom: 170px;
  }
  .pl-170--tablet-up {
    padding-left: 170px;
  }
  .pd-170--tablet-up {
    padding: 170px;
  }
  .pd-y-170--tablet-up {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-x-170--tablet-up {
    padding-right: 170px;
    padding-left: 170px;
  }
  .mt-170--tablet-up {
    margin-top: 170px;
  }
  .mr-170--tablet-up {
    margin-right: 170px;
  }
  .mb-170--tablet-up {
    margin-bottom: 170px;
  }
  .ml-170--tablet-up {
    margin-left: 170px;
  }
  .mg-170--tablet-up {
    margin: 170px;
  }
  .mg-y-170--tablet-up {
    margin-top: 170px;
    margin-bottom: 170px;
  }
  .mg-x-170--tablet-up {
    margin-right: 170px;
    margin-left: 170px;
  }
  .pt-175--tablet-up {
    padding-top: 175px;
  }
  .pr-175--tablet-up {
    padding-right: 175px;
  }
  .pb-175--tablet-up {
    padding-bottom: 175px;
  }
  .pl-175--tablet-up {
    padding-left: 175px;
  }
  .pd-175--tablet-up {
    padding: 175px;
  }
  .pd-y-175--tablet-up {
    padding-top: 175px;
    padding-bottom: 175px;
  }
  .pd-x-175--tablet-up {
    padding-right: 175px;
    padding-left: 175px;
  }
  .mt-175--tablet-up {
    margin-top: 175px;
  }
  .mr-175--tablet-up {
    margin-right: 175px;
  }
  .mb-175--tablet-up {
    margin-bottom: 175px;
  }
  .ml-175--tablet-up {
    margin-left: 175px;
  }
  .mg-175--tablet-up {
    margin: 175px;
  }
  .mg-y-175--tablet-up {
    margin-top: 175px;
    margin-bottom: 175px;
  }
  .mg-x-175--tablet-up {
    margin-right: 175px;
    margin-left: 175px;
  }
  .pt-180--tablet-up {
    padding-top: 180px;
  }
  .pr-180--tablet-up {
    padding-right: 180px;
  }
  .pb-180--tablet-up {
    padding-bottom: 180px;
  }
  .pl-180--tablet-up {
    padding-left: 180px;
  }
  .pd-180--tablet-up {
    padding: 180px;
  }
  .pd-y-180--tablet-up {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-x-180--tablet-up {
    padding-right: 180px;
    padding-left: 180px;
  }
  .mt-180--tablet-up {
    margin-top: 180px;
  }
  .mr-180--tablet-up {
    margin-right: 180px;
  }
  .mb-180--tablet-up {
    margin-bottom: 180px;
  }
  .ml-180--tablet-up {
    margin-left: 180px;
  }
  .mg-180--tablet-up {
    margin: 180px;
  }
  .mg-y-180--tablet-up {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .mg-x-180--tablet-up {
    margin-right: 180px;
    margin-left: 180px;
  }
  .pt-185--tablet-up {
    padding-top: 185px;
  }
  .pr-185--tablet-up {
    padding-right: 185px;
  }
  .pb-185--tablet-up {
    padding-bottom: 185px;
  }
  .pl-185--tablet-up {
    padding-left: 185px;
  }
  .pd-185--tablet-up {
    padding: 185px;
  }
  .pd-y-185--tablet-up {
    padding-top: 185px;
    padding-bottom: 185px;
  }
  .pd-x-185--tablet-up {
    padding-right: 185px;
    padding-left: 185px;
  }
  .mt-185--tablet-up {
    margin-top: 185px;
  }
  .mr-185--tablet-up {
    margin-right: 185px;
  }
  .mb-185--tablet-up {
    margin-bottom: 185px;
  }
  .ml-185--tablet-up {
    margin-left: 185px;
  }
  .mg-185--tablet-up {
    margin: 185px;
  }
  .mg-y-185--tablet-up {
    margin-top: 185px;
    margin-bottom: 185px;
  }
  .mg-x-185--tablet-up {
    margin-right: 185px;
    margin-left: 185px;
  }
  .pt-190--tablet-up {
    padding-top: 190px;
  }
  .pr-190--tablet-up {
    padding-right: 190px;
  }
  .pb-190--tablet-up {
    padding-bottom: 190px;
  }
  .pl-190--tablet-up {
    padding-left: 190px;
  }
  .pd-190--tablet-up {
    padding: 190px;
  }
  .pd-y-190--tablet-up {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-x-190--tablet-up {
    padding-right: 190px;
    padding-left: 190px;
  }
  .mt-190--tablet-up {
    margin-top: 190px;
  }
  .mr-190--tablet-up {
    margin-right: 190px;
  }
  .mb-190--tablet-up {
    margin-bottom: 190px;
  }
  .ml-190--tablet-up {
    margin-left: 190px;
  }
  .mg-190--tablet-up {
    margin: 190px;
  }
  .mg-y-190--tablet-up {
    margin-top: 190px;
    margin-bottom: 190px;
  }
  .mg-x-190--tablet-up {
    margin-right: 190px;
    margin-left: 190px;
  }
  .pt-195--tablet-up {
    padding-top: 195px;
  }
  .pr-195--tablet-up {
    padding-right: 195px;
  }
  .pb-195--tablet-up {
    padding-bottom: 195px;
  }
  .pl-195--tablet-up {
    padding-left: 195px;
  }
  .pd-195--tablet-up {
    padding: 195px;
  }
  .pd-y-195--tablet-up {
    padding-top: 195px;
    padding-bottom: 195px;
  }
  .pd-x-195--tablet-up {
    padding-right: 195px;
    padding-left: 195px;
  }
  .mt-195--tablet-up {
    margin-top: 195px;
  }
  .mr-195--tablet-up {
    margin-right: 195px;
  }
  .mb-195--tablet-up {
    margin-bottom: 195px;
  }
  .ml-195--tablet-up {
    margin-left: 195px;
  }
  .mg-195--tablet-up {
    margin: 195px;
  }
  .mg-y-195--tablet-up {
    margin-top: 195px;
    margin-bottom: 195px;
  }
  .mg-x-195--tablet-up {
    margin-right: 195px;
    margin-left: 195px;
  }
  .pt-200--tablet-up {
    padding-top: 200px;
  }
  .pr-200--tablet-up {
    padding-right: 200px;
  }
  .pb-200--tablet-up {
    padding-bottom: 200px;
  }
  .pl-200--tablet-up {
    padding-left: 200px;
  }
  .pd-200--tablet-up {
    padding: 200px;
  }
  .pd-y-200--tablet-up {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-x-200--tablet-up {
    padding-right: 200px;
    padding-left: 200px;
  }
  .mt-200--tablet-up {
    margin-top: 200px;
  }
  .mr-200--tablet-up {
    margin-right: 200px;
  }
  .mb-200--tablet-up {
    margin-bottom: 200px;
  }
  .ml-200--tablet-up {
    margin-left: 200px;
  }
  .mg-200--tablet-up {
    margin: 200px;
  }
  .mg-y-200--tablet-up {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .mg-x-200--tablet-up {
    margin-right: 200px;
    margin-left: 200px;
  }
}
.mb-1em {
  margin-bottom: 1em;
}

.mg-x-auto {
  margin-right: auto;
  margin-left: auto;
}

.pl-1em {
  padding-left: 1em;
}

[class*=object-fit] {
  width: 100%;
  max-width: none;
  height: 100%;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-fit-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-fit-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-fit-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-position-left {
  -o-object-position: left;
     object-position: left;
}

.object-position-right {
  -o-object-position: right;
     object-position: right;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.object-position-top {
  -o-object-position: top;
     object-position: top;
}

.object-position-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.object-position-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-position-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-position-left-center {
  -o-object-position: left center;
     object-position: left center;
}

.object-position-right-top {
  -o-object-position: right top;
     object-position: right top;
}

.object-position-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-position-right-center {
  -o-object-position: right center;
     object-position: right center;
}

.object-position-center-top {
  -o-object-position: center top;
     object-position: center top;
}

.object-position-center-bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.object-position-center-center {
  -o-object-position: center center;
     object-position: center center;
}

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

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

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

.text-align-justify {
  text-align: justify;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-170 {
  max-width: 170px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-190 {
  max-width: 190px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-210 {
  max-width: 210px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-230 {
  max-width: 230px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-290 {
  max-width: 290px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-310 {
  max-width: 310px;
}

.max-width-320 {
  max-width: 320px;
}

.max-width-330 {
  max-width: 330px;
}

.max-width-340 {
  max-width: 340px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-360 {
  max-width: 360px;
}

.max-width-370 {
  max-width: 370px;
}

.max-width-380 {
  max-width: 380px;
}

.max-width-390 {
  max-width: 390px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-410 {
  max-width: 410px;
}

.max-width-420 {
  max-width: 420px;
}

.max-width-430 {
  max-width: 430px;
}

.max-width-440 {
  max-width: 440px;
}

.max-width-450 {
  max-width: 450px;
}

.max-width-460 {
  max-width: 460px;
}

.max-width-470 {
  max-width: 470px;
}

.max-width-480 {
  max-width: 480px;
}

.max-width-490 {
  max-width: 490px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-510 {
  max-width: 510px;
}

.max-width-520 {
  max-width: 520px;
}

.max-width-530 {
  max-width: 530px;
}

.max-width-540 {
  max-width: 540px;
}

.max-width-550 {
  max-width: 550px;
}

.max-width-560 {
  max-width: 560px;
}

.max-width-570 {
  max-width: 570px;
}

.max-width-580 {
  max-width: 580px;
}

.max-width-590 {
  max-width: 590px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-610 {
  max-width: 610px;
}

.max-width-620 {
  max-width: 620px;
}

.max-width-630 {
  max-width: 630px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-650 {
  max-width: 650px;
}

.max-width-660 {
  max-width: 660px;
}

.max-width-670 {
  max-width: 670px;
}

.max-width-680 {
  max-width: 680px;
}

.max-width-690 {
  max-width: 690px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-710 {
  max-width: 710px;
}

.max-width-720 {
  max-width: 720px;
}

.max-width-730 {
  max-width: 730px;
}

.max-width-740 {
  max-width: 740px;
}

.max-width-750 {
  max-width: 750px;
}

.max-width-760 {
  max-width: 760px;
}

.max-width-770 {
  max-width: 770px;
}

.max-width-780 {
  max-width: 780px;
}

.max-width-790 {
  max-width: 790px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-810 {
  max-width: 810px;
}

.max-width-820 {
  max-width: 820px;
}

.max-width-830 {
  max-width: 830px;
}

.max-width-840 {
  max-width: 840px;
}

.max-width-850 {
  max-width: 850px;
}

.max-width-860 {
  max-width: 860px;
}

.max-width-870 {
  max-width: 870px;
}

.max-width-880 {
  max-width: 880px;
}

.max-width-890 {
  max-width: 890px;
}

.max-width-900 {
  max-width: 900px;
}

.container {
  --full:1fr;
  --wide: clamp( 0% ,
    calc( 50vw - var(--container) * 0.5 - var(--gutter) ) ,
    calc( var(--container-wide) * 0.5 - var(--container) * 0.5 ) );
  --content: clamp( 0% ,
    calc( 50vw - var(--container-slim) * 0.5 - var(--gutter) ) ,
    calc( var(--container) * 0.5 - var(--container-slim) * 0.5 ) );
  --slim: min(calc(100% - var(--gutter)*2), var(--container-slim));
  --popout: var(--gutter);
  -ms-grid-columns: [full-start] var(--full) [popout-start] var(--popout) [content-start] var(--content) [slim-start] var(--slim) [slim-end] var(--content) [content-end] var(--popout) [popout-end] var(--full) [full-end];
  display: -ms-grid;
  display: grid;
  grid-template-columns: [full-start] var(--full) [popout-start] var(--popout) [content-start] var(--content) [slim-start] var(--slim) [slim-end] var(--content) [content-end] var(--popout) [popout-end] var(--full) [full-end];
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.container > * {
  grid-column: content;
}

.container-news {
  padding: clamp(13px, 2.5390625vw, 26px) clamp(7px, 1.46484375vw, 15px);
}
.container-news__footer {
  margin: clamp(40px, 7.8125vw, 80px) 0 0;
}
@media (min-width: 768px) {
  .container-news {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    -ms-grid-columns: 62.5% 30.2884615385%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 62.5% 30.2884615385%;
            justify-content: space-between;
    padding: clamp(34px, 5.75vw, 69px) clamp(30px, 6.6666666667vw, 80px) clamp(30px, 4.5833333333vw, 55px);
  }
  .container-news__aside {
    margin: -21px 0 0;
  }
  .container-news__footer {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    margin: 100px 0 0;
  }
}
@media (min-width: 1024px) {
  .container-news {
    -ms-grid-columns: 57.6923076923% 30.2884615385%;
    grid-template-columns: 57.6923076923% 30.2884615385%;
  }
}
@media (max-width: 767.98px) {
  .container-news__aside {
    margin: clamp(40px, 7.8125vw, 80px) 0 0;
  }
}

.grid--row12, .grid--row11, .grid--row10, .grid--row9, .grid--row8, .grid--row7, .grid--row6, .grid--row5, .grid--row4, .grid--row3, .grid--row2, .grid--row1, .grid {
  display: -ms-grid;
  display: grid;
}

.grid--row1 {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
.grid--row2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.grid--row3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.grid--row4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.grid--row5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.grid--row6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.grid--row7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.grid--row8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}
.grid--row9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}
.grid--row10 {
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
}
.grid--row11 {
  -ms-grid-columns: (1fr)[11];
  grid-template-columns: repeat(11, 1fr);
}
.grid--row12 {
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}
.grid__column1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.grid__column2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.grid__column3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.grid__column4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid__column5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.grid__column6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
.grid__column7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
.grid__column8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
.grid__column9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
.grid__column10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
.grid__column11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
.grid__column12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.grid--gap5 {
  gap: 5px;
}
.grid--gapY5 {
  row-gap: 5px;
}
.grid--gapX5 {
  -webkit-column-gap: 5px;
          column-gap: 5px;
}
.grid--gap10 {
  gap: 10px;
}
.grid--gapY10 {
  row-gap: 10px;
}
.grid--gapX10 {
  -webkit-column-gap: 10px;
          column-gap: 10px;
}
.grid--gap15 {
  gap: 15px;
}
.grid--gapY15 {
  row-gap: 15px;
}
.grid--gapX15 {
  -webkit-column-gap: 15px;
          column-gap: 15px;
}
.grid--gap20 {
  gap: 20px;
}
.grid--gapY20 {
  row-gap: 20px;
}
.grid--gapX20 {
  -webkit-column-gap: 20px;
          column-gap: 20px;
}
.grid--gap25 {
  gap: 25px;
}
.grid--gapY25 {
  row-gap: 25px;
}
.grid--gapX25 {
  -webkit-column-gap: 25px;
          column-gap: 25px;
}
.grid--gap30 {
  gap: 30px;
}
.grid--gapY30 {
  row-gap: 30px;
}
.grid--gapX30 {
  -webkit-column-gap: 30px;
          column-gap: 30px;
}
.grid--gap35 {
  gap: 35px;
}
.grid--gapY35 {
  row-gap: 35px;
}
.grid--gapX35 {
  -webkit-column-gap: 35px;
          column-gap: 35px;
}
.grid--gap40 {
  gap: 40px;
}
.grid--gapY40 {
  row-gap: 40px;
}
.grid--gapX40 {
  -webkit-column-gap: 40px;
          column-gap: 40px;
}
.grid--gap45 {
  gap: 45px;
}
.grid--gapY45 {
  row-gap: 45px;
}
.grid--gapX45 {
  -webkit-column-gap: 45px;
          column-gap: 45px;
}
.grid--gap50 {
  gap: 50px;
}
.grid--gapY50 {
  row-gap: 50px;
}
.grid--gapX50 {
  -webkit-column-gap: 50px;
          column-gap: 50px;
}
.grid--gap55 {
  gap: 55px;
}
.grid--gapY55 {
  row-gap: 55px;
}
.grid--gapX55 {
  -webkit-column-gap: 55px;
          column-gap: 55px;
}
.grid--gap60 {
  gap: 60px;
}
.grid--gapY60 {
  row-gap: 60px;
}
.grid--gapX60 {
  -webkit-column-gap: 60px;
          column-gap: 60px;
}
.grid--gap65 {
  gap: 65px;
}
.grid--gapY65 {
  row-gap: 65px;
}
.grid--gapX65 {
  -webkit-column-gap: 65px;
          column-gap: 65px;
}
.grid--gap70 {
  gap: 70px;
}
.grid--gapY70 {
  row-gap: 70px;
}
.grid--gapX70 {
  -webkit-column-gap: 70px;
          column-gap: 70px;
}
.grid--gap75 {
  gap: 75px;
}
.grid--gapY75 {
  row-gap: 75px;
}
.grid--gapX75 {
  -webkit-column-gap: 75px;
          column-gap: 75px;
}
.grid--gap80 {
  gap: 80px;
}
.grid--gapY80 {
  row-gap: 80px;
}
.grid--gapX80 {
  -webkit-column-gap: 80px;
          column-gap: 80px;
}
.grid--gap85 {
  gap: 85px;
}
.grid--gapY85 {
  row-gap: 85px;
}
.grid--gapX85 {
  -webkit-column-gap: 85px;
          column-gap: 85px;
}
.grid--gap90 {
  gap: 90px;
}
.grid--gapY90 {
  row-gap: 90px;
}
.grid--gapX90 {
  -webkit-column-gap: 90px;
          column-gap: 90px;
}
.grid--gap95 {
  gap: 95px;
}
.grid--gapY95 {
  row-gap: 95px;
}
.grid--gapX95 {
  -webkit-column-gap: 95px;
          column-gap: 95px;
}
.grid--gap100 {
  gap: 100px;
}
.grid--gapY100 {
  row-gap: 100px;
}
.grid--gapX100 {
  -webkit-column-gap: 100px;
          column-gap: 100px;
}
@media (min-width: 768px) {
  .grid__column1--pc {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--pc {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--pc {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--pc {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--pc {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--pc {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--pc {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--pc {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--pc {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--pc {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--pc {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--pc {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--pc {
    gap: 5px;
  }
  .grid--gapY5--pc {
    row-gap: 5px;
  }
  .grid--gapX5--pc {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--pc {
    gap: 10px;
  }
  .grid--gapY10--pc {
    row-gap: 10px;
  }
  .grid--gapX10--pc {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--pc {
    gap: 15px;
  }
  .grid--gapY15--pc {
    row-gap: 15px;
  }
  .grid--gapX15--pc {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--pc {
    gap: 20px;
  }
  .grid--gapY20--pc {
    row-gap: 20px;
  }
  .grid--gapX20--pc {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--pc {
    gap: 25px;
  }
  .grid--gapY25--pc {
    row-gap: 25px;
  }
  .grid--gapX25--pc {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--pc {
    gap: 30px;
  }
  .grid--gapY30--pc {
    row-gap: 30px;
  }
  .grid--gapX30--pc {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--pc {
    gap: 35px;
  }
  .grid--gapY35--pc {
    row-gap: 35px;
  }
  .grid--gapX35--pc {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--pc {
    gap: 40px;
  }
  .grid--gapY40--pc {
    row-gap: 40px;
  }
  .grid--gapX40--pc {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--pc {
    gap: 45px;
  }
  .grid--gapY45--pc {
    row-gap: 45px;
  }
  .grid--gapX45--pc {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--pc {
    gap: 50px;
  }
  .grid--gapY50--pc {
    row-gap: 50px;
  }
  .grid--gapX50--pc {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--pc {
    gap: 55px;
  }
  .grid--gapY55--pc {
    row-gap: 55px;
  }
  .grid--gapX55--pc {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--pc {
    gap: 60px;
  }
  .grid--gapY60--pc {
    row-gap: 60px;
  }
  .grid--gapX60--pc {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--pc {
    gap: 65px;
  }
  .grid--gapY65--pc {
    row-gap: 65px;
  }
  .grid--gapX65--pc {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--pc {
    gap: 70px;
  }
  .grid--gapY70--pc {
    row-gap: 70px;
  }
  .grid--gapX70--pc {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--pc {
    gap: 75px;
  }
  .grid--gapY75--pc {
    row-gap: 75px;
  }
  .grid--gapX75--pc {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--pc {
    gap: 80px;
  }
  .grid--gapY80--pc {
    row-gap: 80px;
  }
  .grid--gapX80--pc {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--pc {
    gap: 85px;
  }
  .grid--gapY85--pc {
    row-gap: 85px;
  }
  .grid--gapX85--pc {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--pc {
    gap: 90px;
  }
  .grid--gapY90--pc {
    row-gap: 90px;
  }
  .grid--gapX90--pc {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--pc {
    gap: 95px;
  }
  .grid--gapY95--pc {
    row-gap: 95px;
  }
  .grid--gapX95--pc {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--pc {
    gap: 100px;
  }
  .grid--gapY100--pc {
    row-gap: 100px;
  }
  .grid--gapX100--pc {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}
@media (max-width: 767.98px) {
  .grid__column1--mobile {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid__column2--mobile {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid__column3--mobile {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid__column4--mobile {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid__column5--mobile {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid__column6--mobile {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid__column7--mobile {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid__column8--mobile {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid__column9--mobile {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid__column10--mobile {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid__column11--mobile {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid__column12--mobile {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid--gap5--mobile {
    gap: 5px;
  }
  .grid--gapY5--mobile {
    row-gap: 5px;
  }
  .grid--gapX5--mobile {
    -webkit-column-gap: 5px;
            column-gap: 5px;
  }
  .grid--gap10--mobile {
    gap: 10px;
  }
  .grid--gapY10--mobile {
    row-gap: 10px;
  }
  .grid--gapX10--mobile {
    -webkit-column-gap: 10px;
            column-gap: 10px;
  }
  .grid--gap15--mobile {
    gap: 15px;
  }
  .grid--gapY15--mobile {
    row-gap: 15px;
  }
  .grid--gapX15--mobile {
    -webkit-column-gap: 15px;
            column-gap: 15px;
  }
  .grid--gap20--mobile {
    gap: 20px;
  }
  .grid--gapY20--mobile {
    row-gap: 20px;
  }
  .grid--gapX20--mobile {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .grid--gap25--mobile {
    gap: 25px;
  }
  .grid--gapY25--mobile {
    row-gap: 25px;
  }
  .grid--gapX25--mobile {
    -webkit-column-gap: 25px;
            column-gap: 25px;
  }
  .grid--gap30--mobile {
    gap: 30px;
  }
  .grid--gapY30--mobile {
    row-gap: 30px;
  }
  .grid--gapX30--mobile {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  .grid--gap35--mobile {
    gap: 35px;
  }
  .grid--gapY35--mobile {
    row-gap: 35px;
  }
  .grid--gapX35--mobile {
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  .grid--gap40--mobile {
    gap: 40px;
  }
  .grid--gapY40--mobile {
    row-gap: 40px;
  }
  .grid--gapX40--mobile {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  .grid--gap45--mobile {
    gap: 45px;
  }
  .grid--gapY45--mobile {
    row-gap: 45px;
  }
  .grid--gapX45--mobile {
    -webkit-column-gap: 45px;
            column-gap: 45px;
  }
  .grid--gap50--mobile {
    gap: 50px;
  }
  .grid--gapY50--mobile {
    row-gap: 50px;
  }
  .grid--gapX50--mobile {
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
  .grid--gap55--mobile {
    gap: 55px;
  }
  .grid--gapY55--mobile {
    row-gap: 55px;
  }
  .grid--gapX55--mobile {
    -webkit-column-gap: 55px;
            column-gap: 55px;
  }
  .grid--gap60--mobile {
    gap: 60px;
  }
  .grid--gapY60--mobile {
    row-gap: 60px;
  }
  .grid--gapX60--mobile {
    -webkit-column-gap: 60px;
            column-gap: 60px;
  }
  .grid--gap65--mobile {
    gap: 65px;
  }
  .grid--gapY65--mobile {
    row-gap: 65px;
  }
  .grid--gapX65--mobile {
    -webkit-column-gap: 65px;
            column-gap: 65px;
  }
  .grid--gap70--mobile {
    gap: 70px;
  }
  .grid--gapY70--mobile {
    row-gap: 70px;
  }
  .grid--gapX70--mobile {
    -webkit-column-gap: 70px;
            column-gap: 70px;
  }
  .grid--gap75--mobile {
    gap: 75px;
  }
  .grid--gapY75--mobile {
    row-gap: 75px;
  }
  .grid--gapX75--mobile {
    -webkit-column-gap: 75px;
            column-gap: 75px;
  }
  .grid--gap80--mobile {
    gap: 80px;
  }
  .grid--gapY80--mobile {
    row-gap: 80px;
  }
  .grid--gapX80--mobile {
    -webkit-column-gap: 80px;
            column-gap: 80px;
  }
  .grid--gap85--mobile {
    gap: 85px;
  }
  .grid--gapY85--mobile {
    row-gap: 85px;
  }
  .grid--gapX85--mobile {
    -webkit-column-gap: 85px;
            column-gap: 85px;
  }
  .grid--gap90--mobile {
    gap: 90px;
  }
  .grid--gapY90--mobile {
    row-gap: 90px;
  }
  .grid--gapX90--mobile {
    -webkit-column-gap: 90px;
            column-gap: 90px;
  }
  .grid--gap95--mobile {
    gap: 95px;
  }
  .grid--gapY95--mobile {
    row-gap: 95px;
  }
  .grid--gapX95--mobile {
    -webkit-column-gap: 95px;
            column-gap: 95px;
  }
  .grid--gap100--mobile {
    gap: 100px;
  }
  .grid--gapY100--mobile {
    row-gap: 100px;
  }
  .grid--gapX100--mobile {
    -webkit-column-gap: 100px;
            column-gap: 100px;
  }
}

.section__full {
  grid-column: full;
}
.section__feature {
  grid-column: full;
  padding: 0 var(--gutter);
}
.section__popout {
  grid-column: popout;
}
.section__wide {
  grid-column: wide;
}
.section__slim {
  grid-column: slim;
}

.spacer {
  width: 100%;
  height: clamp(40px, 7.8125vw, 80px);
}
.spacer--small {
  width: 100%;
  height: clamp(25px, 4.8828125vw, 50px);
}
.spacer--tiny {
  width: 100%;
  height: clamp(20px, 3.90625vw, 40px);
}
@media (min-width: 768px) {
  .spacer {
    height: 70px;
  }
  .spacer--small {
    height: 55px;
  }
  .spacer--tiny {
    height: 40px;
  }
}

.wrapper {
  width: 100%;
  padding-top: var(--header-height);
  overflow: hidden;
}
.wrapper.is-open {
  position: fixed;
  left: 0;
}

.aside {
  -ms-grid-columns: 1.5fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 0 clamp(30px, 5.859375vw, 60px);
}
@media (min-width: 560px) {
  .aside {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .aside {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px 0;
  }
}

.aside-title {
  margin: 0 0 clamp(10px, 1.953125vw, 20px);
  font-weight: bold;
}
@media (min-width: 768px) {
  .aside-title {
    margin: 0 0 15px;
  }
}

.button-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: clamp(60px, 8.7890625vw, 90px);
  height: clamp(60px, 8.7890625vw, 90px);
  padding: 0 0.2em;
  color: #fff;
  font-weight: 500;
  font-size: clamp(9px, 1.7578125vw, 18px);
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
}
@media (hover: hover) {
  .button-header {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-header:hover {
    opacity: 0.6;
  }
}
.button-header[data-color=yellow] {
  background-color: var(--color-yellow);
}
.button-header[data-color=pale-yellow] {
  background-color: var(--color-pale-yellow);
}
.button-header[data-color=aqua] {
  background-color: var(--color-aqua);
}
.button-header[data-color=turquoise] {
  background-color: var(--color-turquoise);
}
.button-header[data-color=sakura] {
  background-color: var(--color-sakura);
}
.button-header[data-color=navy] {
  background-color: var(--color-navy);
}
.button-header[data-color=orange] {
  background-color: var(--color-orange);
}
.button-header[data-color=dark-grey] {
  background-color: var(--color-dark-grey);
}
@media (min-width: 768px) {
  .button-header {
    font-size: 14px;
  }
}

.button-square--inline, .button-square {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          align-items: center;
          justify-content: center;
  height: clamp(25px, 4.8828125vw, 50px);
  cursor: pointer;
}
@media (hover: hover) {
  .button-square--inline, .button-square {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-square--inline:hover, .button-square:hover {
    opacity: 0.6;
  }
}
[data-color=yellow].button-square--inline, [data-color=yellow].button-square {
  background-color: var(--color-yellow);
}
[data-color=yellow][data-shadow].button-square--inline, [data-color=yellow][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-yellow-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-yellow-rgb), 0.47);
}
[data-color=pale-yellow].button-square--inline, [data-color=pale-yellow].button-square {
  background-color: var(--color-pale-yellow);
}
[data-color=pale-yellow][data-shadow].button-square--inline, [data-color=pale-yellow][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-pale-yellow-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-pale-yellow-rgb), 0.47);
}
[data-color=aqua].button-square--inline, [data-color=aqua].button-square {
  background-color: var(--color-aqua);
}
[data-color=aqua][data-shadow].button-square--inline, [data-color=aqua][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-aqua-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-aqua-rgb), 0.47);
}
[data-color=turquoise].button-square--inline, [data-color=turquoise].button-square {
  background-color: var(--color-turquoise);
}
[data-color=turquoise][data-shadow].button-square--inline, [data-color=turquoise][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-turquoise-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-turquoise-rgb), 0.47);
}
[data-color=sakura].button-square--inline, [data-color=sakura].button-square {
  background-color: var(--color-sakura);
}
[data-color=sakura][data-shadow].button-square--inline, [data-color=sakura][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-sakura-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-sakura-rgb), 0.47);
}
[data-color=navy].button-square--inline, [data-color=navy].button-square {
  background-color: var(--color-navy);
}
[data-color=navy][data-shadow].button-square--inline, [data-color=navy][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-navy-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-navy-rgb), 0.47);
}
[data-color=orange].button-square--inline, [data-color=orange].button-square {
  background-color: var(--color-orange);
}
[data-color=orange][data-shadow].button-square--inline, [data-color=orange][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-orange-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-orange-rgb), 0.47);
}
[data-color=dark-grey].button-square--inline, [data-color=dark-grey].button-square {
  background-color: var(--color-dark-grey);
}
[data-color=dark-grey][data-shadow].button-square--inline, [data-color=dark-grey][data-shadow].button-square {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-dark-grey-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-dark-grey-rgb), 0.47);
}

.button-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-square--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.button-square__text {
  position: relative;
  color: #fff;
  line-height: 1;
}
.button-square__arrow {
  position: absolute;
  bottom: 0.3em;
  left: calc(100% + clamp(15px, 2.9296875vw, 30px) );
  width: clamp(20px, 3.515625vw, 36px);
  line-height: 0;
}
@media (min-width: 768px) {
  .button-square {
    height: 43px;
  }
}

.button-arrow--inline, .button-arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          align-items: center;
          justify-content: space-between;
  min-height: clamp(18px, 3.515625vw, 36px);
  padding: clamp(10px, 1.46484375vw, 15px) clamp(10px, 1.953125vw, 20px);
  cursor: pointer;
}
[data-justify=center].button-arrow--inline, [data-justify=center].button-arrow {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-height=tall].button-arrow--inline, [data-height=tall].button-arrow {
  min-height: clamp(30px, 5.859375vw, 60px);
}
@media (hover: hover) {
  .button-arrow--inline, .button-arrow {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-arrow--inline:hover, .button-arrow:hover {
    opacity: 0.6;
  }
}
[data-color=yellow].button-arrow--inline, [data-color=yellow].button-arrow {
  background-color: var(--color-yellow);
}
[data-color=yellow][data-shadow].button-arrow--inline, [data-color=yellow][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-yellow-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-yellow-rgb), 0.47);
}
[data-color=pale-yellow].button-arrow--inline, [data-color=pale-yellow].button-arrow {
  background-color: var(--color-pale-yellow);
}
[data-color=pale-yellow][data-shadow].button-arrow--inline, [data-color=pale-yellow][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-pale-yellow-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-pale-yellow-rgb), 0.47);
}
[data-color=aqua].button-arrow--inline, [data-color=aqua].button-arrow {
  background-color: var(--color-aqua);
}
[data-color=aqua][data-shadow].button-arrow--inline, [data-color=aqua][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-aqua-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-aqua-rgb), 0.47);
}
[data-color=turquoise].button-arrow--inline, [data-color=turquoise].button-arrow {
  background-color: var(--color-turquoise);
}
[data-color=turquoise][data-shadow].button-arrow--inline, [data-color=turquoise][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-turquoise-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-turquoise-rgb), 0.47);
}
[data-color=sakura].button-arrow--inline, [data-color=sakura].button-arrow {
  background-color: var(--color-sakura);
}
[data-color=sakura][data-shadow].button-arrow--inline, [data-color=sakura][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-sakura-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-sakura-rgb), 0.47);
}
[data-color=navy].button-arrow--inline, [data-color=navy].button-arrow {
  background-color: var(--color-navy);
}
[data-color=navy][data-shadow].button-arrow--inline, [data-color=navy][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-navy-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-navy-rgb), 0.47);
}
[data-color=orange].button-arrow--inline, [data-color=orange].button-arrow {
  background-color: var(--color-orange);
}
[data-color=orange][data-shadow].button-arrow--inline, [data-color=orange][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-orange-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-orange-rgb), 0.47);
}
[data-color=dark-grey].button-arrow--inline, [data-color=dark-grey].button-arrow {
  background-color: var(--color-dark-grey);
}
[data-color=dark-grey][data-shadow].button-arrow--inline, [data-color=dark-grey][data-shadow].button-arrow {
  -webkit-box-shadow: 0 5px 0 rgba(var(--color-dark-grey-rgb), 0.47);
          box-shadow: 0 5px 0 rgba(var(--color-dark-grey-rgb), 0.47);
}
@media (min-width: 768px) {
  .button-arrow--inline, .button-arrow {
    min-height: 37px;
    padding: 10px 20px;
  }
  [data-height=tall].button-arrow--inline, [data-height=tall].button-arrow {
    min-height: 50px;
  }
}

.button-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.button-arrow--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: auto;
  padding: 0.35em clamp(10px, 1.953125vw, 20px);
}
.button-arrow__text {
  color: #fff;
  font-weight: 500;
  font-size: clamp(12px, 2.34375vw, 24px);
}
.button-arrow__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(20px, 3.515625vw, 36px);
          flex: 0 0 clamp(20px, 3.515625vw, 36px);
  width: clamp(20px, 3.515625vw, 36px);
  line-height: 0;
}
@media (min-width: 768px) {
  .button-arrow__text {
    font-size: 20px;
  }
  .button-arrow__text[data-font=small] {
    font-size: 16px;
  }
}

.button-cart {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: clamp(120px, 23.4375vw, 240px);
  height: clamp(35px, 6.8359375vw, 70px);
  padding-left: clamp(15px, 2.9296875vw, 30px);
  background-color: #3b9c77;
}
@media (hover: hover) {
  .button-cart {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-cart:hover {
    opacity: 0.6;
  }
}
.button-cart__icon {
  position: absolute;
  left: clamp(10px, 1.953125vw, 20px);
  width: clamp(17px, 3.3203125vw, 34px);
  line-height: 1;
}
.button-cart__icon .fillPath {
  fill: #fff;
}
.button-cart__text {
  color: #fff;
}
@media (min-width: 768px) {
  .button-cart {
    width: 185px;
    height: 39px;
    padding-left: 0;
  }
  .button-cart__icon {
    left: 17px;
    width: 23px;
  }
}

.button-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: clamp(75px, 14.6484375vw, 150px);
  height: clamp(25px, 4.8828125vw, 50px);
  color: #fff;
  font-weight: 500;
  font-size: clamp(9px, 1.7578125vw, 18px);
  cursor: pointer;
}
@media (hover: hover) {
  .button-footer {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-footer:hover {
    opacity: 0.6;
  }
}
.button-footer[data-color=yellow] {
  background-color: var(--color-yellow);
}
.button-footer[data-color=pale-yellow] {
  background-color: var(--color-pale-yellow);
}
.button-footer[data-color=aqua] {
  background-color: var(--color-aqua);
}
.button-footer[data-color=turquoise] {
  background-color: var(--color-turquoise);
}
.button-footer[data-color=sakura] {
  background-color: var(--color-sakura);
}
.button-footer[data-color=navy] {
  background-color: var(--color-navy);
}
.button-footer[data-color=orange] {
  background-color: var(--color-orange);
}
.button-footer[data-color=dark-grey] {
  background-color: var(--color-dark-grey);
}
@media (min-width: 768px) {
  .button-footer {
    width: 90px;
    height: 90px;
    font-size: 14px;
  }
}

.button-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-transition: 0.3s background-color ease-in-out;
  -o-transition: 0.3s background-color ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: clamp(60px, 8.7890625vw, 90px);
  height: clamp(60px, 8.7890625vw, 90px);
  border-radius: clamp(5px, 0.78125vw, 8px);
  transition: 0.3s background-color ease-in-out;
}
.button-menu__bartop, .button-menu__barmiddle, .button-menu__barbottom {
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  position: absolute;
  width: 77%;
  height: clamp(4px, 0.5859375vw, 6px);
  background-color: var(--color-turquoise);
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.button-menu__bartop {
  -webkit-transform: translateY(calc(clamp(16px, 2.34375vw, 24px)*-1));
      -ms-transform: translateY(calc(clamp(16px, 2.34375vw, 24px)*-1));
          transform: translateY(calc(clamp(16px, 2.34375vw, 24px)*-1));
}
.button-menu__barbottom {
  -webkit-transform: translateY(calc(clamp(16px, 2.34375vw, 24px)));
      -ms-transform: translateY(calc(clamp(16px, 2.34375vw, 24px)));
          transform: translateY(calc(clamp(16px, 2.34375vw, 24px)));
}
@media (min-width: 768px) {
  .button-menu {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .wrapper.is-open .button-menu {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .wrapper.is-open .button-menu__bartop {
    -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  .wrapper.is-open .button-menu__barmiddle {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
  }
  .wrapper.is-open .button-menu__barbottom {
    -webkit-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
.button-radius {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: clamp(40px, 8.10546875vw, 83px);
  border-radius: clamp(7px, 1.46484375vw, 15px);
  background-color: var(--color-turquoise);
  color: #fff;
}
@media (hover: hover) {
  .button-radius {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .button-radius:hover {
    opacity: 0.6;
  }
}
.button-radius[data-color=yellow] {
  background-color: var(--color-yellow);
  color: var(--color-turquoise);
}
.button-radius[data-color=white] {
  background-color: #fff;
  color: var(--color-turquoise);
}

.footer-menu__link {
  color: #fff;
  font-weight: 500;
  font-size: clamp(12px, 2.34375vw, 24px);
}
.footer-menu__link:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: center;
    gap: 4.1em;
    font-size: 14px;
  }
  .footer-menu__link {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .footer-menu {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    gap: 0.75em 0;
  }
  .footer-menu__item {
    text-align: center;
  }
}

.form-input {
  width: 100%;
  max-width: 447px;
  padding: 0.3em 0.5em;
  border: 1px solid var(--color-border-light-grey);
}
.form-input:-ms-input-placeholder {
  color: var(--color-text-grey);
}
.form-input:placeholder-shown {
  color: var(--color-text-grey);
}
.form-input::-webkit-input-placeholder {
  color: var(--color-text-grey);
}
.form-input:-moz-placeholder {
  color: var(--color-text-grey);
  opacity: 1;
}
.form-input::-moz-placeholder {
  color: var(--color-text-grey);
  opacity: 1;
}
.form-input:-ms-input-placeholder {
  color: var(--color-text-grey);
}
.form-input[type=date] {
  min-height: 2.6em;
}
.form-input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}

.form-textarea {
  width: 100%;
  height: clamp(200px, 29.296875vw, 300px);
  min-height: 100px;
  padding: 0.3em 0.5em;
  border: 1px solid var(--color-border-light-grey);
  resize: vertical;
}
.form-textarea:-ms-input-placeholder {
  color: var(--color-text-grey);
}
.form-textarea:placeholder-shown {
  color: var(--color-text-grey);
}
.form-textarea::-webkit-input-placeholder {
  color: var(--color-text-grey);
}
.form-textarea:-moz-placeholder {
  color: var(--color-text-grey);
  opacity: 1;
}
.form-textarea::-moz-placeholder {
  color: var(--color-text-grey);
  opacity: 1;
}
.form-textarea:-ms-input-placeholder {
  color: var(--color-text-grey);
}

.form-select {
  width: auto;
  padding: 0.3em clamp(15px, 2.9296875vw, 30px) 0.3em 0.5em;
  border: 1px solid var(--color-border-light-grey);
  background: #fff url(../img/shared/arrow-select.svg) no-repeat right clamp(5px, 0.9765625vw, 10px) center/clamp(8px, 1.171875vw, 12px) auto;
}
.form-select.is-null {
  color: var(--color-text-grey);
}

.form-radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
  gap: 0 0.5em;
}
.form-radio__input {
  display: none;
}
.form-radio__input:checked + .form-radio__icon {
  border: 1px solid var(--color-turquoise);
}
.form-radio__input:checked + .form-radio__icon::before {
  background-color: var(--color-turquoise);
}
.form-radio__input:checked + .form-radio__icon + .form-radio__text {
  color: var(--color-turquoise);
}
.form-radio__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(12px, 1.953125vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 clamp(12px, 1.953125vw, 20px);
          align-items: center;
          justify-content: center;
  width: clamp(12px, 1.953125vw, 20px);
  height: clamp(12px, 1.953125vw, 20px);
  border: 1px solid var(--color-border-light-grey);
  border-radius: 50%;
  line-height: 0;
}
.form-radio__icon::before {
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-color: transparent;
  content: "";
}
.form-radio__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
}

.form-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
  gap: 0 0.5em;
}
.form-checkbox__input {
  display: none;
}
.form-checkbox__input:checked + .form-checkbox__icon {
  border: 1px solid var(--color-turquoise);
  background: var(--color-turquoise) url(../img/shared/icon-check.svg) no-repeat center center/60% auto;
}
.form-checkbox__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(12px, 1.953125vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 clamp(12px, 1.953125vw, 20px);
          align-items: center;
          justify-content: center;
  width: clamp(12px, 1.953125vw, 20px);
  height: clamp(12px, 1.953125vw, 20px);
  border: 1px solid var(--color-border-light-grey);
  line-height: 0;
}
.form-checkbox__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.form-flex {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  gap: 0.5em clamp(18px, 3.41796875vw, 35px);
}

.form-zip {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}
.form-zip__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  font-size: var(--font-size-small);
}
.form-zip__code {
  margin: 0 clamp(3px, 0.5859375vw, 6px) 0 0;
}
.form-zip__button {
  margin: 0 clamp(3px, 0.5859375vw, 6px) 0 0;
  padding: 0.47em 0.5em;
  border: 1px solid var(--color-border-light-grey);
  background-color: #eeeeee;
  font-size: var(--font-size-small);
  white-space: nowrap;
}
@media (hover: hover) {
  .form-zip__button {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .form-zip__button:hover {
    opacity: 0.6;
  }
}
@media (min-width: 768px) {
  .form-zip__code {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 121px;
            flex: 0 0 121px;
    width: 121px;
    margin: 0 9px 0 0;
  }
  .form-zip__button {
    margin: 0 5px 0 0;
  }
}
@media (max-width: 767.98px) {
  .form-zip {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-zip__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0 0 6em;
  }
}

.form-pref {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin-top: clamp(5px, 0.9765625vw, 10px);
}
.form-pref__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  font-size: var(--font-size-small);
}

.form-address {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin-top: clamp(5px, 0.9765625vw, 10px);
}
.form-address__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  font-size: var(--font-size-small);
}
.form-address__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.form-phone {
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 2em 1fr 2em 1fr;
}
.form-phone__hyphen {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
}

.form-name {
  -ms-grid-columns: 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 clamp(3px, 0.5859375vw, 6px);
}
@media (min-width: 768px) {
  .form-name {
    gap: 0 7px;
  }
}

.header-menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          justify-content: flex-end;
  gap: 5px clamp(10px, 1.7857142857vw, 25px);
}
.header-menu__link {
  display: inline-block;
  position: relative;
  font-size: clamp(13px, 1.0769230769vw, 14px);
}
.header-menu__link::after {
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  position: absolute;
  bottom: -6px;
  left: 3px;
  width: calc(100% - 6px);
  height: 4px;
          transform: scaleY(0);
          transform-origin: bottom;
  background-color: var(--color-navy);
  content: "";
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.header-menu__link.is-active::after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
@media (hover: hover) {
  .header-menu__link:hover::after {
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@media (min-width: 1400px) {
  .header-menu {
    gap: 3.4em;
  }
}

.link-image {
  cursor: pointer;
}
@media (hover: hover) {
  .link-image {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .link-image:hover {
    opacity: 0.6;
  }
}

.link-text {
  color: var(--color-text-red);
  text-decoration: underline;
  cursor: pointer;
}
.link-text:hover {
  text-decoration: none;
}

.linklist-arrow {
  display: -ms-grid;
  display: grid;
  gap: 0.5em 0;
}
.linklist-arrow__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  gap: 0 0.5em;
}
.linklist-arrow__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.6em;
          flex: 0 0 0.6em;
  width: 0.6em;
}
.linklist-arrow__link {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media (hover: hover) {
  .linklist-arrow__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .linklist-arrow__link:hover {
    color: var(--color-primary);
  }
}

.linklist-news {
  display: -ms-grid;
  display: grid;
  gap: 14px 0;
}
.linklist-news__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.linklist-news__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.5em;
          flex: 0 0 5.5em;
}
.linklist-news__link {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.linklist-news__link:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .linklist-news__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.6em;
            flex: 0 0 6.6em;
  }
}

.linklist-newsarchives__category--new, .linklist-newsarchives__category--importance, .linklist-newsarchives__category--event {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(75px, 14.6484375vw, 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 clamp(75px, 14.6484375vw, 150px);
          align-items: center;
          justify-content: center;
  width: clamp(75px, 14.6484375vw, 150px);
  height: clamp(18px, 3.515625vw, 36px);
  color: #fff;
  font-size: clamp(10px, 1.953125vw, 20px);
}
@media (min-width: 768px) {
  .linklist-newsarchives__category--new, .linklist-newsarchives__category--importance, .linklist-newsarchives__category--event {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 92px;
            flex: 0 0 92px;
    width: 92px;
    height: 26px;
    font-size: 14px;
  }
}

.linklist-newsarchives {
  -ms-grid-columns: 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(20px, 3.90625vw, 40px) 0;
}
.linklist-newsarchives__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
  gap: clamp(2px, 0.390625vw, 4px) clamp(10px, 1.953125vw, 20px);
}
.linklist-newsarchives__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: clamp(10px, 1.953125vw, 20px);
}
.linklist-newsarchives__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (hover: hover) {
  .linklist-newsarchives__text {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .linklist-newsarchives__text:hover {
    color: var(--color-primary);
  }
}
.linklist-newsarchives__category--event {
  background-color: #009a95;
}
.linklist-newsarchives__category--importance {
  background-color: #143a8e;
}
.linklist-newsarchives__category--new {
  background-color: #e69b2e;
}
@media (min-width: 768px) {
  .linklist-newsarchives {
    gap: 34.5px 0;
  }
  .linklist-newsarchives__item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 15px;
  }
  .linklist-newsarchives__date {
    font-size: 16px;
  }
  .linklist-newsarchives__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

.linklist-aside {
  display: -ms-grid;
  display: grid;
  gap: clamp(10px, 1.953125vw, 20px) 0;
}
.linklist-aside__item {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  font-size: clamp(11px, 2.1484375vw, 22px);
}
.linklist-aside__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.linklist-aside__link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (hover: hover) {
  .linklist-aside__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .linklist-aside__link:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 768px) {
  .linklist-aside {
    gap: 15px 0;
  }
  .linklist-aside__item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0 22px;
    font-size: 14px;
  }
  .linklist-aside__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

.linklist-small {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  gap: 0.5em 1.2em;
}
.linklist-small__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  line-height: 1;
}
.linklist-small__item::before, .linklist-small__item::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 1px;
  height: 1em;
          transform: translateY(-50%);
  background-color: var(--color-text-base);
  content: "";
}
.linklist-small__item::before {
  left: calc(-0.6em - 1px);
}
.linklist-small__item::after {
  right: -0.6em;
}
.linklist-small__link {
  font-size: var(--font-size-small);
  line-height: 1;
}
@media (hover: hover) {
  .linklist-small__link {
    -webkit-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
  }
  .linklist-small__link:hover {
    color: var(--color-primary);
  }
}

.linklist-nav__link {
  display: block;
  padding: clamp(15px, 2.9296875vw, 30px) clamp(8px, 1.46484375vw, 15px) clamp(10px, 1.953125vw, 20px);
  color: #fff;
  font-weight: 500;
  font-size: clamp(13px, 2.5390625vw, 26px);
  letter-spacing: 0.03em;
}
.linklist-nav__link:hover {
  text-decoration: underline;
}
.linklist-nav__item {
  border-bottom: 1px dotted #fff;
}

.page-header {
  background-color: var(--color-turquoise);
  mix-blend-mode: multiply;
}
.page-header__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: center;
  height: clamp(75px, 14.6484375vw, 150px);
  color: #fff;
}
.page-header__en, .page-header__ja {
  width: 100%;
  max-width: 1130px;
  font-weight: bold;
  line-height: 1;
}
.page-header__en {
  margin: 0 auto;
  font-size: clamp(20px, 3.90625vw, 40px);
}
.page-header__ja {
  -webkit-transform: translate(0.22em, -0.3em);
      -ms-transform: translate(0.22em, -0.3em);
  margin: 0.75em auto 0;
          transform: translate(0.22em, -0.3em);
  font-size: clamp(8px, 1.5625vw, 16px);
}
@media (min-width: 768px) {
  .page-header__text {
    height: 254px;
  }
  .page-header__en {
    font-size: 50px;
  }
  .page-header__ja {
    font-size: 16px;
  }
}

.page-board {
  -webkit-box-shadow: 2.5px 2.5px 18px rgba(0, 0, 0, 0.18);
  background-color: #fff;
          box-shadow: 2.5px 2.5px 18px rgba(0, 0, 0, 0.18);
}
.page-board__inner {
  max-width: 852px;
  margin: 0 auto;
}
.page-board[data-padding] {
  padding: clamp(20px, 3.90625vw, 40px) clamp(13px, 2.44140625vw, 25px);
}
.page-board[data-margin] {
  margin: 0 0 clamp(70px, 13.671875vw, 140px);
}
@media (min-width: 768px) {
  .page-board[data-padding] {
    padding: clamp(20px, 2.9166666667vw, 35px) clamp(30px, 5.8333333333vw, 70px) clamp(30px, 4.5833333333vw, 55px);
  }
  .page-board[data-margin] {
    margin: 0 0 180px;
  }
}

.page-bread__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  height: clamp(40px, 4.8828125vw, 50px);
  overflow: auto;
  scrollbar-width: none;
}
.page-bread__list::-webkit-scrollbar {
  display: none;
}
.page-bread__link {
  font-size: clamp(12px, 1.3671875vw, 14px);
}
.page-bread__link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.page-bread__item {
  font-size: clamp(12px, 1.3671875vw, 14px);
}
.page-bread__item + .page-bread__item {
  margin: 0 0 0 0.5em;
}
.page-bread__item + .page-bread__item::before {
  margin: 0 0.5em 0 0;
  content: ">";
}

.pager {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  gap: 5px;
}
.pager > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-transition: 0.3s background-color ease, 0.3s color ease;
  -o-transition: 0.3s background-color ease, 0.3s color ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 auto;
          align-items: center;
          justify-content: center;
  min-width: 25px;
  height: 25px;
  margin: 24px 0 0;
  padding: 0 5px;
  background-color: var(--color-turquoise-light);
  color: #fff;
  font-weight: 500;
  transition: 0.3s background-color ease, 0.3s color ease;
}
.pager > li:hover, .pager > li.is-active, .pager > li.thispage {
  background-color: var(--color-turquoise);
}
.pager__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 25px;
          align-items: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  transition: 0.3s color ease;
}
.pager__arrow:hover {
  color: var(--color-turquoise);
}
.pager__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-transition: 0.3s background-color ease, 0.3s color ease;
  -o-transition: 0.3s background-color ease, 0.3s color ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 25px;
          align-items: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  background-color: var(--color-turquoise-light);
  color: #fff;
  font-weight: 500;
  transition: 0.3s background-color ease, 0.3s color ease;
}
.pager__item .fillPath {
  fill: #fff;
}
.pager__item:hover, .pager__item.is-active {
  background-color: var(--color-turquoise);
}
@media (min-width: 768px) {
  .pager__item, .pager_arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
  .pager > li {
    min-width: 32px;
    height: 32px;
    margin: 32px 0 0;
  }
}

.site-header {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
}
.site-header__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}
.site-header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(103.5px, 20.21484375vw, 207px);
          flex: 0 0 clamp(103.5px, 20.21484375vw, 207px);
}
.site-header__buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: flex-end;
  gap: 5px;
}
.site-header__nav {
  display: none;
}
@media (min-width: 768px) {
  .site-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
  }
  .site-header__container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
    -webkit-box-shadow: 1px 3px 7px rgba(98, 98, 98, 0.29);
            flex: 1 1 auto;
    max-width: 1620px;
    height: 100px;
    margin: 0 auto;
    padding: 0 5px 0 10px;
    border: 1px solid var(--color-border-grey);
    background-color: #fff;
            box-shadow: 1px 3px 7px rgba(98, 98, 98, 0.29);
  }
  .site-header__nav {
    display: block;
    margin: 2px 17px 0 auto;
  }
}
@media (min-width: 1366px) {
  .site-header__nav {
    margin: 2px 34px 0 auto;
  }
}
@media (max-width: 767.98px) {
  .site-header {
    -webkit-transition: 0.3s background-color ease-in-out, 0.3s -webkit-box-shadow ease-in-out;
    -o-transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out;
    transition: 0.3s background-color ease-in-out, 0.3s -webkit-box-shadow ease-in-out;
    transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out;
    transition: 0.3s background-color ease-in-out, 0.3s box-shadow ease-in-out, 0.3s -webkit-box-shadow ease-in-out;
  }
  .site-header.is-fixed {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .site-header__container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
  }
}

@media (max-width: 767.98px) {
  .wrapper.is-open .site-header {
    background-color: var(--color-turquoise);
  }
  .wrapper.is-open .site-header__logo {
    visibility: hidden;
  }
  .wrapper.is-open .site-header .button-header {
    display: none;
  }
}
.site-mobilenav {
  -ms-overflow-style: none;
  -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  -o-transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
  visibility: hidden;
  z-index: 98;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--header-height) var(--gutter) 50px;
  overflow: auto;
  background-color: var(--color-turquoise);
  opacity: 0;
  scrollbar-width: none;
  transition: 0.3s opacity ease-in-out, 0s visibility 0.3s linear;
}
.site-mobilenav::-webkit-scrollbar {
  display: none;
}
.site-mobilenav__footer {
  -ms-grid-columns: 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: clamp(50px, 9.765625vw, 100px) 0 0;
  gap: 0 clamp(13px, 2.5390625vw, 26px);
}

@media (max-width: 767.98px) {
  .wrapper.is-open .site-mobilenav {
    -webkit-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
    -o-transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
    visibility: visible;
    opacity: 1;
    transition: 0.3s opacity ease-in-out, 0s visibility 0s linear;
  }
}
.site-footer {
  padding: clamp(25px, 4.8828125vw, 50px) 0 clamp(10px, 1.953125vw, 20px);
  background-color: var(--color-navy);
}
.site-footer__container {
  position: relative;
}
.site-footer__buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  gap: clamp(5px, 0.9765625vw, 10px);
}
.site-footer__logo {
  margin: clamp(27px, 5.2734375vw, 54px) 0 0;
  text-align: center;
}
.site-footer__logo img {
  width: clamp(103.5px, 20.21484375vw, 207px);
}
.site-footer__nav {
  margin: clamp(22px, 4.296875vw, 44px) 0 0;
}
.site-footer__pagetop {
  position: absolute;
  top: calc(clamp(5px, 0.9765625vw, 10px) * -1);
  right: var(--gutter);
  width: clamp(41px, 8.0078125vw, 82px);
}
@media (hover: hover) {
  .site-footer__pagetop {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .site-footer__pagetop:hover {
    opacity: 0.6;
  }
}
@media (min-width: 768px) {
  .site-footer {
    padding: 60px 0 106px;
  }
  .site-footer__pagetop {
    top: 4px;
    right: 4px;
    width: 82px;
  }
  .site-footer__buttons {
    gap: 5px;
  }
  .site-footer__nav {
    margin: 43px 0 0;
  }
  .site-footer__logo {
    margin: 39px 0 0;
  }
}
@media (min-width: 1024px) {
  .site-footer__pagetop {
    top: 84px;
  }
}

.site-smalllinks {
  padding: clamp(20px, 3.90625vw, 40px) var(--gutter);
  background-color: #fff;
}
@media (min-width: 768px) {
  .site-smalllinks {
    padding: 15px var(--gutter);
  }
}

.site-copyright {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: clamp(25px, 4.8828125vw, 50px);
  background-color: var(--color-navy);
  color: #fff;
  font-size: clamp(10px, 1.953125vw, 20px);
}
@media (min-width: 768px) {
  .site-copyright {
    height: 40px;
    background-color: #fff;
    color: var(--color-balck);
    font-size: 14px;
  }
}

.table-form {
  width: 100%;
}
.table-form__required::after {
  margin: 0 0 0 0.5em;
  content: "※";
  color: var(--color-text-red);
}
@media (min-width: 768px) {
  .table-form tr {
    border-top: 2px dotted var(--color-border-grey);
    border-bottom: 2px dotted var(--color-border-grey);
  }
  .table-form th {
    width: 280px;
    padding: 22px 0 18px 20px;
    vertical-align: top;
  }
  .table-form td {
    padding: 18px 0;
    vertical-align: top;
  }
}
@media (max-width: 767.98px) {
  .table-form {
    display: block;
    border-top: 2px dotted var(--color-border-grey);
  }
  .table-form tbody, .table-form tr, .table-form th, .table-form td {
    display: block;
  }
  .table-form tr {
    padding: clamp(12px, 2.34375vw, 24px) clamp(4px, 0.78125vw, 8px);
    border-bottom: 2px dotted var(--color-border-grey);
  }
  .table-form th {
    margin: 0 0 clamp(10px, 1.953125vw, 20px);
  }
}

.table-invitation {
  width: 100%;
  min-width: max(650px, 120vw);
}
.table-invitation__number {
  width: 9%;
}
.table-invitation__name {
  width: 23%;
}
.table-invitation__mail {
  width: 23%;
}
.table-invitation__status {
  width: 15%;
}
.table-invitation__send {
  width: 15%;
}
.table-invitation__delete {
  width: 15%;
}
.table-invitation thead {
  background-color: var(--color-pale-yellow);
}
.table-invitation thead th, .table-invitation thead td {
  font-weight: bold;
}
.table-invitation th, .table-invitation td {
  padding: 10px 5px;
  text-align: center;
}
.table-invitation tbody th, .table-invitation tbody td {
  border-bottom: 1px solid var(--color-border-light-grey);
}
@media (min-width: 768px) {
  .table-invitation {
    min-width: 700px;
  }
}

.table-event {
  width: 100%;
}
@media (min-width: 768px) {
  .table-event thead {
    background-color: var(--color-aqua);
    color: #fff;
  }
  .table-event thead th {
    padding: 0.5em 1em;
    font-weight: bold;
    text-align: center;
  }
  .table-event thead th + th {
    border-left: 1px solid #fff;
  }
  .table-event tbody th, .table-event tbody td {
    padding: 0.8em 1em;
    border: 1px solid var(--color-border-light-grey);
  }
}
@media (max-width: 767.98px) {
  .table-event thead {
    display: none;
  }
  .table-event tr {
    border: 1px solid var(--color-border-light-grey);
  }
  .table-event tr + tr {
    margin-top: clamp(25px, 4.8828125vw, 50px);
  }
  .table-event table, .table-event tbody, .table-event tr, .table-event th, .table-event td {
    display: block;
    width: 100%;
  }
  .table-event td {
    position: relative;
    padding: 0.8em 0.5em 0.8em calc(35% + 0.5em);
  }
  .table-event td + td {
    border-top: 1px solid var(--color-border-light-grey);
  }
  .table-event td::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    padding: 0.8em 0.5em;
    background-color: var(--color-aqua);
    content: attr(aria-label);
    color: #fff;
    font-weight: bold;
    text-align: left;
  }
}

.table-ticket {
  width: 100%;
}
.table-ticket thead th {
  text-align: center;
}
.table-ticket th, .table-ticket td {
  padding: 0.5em 0.25em;
  border-bottom: 2px dotted var(--color-dark-grey);
}
@media (min-width: 768px) {
  .table-ticket th, .table-ticket td {
    padding: 0.75em 2em;
  }
}
@media (max-width: 767.98px) {
  .table-ticket th, .table-ticket td {
    font-size: clamp(11px, 2.1484375vw, 22px);
  }
}

.text-small {
  font-size: var(--font-size-small);
}

.text-base {
  font-size: var(--font-size-body);
}

.text-nowrap {
  white-space: nowrap;
}

.text-marker {
  -webkit-box-shadow: 0 -0.7em 0px var(--color-pale-yellow) inset;
  display: inline;
          box-shadow: 0 -0.7em 0px var(--color-pale-yellow) inset;
}

.title-t1 {
  padding: 0 0 0 clamp(4px, 0.68359375vw, 7px);
  border-left: clamp(5px, 0.9765625vw, 10px) solid var(--color-turquoise);
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
  line-height: 1.65;
}
.title-t1[data-weight=normal] {
  font-weight: normal;
}
.title-t1[data-color=yellow] {
  border-left-color: var(--color-yellow);
}
.title-t1[data-color=pale-yellow] {
  border-left-color: var(--color-pale-yellow);
}
.title-t1[data-color=aqua] {
  border-left-color: var(--color-aqua);
}
.title-t1[data-color=sakura] {
  border-left-color: var(--color-sakura);
}
.title-t1[data-color=navy] {
  border-left-color: var(--color-navy);
}
.title-t1[data-color=orange] {
  border-left-color: var(--color-orange);
}
.title-t1[data-color=dark-grey] {
  border-left-color: var(--color-dark-grey);
}
@media (min-width: 768px) {
  .title-t1 {
    font-size: 24px;
  }
}

.title-t2 {
  position: relative;
  padding: 0 0 0.25em;
  border-bottom: 1px solid var(--color-orange);
  font-weight: bold;
  font-size: clamp(18px, 2.34375vw, 24px);
}
.title-t2[data-weight=normal] {
  font-weight: normal;
}
.title-t2::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 53.3333333333%;
  height: 5px;
  background-color: var(--color-orange);
  content: "";
}

.title-h2 {
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
}
@media (min-width: 768px) {
  .title-h2 {
    font-size: 24px;
  }
}

.title-h3 {
  font-weight: bold;
  font-size: clamp(18px, 3.515625vw, 36px);
}
.title-h3[data-weight=normal] {
  font-weight: normal;
}
@media (min-width: 768px) {
  .title-h3 {
    font-size: 18px;
  }
}

.event-archives__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
}
.event-archives__header-text {
  font-weight: bold;
  font-size: clamp(18px, 3.515625vw, 36px);
}
.event-archives__header-pager {
  -ms-grid-columns: clamp(85px, 16.6015625vw, 170px) clamp(85px, 16.6015625vw, 170px);
  display: -ms-grid;
  display: grid;
  grid-template-columns: clamp(85px, 16.6015625vw, 170px) clamp(85px, 16.6015625vw, 170px);
  gap: 0 clamp(10px, 1.953125vw, 20px);
}
.event-archives__body {
  display: -ms-grid;
  display: grid;
  padding: clamp(9px, 1.85546875vw, 19px) 0 14px;
  gap: 11px 0;
  border-bottom: 2px dotted var(--color-border-heavy-grey);
}
.event-archives__pager {
  padding: clamp(40px, 5.859375vw, 60px) 0 0;
}
@media (min-width: 768px) {
  .event-archives__header-pager {
    -ms-grid-columns: 168px 168px;
    grid-template-columns: 168px 168px;
    gap: 0 30px;
  }
  .event-archives__body {
    padding: 10px 0 25px;
    gap: 40px 0;
  }
}

.event-archivesCard {
  -ms-grid-columns: clamp(100px, 19.53125vw, 200px) 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: clamp(100px, 19.53125vw, 200px) 1fr;
  padding: 14px 0 0;
  gap: 0 clamp(14px, 2.63671875vw, 27px);
  border-top: 2px dotted var(--color-border-heavy-grey);
}
.event-archivesCard__header {
  padding: 0 0 0 12px;
  border-left: clamp(5px, 0.9765625vw, 10px) solid var(--color-orange);
}
.event-archivesCard__date {
  display: block;
  font-size: clamp(8px, 1.5625vw, 16px);
  line-height: 1;
}
.event-archivesCard__title {
  margin: 0.2em 0 0;
  font-weight: bold;
  font-size: clamp(15px, 2.9296875vw, 30px);
  line-height: 1.1333333333;
}
.event-archivesCard__body {
  padding: 11px 0 0 12px;
}
.event-archivesCard__footer {
  padding: clamp(15px, 2.9296875vw, 30px) 0 0;
  text-align: right;
}
.event-archivesCard__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: space-between;
  width: clamp(120px, 23.4375vw, 240px);
  height: clamp(22px, 4.296875vw, 44px);
  padding: 0 clamp(12px, 2.44140625vw, 25px);
  background-color: var(--color-orange);
}
@media (hover: hover) {
  .event-archivesCard__button {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .event-archivesCard__button:hover {
    opacity: 0.6;
  }
}
.event-archivesCard__button span {
  color: #fff;
  font-size: clamp(10px, 1.953125vw, 20px);
}
.event-archivesCard__button i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(25px, 4.8828125vw, 50px);
          flex: 0 0 clamp(25px, 4.8828125vw, 50px);
  line-height: 0;
}
@media (min-width: 768px) {
  .event-archivesCard {
    -ms-grid-columns: 280px 1fr;
    grid-template-columns: 280px 1fr;
    padding: 39px 0 0;
    gap: 0 35px;
  }
  .event-archivesCard__header {
    padding: 11px 0 3px 12px;
    border-left: 10px solid var(--color-orange);
  }
  .event-archivesCard__content {
    padding: 0 14px 0 0;
  }
  .event-archivesCard__date {
    font-size: 16px;
  }
  .event-archivesCard__title {
    line-height: 1.2;
  }
  .event-archivesCard__body {
    padding: 25px 0 0;
  }
  .event-archivesCard__footer {
    margin: 39px 0 0;
  }
  .event-archivesCard__button {
    width: 169px;
    height: 30px;
    padding: 0 18px;
  }
  .event-archivesCard__button span {
    font-size: 14px;
  }
  .event-archivesCard__button i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    width: 36px;
  }
}

.event-article__header {
  margin: 5px 0 clamp(15px, 2.44140625vw, 25px);
  padding: clamp(6px, 1.26953125vw, 13px) 0 clamp(11px, 2.05078125vw, 21px) clamp(6px, 1.171875vw, 12px);
  border-left: 10px solid var(--color-orange);
}
.event-article__date {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
}
.event-article__title {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
  letter-spacing: 0.03em;
}
.event-article__info + .event-article__detail {
  margin-top: clamp(40px, 6.34765625vw, 65px);
}
.event-article__info-content {
  margin: clamp(20px, 2.9296875vw, 30px);
}
.event-article__info-content table {
  width: 100%;
}
.event-article__info-content tbody tr th, .event-article__info-content tbody tr td {
  padding-top: 0.4em;
  padding-bottom: 0.82em;
}
.event-article__info-content tbody tr:first-child th, .event-article__info-content tbody tr:first-child td {
  padding-top: 0;
}
.event-article__info-content th, .event-article__info-content td {
  border-bottom: 2px dotted var(--color-dark-grey);
}
.event-article__info-content th {
  width: 7.75em;
  padding-left: 0.2em;
}
.event-article__info-content td {
  width: auto;
}
.event-article__info-image {
  text-align: center;
}
.event-article__subimages {
  -ms-grid-columns: (1fr)[3];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: clamp(25px, 3.3203125vw, 34px) 0 0;
  gap: 2px;
}
.event-article__subimages figure {
  position: relative;
}
.event-article__subimages figure::after {
  display: block;
  width: 100%;
  padding-top: 68.2857142857%;
  content: "";
}
.event-article__subimages figure img {
  -o-object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
     object-fit: cover;
}
.event-article__table {
  margin: clamp(20px, 2.44140625vw, 25px) 0 0;
}
.event-article__blocktitle {
  margin: clamp(30px, 4.4921875vw, 46px) 0 0;
}
.event-article__wisywig * {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.625;
  letter-spacing: 0.03em;
}
.event-article__wisywig * + * {
  margin-top: 1.625em;
}
.event-article__wisywig a {
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.event-article__wisywig a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.event-article__detail {
  margin-top: clamp(10px, 1.5625vw, 16px);
}
.event-article__detail-content {
  margin: clamp(18px, 2.63671875vw, 27px) 0 0;
}
.event-article__detail-aside {
  -ms-grid-columns: 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  margin: clamp(20px, 2.9296875vw, 30px) 0 0;
  gap: 3px;
}
.event-article__detail-block > .title-t2 {
  margin: 0 0 clamp(12px, 1.953125vw, 20px);
}
.event-article__detail-block + .event-article__detail-block {
  margin-top: clamp(40px, 5.859375vw, 60px);
}
@media (min-width: 560px) {
  .event-article__detail-aside {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .event-article__title {
    font-size: 30px;
  }
  .event-article__blocktitle {
    width: 70.7547169811%;
  }
  .event-article__detail {
    -webkit-box-align: start;
        -ms-flex-align: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    -ms-grid-columns: 68.2075471698% 25.4716981132%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 68.2075471698% 25.4716981132%;
            align-items: start;
            justify-content: space-between;
  }
  .event-article__detail-aside {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 0;
  }
  .event-article__table table {
    width: 100%;
  }
  .event-article__table table thead {
    background-color: var(--color-aqua);
    color: #fff;
  }
  .event-article__table table thead th {
    padding: 0.5em 1em;
    font-weight: bold;
    text-align: center;
  }
  .event-article__table table thead th + th {
    border-left: 1px solid #fff;
  }
  .event-article__table table tbody th, .event-article__table table tbody td {
    padding: 0.8em 1em;
    border: 1px solid var(--color-border-light-grey);
  }
}
@media (min-width: 1024px) {
  .event-article__info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    -ms-grid-columns: 45.2830188679% 50.9433962264%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 45.2830188679% 50.9433962264%;
            justify-content: space-between;
  }
  .event-article__info--poster {
    -ms-grid-columns: 31.1320754717% 61.320754717%;
    grid-template-columns: 31.1320754717% 61.320754717%;
  }
  .event-article__info-content {
    margin: 0;
  }
}

.event-articleCard {
  padding: clamp(12px, 1.3671875vw, 14px);
  background-color: #eee;
}
.event-articleCard h4 {
  font-weight: bold;
  font-size: var(--font-size-small);
}
.event-articleCard p {
  font-size: var(--font-size-small);
}
.event-articleCard__credits {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  gap: clamp(4px, 0.78125vw, 8px) clamp(8px, 1.5625vw, 16px);
}
.event-articleCard__visa {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(18.5px, 3.61328125vw, 37px);
          flex: 0 0 clamp(18.5px, 3.61328125vw, 37px);
}
.event-articleCard__jcb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(10px, 1.953125vw, 20px);
          flex: 0 0 clamp(10px, 1.953125vw, 20px);
}
.event-articleCard__mastercard {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(16px, 3.125vw, 32px);
          flex: 0 0 clamp(16px, 3.125vw, 32px);
}
@media (min-width: 768px) {
  .event-articleCard {
    padding: 21px 23px 18px;
  }
}

.event-articleBoard {
  padding: clamp(10px, 2.05078125vw, 21px);
  border: 1px solid var(--color-border-grey);
}
.event-articleBoard__inner {
  margin: 0 auto;
}
.event-articleBoard__label span {
  display: inline-block;
  padding: 0.4em 0.7em;
  background-color: var(--color-text-red);
  color: #fff;
  font-weight: bold;
  font-size: var(--font-size-small);
  line-height: 1;
}
.event-articleBoard__title {
  margin: 0.4em 0 0;
  font-weight: bold;
  font-size: var(--font-size-large);
  line-height: 1.2;
}
.event-articleBoard__title small {
  display: block;
  margin: 0.2em 0 0;
  font-weight: normal;
  font-size: var(--font-size-small);
}
.event-articleBoard__price {
  margin: 0.3em 0 0;
  font-weight: bold;
  font-size: var(--font-size-h2);
}
.event-articleBoard__price small {
  font-size: var(--font-size-body);
}
.event-articleBoard__info {
  margin: 0.5em 0 0;
  font-size: var(--font-size-small);
}
.event-articleBoard__info p {
  line-height: 1.8571428571;
}
.event-articleBoard__button {
  border-bottom: 5px solid #a7dcf5;
  background-color: var(--color-aqua);
}
@media (hover: hover) {
  .event-articleBoard__button {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .event-articleBoard__button:hover {
    opacity: 0.6;
  }
}
.event-articleBoard__button--grey {
  border-bottom: 5px solid #c7c7c7;
  background-color: #898989;
}
.event-articleBoard__button, .event-articleBoard__button--grey {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: clamp(30px, 5.859375vw, 60px);
  margin: 17px 0 0;
  color: #fff;
  font-size: var(--font-size-small);
}
@media (min-width: 768px) {
  .event-articleBoard__inner {
    max-width: 190px;
  }
  .event-articleBoard__button, .event-articleBoard__button--grey {
    height: 35px;
  }
}
@media (max-width: 767.98px) {
  .event-articleBoard__button {
    max-width: clamp(200px, 39.0625vw, 400px);
    margin-right: auto;
    margin-left: auto;
  }
}

.event-accordion {
  padding-top: clamp(10px, 1.953125vw, 20px);
}
.event-accordion__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  width: 100%;
  padding: 0 0 clamp(10px, 1.953125vw, 20px);
  border-bottom: 2px dotted var(--color-border-heavy-grey);
  cursor: pointer;
}
.event-accordion__header.is-open .event-accordion__header-toggle img {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.event-accordion__header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 0.5em;
  font-weight: bold;
  font-size: clamp(16px, 3.125vw, 32px);
}
.event-accordion__header-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 auto;
          align-items: center;
          justify-content: center;
  height: clamp(20px, 3.90625vw, 40px);
  padding: 0 clamp(5px, 0.9765625vw, 10px);
  gap: 0 clamp(5px, 0.9765625vw, 10px);
  background-color: var(--color-turquoise);
}
.event-accordion__header-toggle span {
  color: #fff;
}
.event-accordion__header-toggle img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(10px, 1.953125vw, 20px);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  display: inline-block;
          flex: 0 0 clamp(10px, 1.953125vw, 20px);
  width: clamp(10px, 1.953125vw, 20px);
  line-height: 0;
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.event-accordion__content {
  height: 0;
  overflow: hidden;
}
.event-accordion__content > *:first-child {
  margin-top: clamp(10px, 1.953125vw, 20px);
}
@media (min-width: 768px) {
  .event-accordion + .event-accordion {
    padding-top: 20px;
  }
  .event-accordion__header {
    padding: 0 0 20px;
  }
  .event-accordion__header-toggle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 30px;
  }
  .event-accordion__header-text {
    font-size: 24px;
  }
  .event-accordion__content > *:first-child {
    margin-top: 20px;
  }
}

.faq-main {
  display: -ms-grid;
  display: grid;
  gap: clamp(50px, 9.765625vw, 100px) 0;
}
.faq-main__title {
  margin: 0 0 clamp(25px, 4.8828125vw, 50px);
}
.faq-main__block {
  -ms-grid-columns: 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(15px, 2.9296875vw, 30px) 0;
}
@media (min-width: 768px) {
  .faq-main {
    gap: 90px 0;
  }
  .faq-main__title {
    margin: 0 0 40px;
  }
  .faq-main__block {
    gap: 30px 0;
  }
}

.faq-block[data-color=turquoise] .faq-block__header-icon {
  color: var(--color-turquoise);
}
.faq-block[data-color=turquoise] .faq-block__header-toggle {
  background-color: var(--color-turquoise);
}
.faq-block[data-color=orange] .faq-block__header-icon {
  color: var(--color-orange);
}
.faq-block[data-color=orange] .faq-block__header-toggle {
  background-color: var(--color-orange);
}
.faq-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  padding: 0 0 clamp(10px, 1.953125vw, 20px);
  border-bottom: 2px dotted var(--color-border-heavy-grey);
  cursor: pointer;
}
.faq-block__header.is-open .faq-block__header-toggle img {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.faq-block__header-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
  font-size: clamp(30px, 5.859375vw, 60px);
  line-height: 0.9;
}
.faq-block__header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0.45em 0.5em 0;
  font-weight: bold;
  font-size: clamp(16px, 3.125vw, 32px);
}
.faq-block__header-toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(20px, 3.90625vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 clamp(20px, 3.90625vw, 40px);
          align-items: center;
          justify-content: center;
  width: clamp(20px, 3.90625vw, 40px);
  height: clamp(20px, 3.90625vw, 40px);
}
.faq-block__header-toggle img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66%;
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  -o-transition: 0.3s transform ease-in-out;
  display: inline-block;
          flex: 0 0 66.66%;
  width: 66.66%;
  line-height: 0;
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}
.faq-block__body {
  padding: clamp(15px, 2.9296875vw, 30px);
}
@media (min-width: 768px) {
  .faq-block__header {
    padding: 0 0 20px;
  }
  .faq-block__header-icon {
    font-size: 40px;
  }
  .faq-block__header-toggle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    width: 30px;
    height: 30px;
  }
  .faq-block__header-text {
    font-size: 24px;
  }
  .faq-block__body {
    padding: 30px 25px;
  }
}

.home-mv {
  padding: 0 0 clamp(40px, 6.8359375vw, 70px);
}
.home-mv__slider .swiper-slide {
  width: 100%;
  height: auto;
}
.home-mv__slider .swiper-slide a {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 100%;
}
.home-mv__pagination {
  display: none;
}
@media (min-width: 768px) {
  .home-mv {
    margin: 20px 0 0;
  }
  .home-mv__pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: center;
    margin: 30px 0 0;
    gap: clamp(6px, 1.171875vw, 12px);
  }
  .home-mv__bullet {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(16px, 3.125vw, 32px);
            flex: 0 0 clamp(16px, 3.125vw, 32px);
    width: clamp(16px, 3.125vw, 32px);
    height: 3px;
    background-color: #959595;
  }
  .home-mv__bullet.is-active {
    background-color: var(--color-primary);
  }
}
@media (min-width: 1200px) {
  .home-mv__slider .swiper-slide {
    width: var(--container);
  }
}

.home-news {
  padding: clamp(40px, 6.8359375vw, 70px) 0;
  background-color: var(--color-turquoise);
}
.home-news__content {
  padding: 8px clamp(13px, 2.63671875vw, 27px) 0;
  border: 1px solid #fff;
}
.home-news__title {
  color: #fff;
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
}
.home-news__list {
  max-width: 480px;
  margin: 8px auto 0;
  color: #fff;
}
.home-news__footer {
  margin: clamp(26px, 4.58984375vw, 47px) calc( clamp(13px, 2.63671875vw, 27px)*-1 ) 0 0;
  text-align: right;
}
.home-news__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: center;
  padding: 3px 15px 5px 30px;
  gap: 11px;
  background-color: rgba(var(--color-pale-yellow-rgb), 0.2);
}
@media (hover: hover) {
  .home-news__link {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .home-news__link:hover {
    opacity: 0.6;
  }
}
.home-news__link span {
  color: #fff;
}
.home-news__link i {
  line-height: 0;
}
@media (min-width: 768px) {
  .home-news__title {
    font-size: 50px;
  }
}

.home-event {
  padding: clamp(20px, 3.90625vw, 40px) 0 clamp(25px, 4.8828125vw, 50px);
}
.home-event__header {
  margin: 0 0 clamp(21px, 4.1015625vw, 42px);
  padding: clamp(5px, 1.07421875vw, 11px) 0 0 clamp(12px, 2.24609375vw, 23px);
  border-left: clamp(5px, 0.9765625vw, 10px) solid var(--color-orange);
}
.home-event__header h2 {
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
  line-height: 1;
}
.home-event__header p {
  margin: 9px 0 0 3px;
  font-weight: bold;
  font-size: clamp(8px, 1.5625vw, 16px);
  line-height: 1;
}
.home-event__grid {
  display: -ms-grid;
  display: grid;
  gap: clamp(7px, 1.26953125vw, 13px) 0;
}
.home-event__item {
  padding: 0 0 clamp(7px, 1.26953125vw, 13px);
  border-bottom: 2px dotted var(--color-border-dark-grey);
}
.home-event__footer {
  margin: clamp(15px, 2.9296875vw, 30px) 0 0;
}
.home-event__footer .button-square {
  max-width: clamp(162.5px, 31.73828125vw, 325px);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .home-event {
    padding: clamp(50px, 8.88671875vw, 91px) 0 clamp(50px, 9.765625vw, 100px);
  }
  .home-event__header {
    margin: 0 0 clamp(15px, 2.9296875vw, 30px) calc( clamp(4px, 0.78125vw, 8px)*-1 );
  }
  .home-event__header h2 {
    font-size: 50px;
  }
  .home-event__header p {
    font-size: 16px;
  }
  .home-event__content {
    -webkit-box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.19);
    padding: clamp(30px, 5.1244509517vw, 70px) clamp(30px, 5.1244509517vw, 70px) clamp(26px, 3.8067349927vw, 52px);
    background-color: #fff;
            box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.19);
  }
  .home-event__grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 22px clamp(20px, 3.6603221083vw, 50px);
  }
  .home-event__item {
    padding: 0 0 20px;
  }
  .home-event__footer {
    margin: 43px 0 0;
  }
}

.home-eventCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 clamp(15px, 2.9296875vw, 30px);
}
.home-eventCard__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(100px, 19.53125vw, 200px);
          flex: 0 0 clamp(100px, 19.53125vw, 200px);
}
.home-eventCard__date {
  display: block;
  font-size: clamp(10px, 1.953125vw, 20px);
}
.home-eventCard__title {
  min-height: 1.3333333333em;
  margin: 0.1em 0 0;
  font-weight: bold;
  font-size: clamp(15px, 2.9296875vw, 30px);
  line-height: 1.3333333333;
}
.home-eventCard__text {
  margin: 0.2em 0 0;
  letter-spacing: 0.04em;
}
.home-eventCard__footer {
  text-align: right;
}
.home-eventCard__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: space-between;
  width: clamp(120px, 23.4375vw, 240px);
  height: clamp(21px, 4.19921875vw, 43px);
  padding: 0 clamp(14px, 2.734375vw, 28px) 0 clamp(13px, 2.5390625vw, 26px);
  background-color: var(--color-orange);
}
@media (hover: hover) {
  .home-eventCard__button {
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
  }
  .home-eventCard__button:hover {
    opacity: 0.6;
  }
}
.home-eventCard__button span {
  color: #fff;
  font-size: clamp(10px, 1.953125vw, 20px);
}
.home-eventCard__button i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(25px, 4.8828125vw, 50px);
          flex: 0 0 clamp(25px, 4.8828125vw, 50px);
  line-height: 0;
}
.home-eventCard__button i img {
  width: 100%;
  max-width: none;
}
@media (min-width: 768px) {
  .home-eventCard {
    gap: 19px;
  }
  .home-eventCard__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
  }
  .home-eventCard__title {
    min-height: 3em;
    margin: 0.38em 0 0;
    font-size: 20px;
    line-height: 1.5;
  }
  .home-eventCard__text {
    margin: 0.45em 0 0;
  }
  .home-eventCard__footer {
    margin: 16px 0 0;
  }
  .home-eventCard__date {
    font-size: 16px;
  }
  .home-eventCard__button {
    width: 169px;
    height: 31px;
    padding: 0 18px;
  }
  .home-eventCard__button span {
    font-size: 14px;
  }
  .home-eventCard__button i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    width: 36px;
  }
}

.home-pickup {
  padding: clamp(17px, 3.3203125vw, 34px) 0 clamp(21px, 4.1015625vw, 42px);
  background-color: var(--color-sakura);
}
.home-pickup__title {
  margin: 0 0 clamp(12px, 2.34375vw, 24px);
  color: #626262;
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
  text-align: center;
}
.home-pickup__banners {
  display: -ms-grid;
  display: grid;
  max-width: 488px;
  margin: 0 auto;
  gap: clamp(8px, 1.46484375vw, 15px);
}
@media (min-width: 768px) {
  .home-pickup {
    padding: 64px 0 101px;
  }
  .home-pickup__title {
    margin: 0 0 10px;
    font-size: 46px;
  }
  .home-pickup__banners {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 1034px;
    gap: clamp(20px, 4vw, 60px);
  }
}

.home-banners {
  padding-top: clamp(65px, 12.6953125vw, 130px);
  padding-bottom: clamp(20px, 3.90625vw, 40px);
}
.home-banners__grid {
  -ms-grid-columns: 1fr 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: var(--container);
  margin: 0 auto;
  gap: clamp(5px, 0.9765625vw, 10px) 0;
}
.home-banners__item--large {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
@media (min-width: 768px) {
  .home-banners {
    padding-top: 90px;
    padding-bottom: 40px;
  }
  .home-banners__grid {
    gap: 15px 12px;
  }
}

.news-article__category--new, .news-article__category--importance, .news-article__category--event {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-row-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(75px, 14.6484375vw, 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: category;
          flex: 0 0 clamp(75px, 14.6484375vw, 150px);
          align-items: center;
      align-self: center;
          justify-content: center;
  width: clamp(75px, 14.6484375vw, 150px);
  height: clamp(18px, 3.515625vw, 36px);
  color: #fff;
  font-size: clamp(10px, 1.953125vw, 20px);
}
@media (min-width: 768px) {
  .news-article__category--new, .news-article__category--importance, .news-article__category--event {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 92px;
    -ms-flex-item-align: start;
            flex: 0 0 92px;
        align-self: flex-start;
    width: 92px;
    height: 26px;
    margin: 8px 0 0;
    font-size: 14px;
  }
}

.news-article__header {
  -ms-grid-columns: clamp(70px, 13.671875vw, 140px) clamp(5px, 0.9765625vw, 10px) clamp(75px, 14.6484375vw, 150px) clamp(5px, 0.9765625vw, 10px) 1fr;
  -ms-grid-rows:auto clamp(5px, 0.9765625vw, 10px) auto;
  display: -ms-grid;
  display: grid;
  grid-template-columns: clamp(70px, 13.671875vw, 140px) clamp(75px, 14.6484375vw, 150px) 1fr;
      grid-template-areas: "date category ." "title title title";
  margin: 0 0 clamp(15px, 2.9296875vw, 30px);
  gap: clamp(5px, 0.9765625vw, 10px) clamp(5px, 0.9765625vw, 10px);
}
.news-article__date {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  grid-area: date;
      align-self: center;
  font-weight: bold;
  font-size: clamp(10px, 1.953125vw, 20px);
  white-space: nowrap;
}
.news-article__category--event {
  background-color: #009a95;
}
.news-article__category--importance {
  background-color: #143a8e;
}
.news-article__category--new {
  background-color: #e69b2e;
}
.news-article__title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: title;
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
}
.news-article__content {
  line-height: 2.5;
}
.news-article__content small {
  font-size: 0.95em;
}
.news-article__content big {
  font-size: 1.05em;
}
.news-article__content em, .news-article__content i {
  font-style: italic;
}
.news-article__content b, .news-article__content strong {
  font-weight: bold;
}
.news-article__content a {
  color: var(--color-primary);
  text-decoration: underline;
}
.news-article__content a:hover {
  text-decoration: none;
}
.news-article__content del, .news-article__content strike, .news-article__content s {
  text-decoration: line-through;
}
.news-article__content u {
  text-decoration: underline;
}
.news-article__content h1, .news-article__content h2, .news-article__content h3, .news-article__content h4, .news-article__content h5, .news-article__content h6 {
  line-height: 1.4;
}
.news-article__content h1 {
  font-weight: bold;
  font-size: 1.25em;
}
.news-article__content h2 {
  font-weight: bold;
  font-size: 1.125em;
}
.news-article__content h3 {
  font-weight: bold;
  font-size: 1em;
}
.news-article__content h4 {
  font-size: 1em;
}
.news-article__content h5 {
  font-size: 0.95em;
}
.news-article__content h6 {
  font-size: 0.875em;
}
@media (min-width: 768px) {
  .news-article__header {
    -ms-grid-columns: 92px 20px 1fr 20px 1fr;
    -ms-grid-rows:auto 0 auto;
    grid-template-columns: 92px 1fr 1fr;
        grid-template-areas: "date . ." "category title title";
    margin: 0 0 40px;
    gap: 0 20px;
  }
  .news-article__title {
    font-size: 24px;
  }
  .news-article__date {
    font-size: 16px;
    text-align: center;
  }
  .news-article__category--new, .news-article__category--importance, .news-article__category--event {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .news-article__date {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .news-article__title {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
}

.register-description p + p {
  margin-top: calc(var(--line-height-body) * 1em);
}
@media (min-width: 768px) {
  .register-description p {
    text-align: center;
  }
}

.register-form {
  max-width: 860px;
  margin: clamp(40px, 7.8125vw, 80px) auto 0;
}
.register-form__privacy {
  margin: clamp(40px, 7.8125vw, 80px) 0 0;
}
.register-form__privacy p {
  text-align: center;
}
.register-form__privacy p + p {
  margin-top: 0.8em;
}
.register-form__submit {
  margin: clamp(30px, 5.859375vw, 60px) 0 0;
}
@media (min-width: 768px) {
  .register-form {
    margin: 55px auto 0;
  }
  .register-form__privacy {
    margin: 55px 0 0;
  }
  .register-form__submit {
    margin: 40px 0 0;
  }
}

.terms-main__title {
  margin: 0 0 clamp(30px, 5.859375vw, 60px);
}
.terms-main__block {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.terms-main__block h3 {
  margin: 0 0 0.5em;
}
.terms-main__block ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.terms-main__block + .terms-main__block {
  margin-top: clamp(25px, 4.8828125vw, 50px);
}
@media (min-width: 768px) {
  .terms-main__title {
    margin: 0 0 45px;
  }
  .terms-main__block + .terms-main__block {
    margin-top: 30px;
  }
}

.terms-list {
  -ms-grid-columns: 1fr;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  gap: clamp(14px, 2.734375vw, 28px);
}
.terms-list > li {
  position: relative;
  padding: 0 0 0 clamp(12px, 2.34375vw, 24px);
}
.terms-list > li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: clamp(8px, 1.5625vw, 16px);
  height: clamp(8px, 1.5625vw, 16px);
  background-color: var(--color-turquoise);
  content: "";
}
.terms-list > li > ul > li {
  padding-left: 1em;
  text-indent: -1em;
}
@media (min-width: 768px) {
  .terms-list {
    gap: 28px;
  }
  .terms-list > li {
    padding: 0 0 0 23px;
  }
  .terms-list > li::before {
    top: 5px;
    width: 17px;
    height: 17px;
  }
}

.ticket-description {
  margin: 0 0 clamp(35px, 6.8359375vw, 70px);
}
@media (min-width: 768px) {
  .ticket-description {
    margin: 0 0 50px;
  }
}

.ticket-flow {
  margin: clamp(40px, 7.8125vw, 80px) 0 0;
}
.ticket-flow__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 clamp(12px, 2.34375vw, 24px);
  gap: clamp(7px, 1.3671875vw, 14px);
}
.ticket-flow__header-number {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(30px, 5.859375vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 clamp(30px, 5.859375vw, 60px);
          align-items: center;
          justify-content: center;
  width: clamp(30px, 5.859375vw, 60px);
  height: clamp(30px, 5.859375vw, 60px);
  color: #fff;
  font-weight: bold;
  font-size: clamp(20px, 3.90625vw, 40px);
}
.ticket-flow__header-number[data-color=turquoise] {
  background-color: var(--color-turquoise);
}
.ticket-flow__header-number[data-color=orange] {
  background-color: var(--color-orange);
}
.ticket-flow__header-title {
  font-weight: bold;
  font-size: clamp(18px, 3.515625vw, 36px);
}
.ticket-flow__body {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}
.ticket-flow__body > * + * {
  margin-top: 1em;
}
.ticket-flow__arrow {
  display: block;
  margin: 0 0 0 clamp(60px, 11.71875vw, 120px);
}
@media (min-width: 768px) {
  .ticket-flow {
    margin: 50px 0 0;
  }
  .ticket-flow__header {
    margin: 0 0 20px;
    gap: 13px;
  }
  .ticket-flow__header-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px;
    width: 42px;
    height: 42px;
    font-size: 30px;
  }
  .ticket-flow__header-title {
    padding: 6px 0 0;
    font-size: 18px;
  }
  .ticket-flow__arrow {
    margin: 0 0 0 190px;
  }
}

.ticket-spacer {
  width: 100%;
  height: clamp(60px, 11.71875vw, 120px);
}
@media (min-width: 768px) {
  .ticket-spacer {
    height: 100px;
  }
}