@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600;700&display=swap');
@font-face {
  font-family: 'Geograph-re';
  src: url('fonts/geograph-regular.woff') format('woff'),
       url('fonts/geograph-regular.woff2') format('woff2'),
       url('fonts/geograph-regular.ttf') format("truetype");
}
@font-face {
  font-family: 'Geograph-bo';
  src: url('fonts/geograph-bold.woff') format('woff'),
       url('fonts/geograph-bold.woff2') format('woff2'),
       url('fonts/geograph-bold.ttf') format("truetype");
}
#contents {  margin: 0 auto; }
video	{ width: 100%; max-width: 100%; line-height: 1; }
.lgzcontents	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:.1em; font-style: normal; line-height:1.75; -webkit-text-size-adjust:100%; color:#323232; -webkit-font-smoothing: antialiased; }
.lgzcontents *	{ letter-spacing:0; font-family: 'Geograph-re', 'Noto Sans JP', sans-serif!important; font-weight: 500; font-style: normal; font-size:14px; line-height:1.75; font-feature-settings: "palt"; -webkit-text-size-adjust:100%; color:#1A1A1A; -webkit-font-smoothing: antialiased; font-feature-settings: normal!important; }
.lgzcontents i	{ letter-spacing:.05em!important; font-weight: 700; }
.lgzcontents img, 
.lgzcontents picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.lgzcontents ul:before,
.lgzcontents ol:before,
.lgzcontents dl:before, 
.lgzcontents ul:after, 
.lgzcontents ol:after, 
.lgzcontents dl:after	{ display: none!important; }
.lgzcontents img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.lgzcontents a { transition: all .3s; color:#323232;}
.lgzcontents a:hover { color:#323232; text-decoration:none;}
.lgzcontents .small {font-size:80%;}
.lgzcontents .center-text	{ text-align: center; }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ transition: opacity 2.4s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(20px); }
	to	{ opacity: 1; filter: blur(0px); }
}

/* ------------ MAIN ------------- */
.main__hero_zero	{ width: 100%; height: 788px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; margin: 0 0 48px; }
.main__hero_zero > picture,
.main__hero_zero > picture > img,
.main__hero_zero > img	{ width: 100%; height: 100%; object-fit: cover; /* object-position: right bottom; */ }


.btmbtnarea	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 200px; }
.btmbtnarea > a	{ width: 600px; height: 80px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: all .5s; font-size: 16px; line-height: 1; font-weight: 700; color:#fff; background-color: #000; border: 2px solid #000; border-radius: 3px; text-decoration: none; }
.btmbtnarea > a:hover	{ color:#000; background-color: #fff; text-decoration: none; }
@media (max-width: 767px) {
	.btmbtnarea	{ padding: 0 24px; margin: 0 0 100px; }
	.btmbtnarea > a	{ width: 100%; height: 60px; }
}


@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid.Grid--small-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid.Grid--small-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid.Grid--small-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid.Grid--small-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-3 {
        width: 25%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-6 {
        width: 50%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-9 {
        width: 75%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-12 {
        width: 100%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .Grid__cell.Grid__cell--small-hidden {
        display: none
    }
}

@media only screen and (min-width: 0px) {
    .Grid.Grid--small-up-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 0px) {
    .Grid.Grid--small-up-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 0px) {
    .Grid.Grid--small-up-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 0px) {
    .Grid.Grid--small-up-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-3 {
        width: 25%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-6 {
        width: 50%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-9 {
        width: 75%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-12 {
        width: 100%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 0px) {
    .Grid__cell.Grid__cell--small-up-hidden {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid.Grid--medium-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid.Grid--medium-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid.Grid--medium-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid.Grid--medium-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-3 {
        width: 25%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-6 {
        width: 50%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-9 {
        width: 75%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-12 {
        width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Grid__cell.Grid__cell--medium-hidden {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .Grid.Grid--medium-up-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) {
    .Grid.Grid--medium-up-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) {
    .Grid.Grid--medium-up-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) {
    .Grid.Grid--medium-up-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-3 {
        width: 25%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-6 {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-9 {
        width: 75%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-12 {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 768px) {
    .Grid__cell.Grid__cell--medium-up-hidden {
        display: none
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid.Grid--large-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid.Grid--large-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid.Grid--large-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid.Grid--large-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-3 {
        width: 25%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-6 {
        width: 50%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-9 {
        width: 75%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-12 {
        width: 100%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Grid__cell.Grid__cell--large-hidden {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .Grid.Grid--large-up-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 992px) {
    .Grid.Grid--large-up-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 992px) {
    .Grid.Grid--large-up-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 992px) {
    .Grid.Grid--large-up-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-3 {
        width: 25%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-6 {
        width: 50%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-9 {
        width: 75%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-12 {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 992px) {
    .Grid__cell.Grid__cell--large-up-hidden {
        display: none
    }
}

@media only screen and (min-width: 1200px) {
    .Grid.Grid--extra-large-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .Grid.Grid--extra-large-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .Grid.Grid--extra-large-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (min-width: 1200px) {
    .Grid.Grid--extra-large-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-1 {
        width: 8.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-2 {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-3 {
        width: 25%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-4 {
        width: 33.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-5 {
        width: 41.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-6 {
        width: 50%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-7 {
        width: 58.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-8 {
        width: 66.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-9 {
        width: 75%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-10 {
        width: 83.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-11 {
        width: 91.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-12 {
        width: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .Grid__cell.Grid__cell--extra-large-hidden {
        display: none
    }
}

@media only screen and (orientation: landscape) {
    .Grid.Grid--landscape-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (orientation: landscape) {
    .Grid.Grid--landscape-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (orientation: landscape) {
    .Grid.Grid--landscape-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (orientation: landscape) {
    .Grid.Grid--landscape-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-1 {
        width: 8.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-2 {
        width: 16.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-3 {
        width: 25%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-4 {
        width: 33.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-5 {
        width: 41.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-6 {
        width: 50%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-7 {
        width: 58.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-8 {
        width: 66.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-9 {
        width: 75%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-10 {
        width: 83.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-11 {
        width: 91.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-12 {
        width: 100%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (orientation: landscape) {
    .Grid__cell.Grid__cell--landscape-hidden {
        display: none
    }
}

@media only screen and (orientation: portrait) {
    .Grid.Grid--portrait-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (orientation: portrait) {
    .Grid.Grid--portrait-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (orientation: portrait) {
    .Grid.Grid--portrait-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (orientation: portrait) {
    .Grid.Grid--portrait-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-1 {
        width: 8.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-2 {
        width: 16.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-3 {
        width: 25%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-4 {
        width: 33.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-5 {
        width: 41.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-6 {
        width: 50%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-7 {
        width: 58.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-8 {
        width: 66.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-9 {
        width: 75%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-10 {
        width: 83.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-11 {
        width: 91.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-12 {
        width: 100%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (orientation: portrait) {
    .Grid__cell.Grid__cell--portrait-hidden {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid.Grid--retina-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid.Grid--retina-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid.Grid--retina-flex-direction-column {
        flex-direction: column
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid.Grid--retina-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-1 {
        width: 8.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-2 {
        width: 16.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-3 {
        width: 25%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-3 {
        margin-left: 25%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-4 {
        width: 33.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-5 {
        width: 41.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-6 {
        width: 50%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-6 {
        margin-left: 50%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-7 {
        width: 58.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-8 {
        width: 66.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-9 {
        width: 75%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-9 {
        margin-left: 75%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-10 {
        width: 83.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-11 {
        width: 91.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-12 {
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-offset-left-12 {
        margin-left: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .Grid__cell.Grid__cell--retina-hidden {
        display: none
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid.Grid--ie10-and-above-flex-direction-row {
        flex-direction: row-reverse
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid.Grid--ie10-and-above-flex-direction-row-reverse {
        flex-direction: row-reverse
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid.Grid--ie10-and-above-flex-direction-column {
        flex-direction: column
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid.Grid--ie10-and-above-flex-direction-column-reverse {
        flex-direction: column-reverse
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-1 {
        width: 8.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-1 {
        margin-left: 8.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-2 {
        width: 16.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-2 {
        margin-left: 16.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-3 {
        width: 25%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-3 {
        margin-left: 25%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-4 {
        width: 33.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-4 {
        margin-left: 33.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-5 {
        width: 41.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-5 {
        margin-left: 41.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-6 {
        width: 50%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-6 {
        margin-left: 50%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-7 {
        width: 58.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-7 {
        margin-left: 58.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-8 {
        width: 66.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-8 {
        margin-left: 66.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-9 {
        width: 75%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-9 {
        margin-left: 75%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-10 {
        width: 83.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-10 {
        margin-left: 83.3333333333%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-11 {
        width: 91.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-11 {
        margin-left: 91.6666666667%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-12 {
        width: 100%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-offset-left-12 {
        margin-left: 100%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .Grid__cell.Grid__cell--ie10-and-above-hidden {
        display: none
    }
}

.Container {
    width: 100%;
    margin: 0 auto;
    max-width: 1380px;
    padding: 0 24px
}

.Grid {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    margin: 0 auto
}

.Grid.Grid--centered {
    justify-content: center
}

.Grid__cell {
    position: relative;
    width: 100%;
    display: block
}

.Grid__cell-inner--vertically-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.Typography--paragraph,
.HelpPage_hero a,
.Help.help-page #gladly-faq .gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a,
.UnorderedList li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .5px;
    margin: 0 0 18px
}

.Typography--paragraph.Typography--light,
.HelpPage_hero a.Typography--light,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a.Typography--light,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list a.Typography--light,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-searchInput,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-searchResult,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a.Typography--light,
.UnorderedList li.Typography--light {
    color: #fff
}

.Typography--strong {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-weight: 700;
    color: #212121
}

.Typography--centered,
.Help.help-page #gladly-faq .gladlyHC-faqHeading {
    text-align: center
}

.Typography--primary-heading {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: .5px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--primary-heading {
        font-size: 40px;
        line-height: 1.23
    }
}

@media only screen and (min-width: 992px) {
    .Typography--primary-heading {
        font-size: 48px;
        line-height: 1.31
    }
}

.Typography--primary-heading.Typography--light {
    color: #fff
}

.Typography--secondary-heading,
.Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
.Help.help-page #gladly-faq .gladlyHC-faqHeading,
.Typography--brand-sub-heading {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.32;
    letter-spacing: .5px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--secondary-heading,
    .Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
    .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
    .Help.help-page #gladly-faq .gladlyHC-faqHeading,
    .Typography--brand-sub-heading {
        font-size: 28px;
        line-height: 1.36
    }
}

@media only screen and (min-width: 992px) {
    .Typography--secondary-heading,
    .Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
    .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
    .Help.help-page #gladly-faq .gladlyHC-faqHeading,
    .Typography--brand-sub-heading {
        font-size: 32px;
        line-height: 1.31
    }
}

.Typography--secondary-heading.Typography--light,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-answerDetail-name,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-searchResultsSection-heading,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-faqHeading,
.Typography--light.Typography--brand-sub-heading {
    color: #fff
}

.Typography--tertiary-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .5px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--tertiary-heading {
        font-size: 22px;
        line-height: 1.32
    }
}

@media only screen and (min-width: 992px) {
    .Typography--tertiary-heading {
        font-size: 22px;
        line-height: 1.32
    }
}

.Typography--tertiary-heading.Typography--light {
    color: #fff
}

.Typography--quaternary-heading,
.Help.help-page #gladly-faq .gladlyHC-faqSection-header {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--quaternary-heading,
    .Help.help-page #gladly-faq .gladlyHC-faqSection-header {
        font-size: 16px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 992px) {
    .Typography--quaternary-heading,
    .Help.help-page #gladly-faq .gladlyHC-faqSection-header {
        font-size: 16px;
        line-height: 1.5
    }
}

.Typography--quaternary-heading.Typography--light,
.Help.help-page #gladly-faq .Typography--light.gladlyHC-faqSection-header {
    color: #fff
}

.Typography--sub {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: .5px;
    text-align: center
}

.Typography--brand-heading,
.StoresPage__hero .Typography--primary-heading,
.ReturnsPage__hero .Typography--primary-heading,
.PartnershipPage__hero .Typography--primary-heading,
.OurStoryPage__hero .Typography--primary-heading {
    font-size: 27px;
    font-weight: 600;
    font-style: oblique;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 4px;
    transform: skewY(-5deg)
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--brand-heading,
    .StoresPage__hero .Typography--primary-heading,
    .ReturnsPage__hero .Typography--primary-heading,
    .PartnershipPage__hero .Typography--primary-heading,
    .OurStoryPage__hero .Typography--primary-heading {
        font-size: 48px;
        letter-spacing: 6px
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Typography--brand-heading,
    .StoresPage__hero .Typography--primary-heading,
    .ReturnsPage__hero .Typography--primary-heading,
    .PartnershipPage__hero .Typography--primary-heading,
    .OurStoryPage__hero .Typography--primary-heading {
        font-size: 55px;
        letter-spacing: 8px
    }
}

@media only screen and (min-width: 1200px) {
    .Typography--brand-heading,
    .StoresPage__hero .Typography--primary-heading,
    .ReturnsPage__hero .Typography--primary-heading,
    .PartnershipPage__hero .Typography--primary-heading,
    .OurStoryPage__hero .Typography--primary-heading {
        font-size: 72px;
        letter-spacing: 10px
    }
}

.Typography--brand-sub-heading {
    text-align: center;
    font-size: 16px
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .Typography--brand-sub-heading {
        font-size: 20px
    }
}

@media only screen and (min-width: 992px) {
    .Typography--brand-sub-heading {
        font-size: 24px
    }
}

.Typography--with-margin,
.Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
.Help.help-page #gladly-faq .gladlyHC-faqSection-header {
    margin: 0 0 18px
}

.Typography--without-margin {
    margin: 0
}

.Typography--blockquote {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.61;
    letter-spacing: .5px;
    text-decoration: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .Typography--blockquote {
        font-size: 22px;
        line-height: 1.45
    }
}

.Typography--blockquote.Typography--light {
    color: #fff
}

.Typography--inline-link {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .5px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 -2px inset #212121
}

.Typography--inline-link.Typography--light {
    color: #fff;
    box-shadow: 0 -2px inset #fff
}

.LandingPage--perform-landing .PageSectionSecondaryNavigation .PageSectionImageCopy .typography--secondary-heading,
.LandingPage--perform-landing .PageSectionSecondaryNavigation .PageSectionAssetDecoratedCarousel .CardCarousel .CardCarousel__heading.typography--secondary-heading {
    letter-spacing: 0;
    font-size: 40px;
    line-height: 1.05;
    font-weight: 900;
    text-rendering: geometricPrecision
}

@media only screen and (min-width: 992px) {
    .LandingPage--perform-landing .PageSectionSecondaryNavigation .PageSectionImageCopy .typography--secondary-heading,
    .LandingPage--perform-landing .PageSectionSecondaryNavigation .PageSectionAssetDecoratedCarousel .CardCarousel .CardCarousel__heading.typography--secondary-heading {
        font-size: 60px;
        line-height: .97
    }
}

.main-content {
    opacity: 0;
    transition: opacity .5s;
    outline: none;
    position: relative;
    min-height: calc(100vh - 60px)
}

.main-content.has-banner {
    min-height: calc(100vh - 100px)
}

.main-content.loaded,
body.password .main-content {
    opacity: 1
}

a.link--underline {
    display: inline-block;
    font-size: .75em;
    font-weight: 600;
    color: #212121;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 25px;
    padding-bottom: 2px;
    border-bottom: 1px solid #212121;
    cursor: pointer;
    line-height: 1.7
}

.UnorderedList {
    margin: 0;
    padding: 0 0 0 18px
}

.UnorderedList li {
    list-style-type: disc;
    list-style-position: outside
}

.UnorderedList li:last-child {
    margin-bottom: 0
}

button,
a,
input,
select,
textarea {
    font-family: inherit;
    color: inherit
}

@keyframes pulse2 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(1)
    }
}

.Page:not(.password) {
    padding-top: 60px
}

.Page.Banner--enabled:not(.password) {
    padding-top: 100px
}

.Page--hasNativeContext {
    padding-top: 0!important
}

.Page--hasNativeContext .Footer,
.Page--hasNativeContext #branch-banner-iframe {
    display: none!important
}

#branch-banner-iframe {
    z-index: 998!important
}

.component-tree-container {
    min-height: 100vh
}

.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.fade-in {
    animation-duration: .5s;
    animation-name: animate-fade;
    animation-delay: .2s;
    animation-fill-mode: backwards
}

@keyframes animate-fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animation-delay-1 {
    animation-delay: .3s
}

.animation-delay-2 {
    animation-delay: .4s
}

.animation-delay-3 {
    animation-delay: .5s
}

.animation-delay-4 {
    animation-delay: .6s
}

.animation-delay-5 {
    animation-delay: .7s
}

.Lazy,
.Lazy--loading {
    transition: opacity ease-in-out;
    opacity: 0
}

.Lazy--loaded {
    transition: opacity ease-in-out;
    opacity: 1
}

.AspectRatio {
    position: relative
}

.AspectRatio:before {
    display: block;
    content: "";
    width: 100%
}

.AspectRatio>* {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%
}

.button,
.PartnershipIndexPageSection__content-wrapper a {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    padding: 13px 18px;
    font-weight: 600;
    border: 2px solid #212121;
    border-radius: 2px;
    color: #212121;
    background-color: #fff;
    transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out
}

.button:hover,
.PartnershipIndexPageSection__content-wrapper a:hover {
    color: #fff;
    background-color: #212121
}

.button--inverse {
    color: #fff;
    border-color: #212121;
    background-color: #212121
}

.button--inverse:hover {
    color: #212121;
    background-color: #fff
}

.Footer {
    background-color: #212121;
    padding: 72px 0;
    position: relative;
    z-index: 51;
    width: 100%
}

.Footer .Footer__link,
.Footer .Footer__privacy-and-terms a,
.Footer__privacy-and-terms .Footer a,
.Footer .Footer__privacy-and-terms button,
.Footer__privacy-and-terms .Footer button,
.Footer .Typography--paragraph,
.Footer .HelpPage_hero a,
.HelpPage_hero .Footer a,
.Footer .Help.help-page #gladly-faq .gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .Footer .gladlyHC-answerDetail-backLink,
.Footer .Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm .Footer a,
.Footer .Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list .Footer a,
.Footer .Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .Footer .gladlyHC-searchInput,
.Footer .Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .Footer .gladlyHC-searchResult,
.Footer .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results .Footer a,
.Footer .UnorderedList li,
.UnorderedList .Footer li {
    font-size: 12px
}

.Footer .Typography--quaternary-heading,
.Footer .Help.help-page #gladly-faq .gladlyHC-faqSection-header,
.Help.help-page #gladly-faq .Footer .gladlyHC-faqSection-header {
    font-size: 14px
}

.Footer__email-sign-up-form-container {
    margin-bottom: 48px
}

@media only screen and (min-width: 992px) {
    .Footer__email-sign-up-form-container {
        margin-bottom: 72px
    }
}

.Footer__link-lists {
    text-align: center
}

@media only screen and (min-width: 992px) {
    .Footer__link-lists {
        text-align: left;
        margin-bottom: 72px
    }
}

.Footer__social-icons-list {
    margin-bottom: 48px
}

@media only screen and (min-width: 992px) {
    .Footer__social-icons-list {
        margin-bottom: auto
    }
}

.Footer__b-corp-logo-container {
    margin-bottom: 48px
}

@media only screen and (min-width: 992px) {
    .Footer__b-corp-logo-container {
        margin-bottom: auto
    }
}

.Footer__link-list {
    margin-bottom: 48px
}

@media only screen and (min-width: 992px) {
    .Footer__link-list {
        margin-bottom: auto
    }
}

.Footer__external-properties {
    text-align: center
}

@media only screen and (min-width: 992px) {
    .Footer__external-properties {
        text-align: left;
        margin-bottom: 90px
    }
}

.Footer__privacy-and-terms,
.Footer__heading,
.Footer__social-icons-description {
    color: #fff
}

@media only screen and (min-width: 992px) {
    .Footer__social-icons-description {
        padding-right: 24px
    }
}

.Footer__link,
.Footer__privacy-and-terms a,
.Footer__privacy-and-terms button {
    font-weight: 400;
    display: inline;
    color: #fff;
    text-decoration: none;
    letter-spacing: .5px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .Footer__link,
    .Footer__privacy-and-terms a,
    .Footer__privacy-and-terms button {
        width: auto
    }
}

.Footer__link-list-item {
    list-style-type: none;
    margin-bottom: 12px
}

.Footer__social-icons-list-item {
    display: inline-block;
    margin-right: 18px
}

.Footer__social-icons-list-item:last-child {
    margin-right: 0
}

.Footer__social-icon-link {
    width: 18px
}

.Footer__b-corp-logo-container {
    text-align: center
}

.Footer__b-corp-logo {
    max-width: 78px;
    margin: 0 auto
}

@media only screen and (min-width: 992px) {
    .Footer__b-corp-logo {
        max-width: 120px;
        margin: 0
    }
}

.Footer__country-flags-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    max-width: 420px;
    margin: 0 auto 24px
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .Footer__country-flags-list {
        max-width: calc(50% - 24px);
        margin: 0 0 24px
    }
}

@media only screen and (min-width: 1200px) {
    .Footer__country-flags-list {
        max-width: unset;
        grid-template-columns: repeat(10, 1fr);
        margin: 0
    }
}

.Footer__country-flag {
    flex: 1 1 100%;
    width: 100%;
    aspect-ratio: 4/3
}

.Footer__privacy-and-terms .Typography--paragraph,
.Footer__privacy-and-terms .HelpPage_hero a,
.HelpPage_hero .Footer__privacy-and-terms a,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .Footer__privacy-and-terms .gladlyHC-answerDetail-backLink,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm .Footer__privacy-and-terms a,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list .Footer__privacy-and-terms a,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .Footer__privacy-and-terms .gladlyHC-searchInput,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .Footer__privacy-and-terms .gladlyHC-searchResult,
.Footer__privacy-and-terms .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results .Footer__privacy-and-terms a,
.Footer__privacy-and-terms .UnorderedList li,
.UnorderedList .Footer__privacy-and-terms li {
    text-align: center;
    color: #fff
}

.Footer__privacy-and-terms a,
.Footer__privacy-and-terms button {
    text-decoration: underline
}

.Footer__privacy-and-terms #ot-sdk-btn.ot-sdk-show-settings {
    color: #fff;
    border: none;
    height: auto;
    white-space: normal;
    word-wrap: normal;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    transition: none;
    background: #0000
}

.Footer__privacy-and-terms #ot-sdk-btn.ot-sdk-show-settings:hover {
    background: #0000
}

.Footer__language-selector-container {
    width: 100%;
    margin: 0 auto 48px
}

@media only screen and (min-width: 768px) {
    .Footer__language-selector-container {
        width: 50%
    }
}

@media only screen and (min-width: 992px) {
    .Footer__language-selector-container {
        margin: 0 0 48px
    }
}

.general-centered-block {
    background-position: center;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 160px;
    position: relative
}

@media only screen and (min-width: 0px) {
    .general-centered-block {
        padding-top: 225px;
        padding-bottom: 210px
    }
}

@media only screen and (min-width: 768px) {
    .general-centered-block {
        padding-top: 275px;
        padding-bottom: 260px
    }
}

.general-centered-block__text {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    max-width: 80%
}

@media only screen and (min-width: 0px) {
    .general-centered-block__text {
        max-width: 70%
    }
}

@media only screen and (min-width: 768px) {
    .general-centered-block__text {
        max-width: 52%;
        font-size: 30px
    }
}

.Help.help-page #gladly-faq .gladlyHC-searchContainer,
.Help.help-page #gladly-faq .gladlyHC-searchResultsContainer {
    margin: 0 0 42px
}

.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a {
    text-decoration: none
}

.Help.help-page #gladly-faq .gladlyHC-faqSection-list a:hover,
.Help.help-page #gladly-faq .gladlyHC-searchResult:hover,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-result:hover {
    text-decoration: underline
}

.Help.help-page #gladly-faq .highlightedSearchTerm {
    font-weight: 600
}

.Help.help-page #gladly-faq .gladlyHC-searchInput {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border-style: solid;
    border-radius: 2px;
    border-color: #d3d4d5;
    padding-left: 6px
}

.Help.help-page #gladly-faq .gladlyHC-answerDetail-content a {
    display: inline
}

.Help.help-page #gladly-faq .gladlyHC-faqHeading {
    margin: 0 0 42px
}

.Help.help-page #gladly-faq .gladlyHC-faqSection {
    padding: 0 18px 42px
}

.HelpPage_hero {
    text-align: center;
    position: relative;
    height: 55vh;
    min-height: 375px;
    margin-bottom: 48px;
    background-color: #212121
}

@media only screen and (min-width: 768px) {
    .HelpPage_hero {
        min-height: 450px
    }
}

.HelpPage_hero .Typography--primary-heading {
    color: #fff;
    margin-bottom: 24px
}

.HelpPage_hero .HelpPage_hero-cta {
    margin-bottom: 24px
}

.HelpPage_hero .HelpPage_hero-cta .Typography--paragraph,
.HelpPage_hero .HelpPage_hero-cta a,
.HelpPage_hero .HelpPage_hero-cta .UnorderedList li,
.UnorderedList .HelpPage_hero .HelpPage_hero-cta li,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm .HelpPage_hero .HelpPage_hero-cta a,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list .HelpPage_hero .HelpPage_hero-cta a,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .HelpPage_hero .HelpPage_hero-cta .gladlyHC-searchInput,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .HelpPage_hero .HelpPage_hero-cta .gladlyHC-searchResult,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results .HelpPage_hero .HelpPage_hero-cta a,
.HelpPage_hero .HelpPage_hero-cta .Help.help-page #gladly-faq .gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .HelpPage_hero .HelpPage_hero-cta .gladlyHC-answerDetail-backLink {
    margin: 0;
    color: #fff
}

.HelpPage_hero .HelpPage_hero-cta .HelpPage__gladly-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.HelpPage_hero .Typography--inline-link {
    color: #fff;
    font-weight: 300
}

.HelpPage_hero a {
    text-decoration: none
}

.HelpPage_hero-full-height {
    height: 100%
}

.no-support-roadblock {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #f1f6f8
}

.no-support-roadblock__heading {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 48px;
    margin-top: 48px
}

.no-support-roadblock__subheading {
    font-weight: 600
}

.no-support-roadblock__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -37px
}

.OurStoryPage__core-principles {
    margin-bottom: 24px
}

.OurStoryPage__core-principles-container {
    background-color: #eeebe5;
    padding: 48px
}

.OurStoryPage__core-principles-image-container {
    margin-bottom: 48px
}

.OurStoryPage__core-principles-cell {
    text-align: center;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .OurStoryPage__core-principles-cell {
        margin: 0 24px
    }
}

@media only screen and (min-width: 992px) {
    .OurStoryPage__core-principles-cell {
        margin: 0 48px
    }
}

.OurStoryPage__executive-statement {
    margin-bottom: 48px;
    text-align: center
}

.OurStoryPage__executive-statement-image-container {
    margin-bottom: 24px
}

.OurStoryPage__hero {
    position: relative;
    max-height: 75vh;
    overflow: hidden;
    margin-bottom: 48px
}

.OurStoryPage__hero .Typography--primary-heading {
    margin: 0
}

.OurStoryPage__hero-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.OurStoryPage__hero-full-height {
    height: 100%
}

.OurStoryPage__journey {
    padding: 36px 0
}

.OurStoryPage__journey-heading-container {
    margin-bottom: 48px;
    text-align: center
}

.OurStoryPage__journey-card-container {
    text-align: center;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .OurStoryPage__journey-card-container {
        margin: 0 12px
    }
}

@media only screen and (min-width: 992px) {
    .OurStoryPage__journey-card-container {
        margin: 0 24px
    }
}

.OurStoryPage__journey-card-image-container {
    margin-bottom: 24px
}

.PartnershipIndexPageSection {
    position: relative
}

.PartnershipIndexPageSection__inner {
    padding: 24px 0
}

@media only screen and (min-width: 768px) {
    .PartnershipIndexPageSection__image-wrapper {
        padding: 0 24px
    }
}

.PartnershipIndexPageSection__image {
    width: 100%;
    height: auto
}

.PartnershipIndexPageSection__content-wrapper {
    padding: 24px 0;
    text-align: center
}

.PartnershipIndexPageSection__content-wrapper :last-child {
    margin-bottom: 0
}

.PartnershipIndexPageSection__content-wrapper a {
    margin-top: 6px;
    background-color: #0000;
    box-shadow: none
}

@media only screen and (min-width: 768px) {
    .PartnershipIndexPageSection__content-wrapper {
        padding: 24px;
        text-align: left
    }
}

.PartnershipPage__hero {
    margin-bottom: 48px
}

.PartnershipPage__hero .Typography--primary-heading {
    margin: 0
}

.PartnershipPage__hero-image {
    height: calc(85vh - 60px);
    min-height: 500px;
    padding: 180px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.PartnershipPage__assetPortrait-hero-image+.PartnershipPage__asset-hero-image {
    display: none
}

@media only screen and (min-width: 768px) {
    .PartnershipPage__assetPortrait-hero-image {
        display: none
    }
    .PartnershipPage__assetPortrait-hero-image+.PartnershipPage__asset-hero-image {
        display: block
    }
}

.PartnershipPageSection {
    position: relative;
    background-color: #f8f7f5
}

.PartnershipPageSection__content-wrapper {
    padding: 48px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .PartnershipPageSection__content-wrapper {
        padding: 36px 84px;
        text-align: left
    }
}

.PartnershipPageSection__content-wrapper p {
    text-align: left
}

.PartnershipPageSection__content-wrapper :last-child {
    margin-bottom: 0
}

.video-wrapper {
    position: relative;
    overflow: hidden
}

.video-poster-play-button {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.video-poster-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center
}

.PartnershipPageSection__video-player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.PdpProductPart {
    justify-content: center;
    margin-bottom: 54px
}

.PdpProductPart .Typography--secondary-heading,
.PdpProductPart .Typography--brand-sub-heading,
.PdpProductPart .Help.help-page #gladly-faq .gladlyHC-faqHeading,
.Help.help-page #gladly-faq .PdpProductPart .gladlyHC-faqHeading,
.PdpProductPart .Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
.Help.help-page #gladly-faq .PdpProductPart .gladlyHC-answerDetail-name,
.PdpProductPart .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
.Help.help-page #gladly-faq .PdpProductPart .gladlyHC-searchResultsSection-heading {
    margin-bottom: 24px
}

.PdpProductPart .Typography--quaternary-heading,
.PdpProductPart .Help.help-page #gladly-faq .gladlyHC-faqSection-header,
.Help.help-page #gladly-faq .PdpProductPart .gladlyHC-faqSection-header {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .PdpProductPart .PdpProductPart__content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width: 992px) {
    .PdpProductPart {
        margin-bottom: 168px
    }
}

@media only screen and (min-width: 992px) {
    .PdpProductPart:nth-child(2n) .PdpProductPart__content {
        padding-left: 108px;
        padding-right: 24px
    }
}

.PdpProductPart:nth-child(odd) .PdpProductPart__content-container .Grid {
    flex-direction: row-reverse
}

@media only screen and (min-width: 992px) {
    .PdpProductPart:nth-child(odd) .PdpProductPart__content {
        padding-left: 24px;
        padding-right: 108px
    }
}

@media only screen and (min-width: 768px) {
    .PdpProductPart.Grid__cell-inner--vertically-centered {
        justify-content: flex-start
    }
}

.PdpProductPart__mobile-image-container {
    margin: 0 -24px 42px
}

@media only screen and (min-width: 768px) {
    .PdpProductPart__mobile-image-container {
        margin: 0
    }
}

.PdpProductPart__image-small {
    width: 100%
}

.ReturnsPagePolicySection {
    padding: 24px 0;
    text-align: center
}

.ReturnsPagePolicySection :last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .ReturnsPagePolicySection {
        padding: 0 24px
    }
}

@media only screen and (min-width: 992px) {
    .ReturnsPagePolicySection {
        padding: 0 48px
    }
}

@media only screen and (min-width: 768px) {
    .ReturnsPagePolicySection--grid {
        padding: 24px 72px
    }
}

.ReturnsPagePolicySection__image {
    margin-bottom: 24px;
    height: 90px
}

.skip-to-content {
    position: fixed;
    z-index: 100000;
    top: 6px;
    left: 6px
}

.top-navigation-prerender-container {
    display: none
}

.collections-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 350px;
    margin-bottom: 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.collections-header--no-image {
    min-height: 150px
}

.collections-header__title {
    color: #fff
}

.collection .collections-header {
    margin-bottom: 0;
    margin-top: 0;
    min-height: 275px
}

@media screen and (min-width: 850px) {
    .collection .collections-header {
        min-height: 400px;
        padding-top: 40px
    }
}

.collection .collections-header__title {
    margin: 135px auto 0
}

@media screen and (min-width: 850px) {
    .collection .collections-header__title {
        margin: 150px auto 0
    }
}

.LegalPage {
    margin-top: 30px
}

.LegalPage table {
    border: 1px solid rgba(0, 0, 0, .3);
    margin-left: auto;
    margin-right: auto;
    min-width: 70%
}

.LegalPage table thead {
    background-color: #d3d4d5;
    border: 1px solid rgba(0, 0, 0, .3)
}

.LegalPage table thead th {
    padding: 12px;
    text-align: left
}

.LegalPage table tbody td {
    border: 1px solid rgba(0, 0, 0, .3);
    color: #4d5559;
    padding: 12px
}

.MaterialsPage__navigation {
    padding: 24px 0;
    border-bottom: 1px solid #d3d4d5
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .MaterialsPage__navigation-links-container {
        width: 75%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .MaterialsPage__navigation-links-container {
        width: 60%;
        margin: 0 auto
    }
}

.MaterialsPage__navigation-link-container {
    padding-right: 6px;
    padding-left: 6px
}

@media only screen and (min-width: 768px) {
    .MaterialsPage__navigation-link-container {
        padding-right: 12px;
        padding-left: 12px
    }
    .MaterialsPage__navigation-link-container.Grid__cell:first-child {
        padding-left: 0
    }
    .MaterialsPage__navigation-link-container.Grid__cell:last-child {
        padding-right: 0
    }
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
    .MaterialsPage__navigation-link-container {
        padding-left: 12px;
        padding-top: 18px
    }
}

.MaterialsPage__navigation-link {
    display: block;
    width: 100%;
    text-align: center
}

.MaterialsPage__navigation-link.button,
.PartnershipIndexPageSection__content-wrapper a.MaterialsPage__navigation-link {
    padding-right: 12px;
    padding-left: 12px
}

.MaterialsPage__materials-mascot-image-container {
    text-align: center;
    margin: 0 0 24px
}

@media only screen and (min-width: 768px) {
    .MaterialsPage__materials-mascot-image-container {
        margin: 0;
        padding: 48px
    }
}

.MaterialsPage__materials-mascot-copy-container {
    margin: 0 0 6px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .MaterialsPage__materials-mascot-copy-container {
        text-align: left;
        margin: 0;
        padding: 48px 0
    }
}

.MaterialsPage__inspiration {
    background-size: cover;
    padding: 108px 24px
}

.MaterialsPage__inspiration-container {
    text-align: center;
    margin: 0 auto
}

.MaterialsPage__inspiration-container .Typography--secondary-heading,
.MaterialsPage__inspiration-container .Typography--brand-sub-heading,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-faqHeading,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-faqHeading,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-answerDetail-name,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-answerDetail-name,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-heading,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-searchResultsSection-heading {
    color: #fff;
    margin-bottom: 24px
}

.MaterialsPage__inspiration-container .Typography--paragraph,
.MaterialsPage__inspiration-container .UnorderedList li,
.UnorderedList .MaterialsPage__inspiration-container li,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm a,
.Help.help-page #gladly-faq .gladlyHC-highlightedSearchTerm .MaterialsPage__inspiration-container a,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-faqSection-list a,
.Help.help-page #gladly-faq .gladlyHC-faqSection-list .MaterialsPage__inspiration-container a,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-searchInput,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-searchInput,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-searchResult,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-searchResult,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results a,
.Help.help-page #gladly-faq .gladlyHC-searchResultsSection-results .MaterialsPage__inspiration-container a,
.MaterialsPage__inspiration-container .Help.help-page #gladly-faq .gladlyHC-answerDetail-backLink,
.Help.help-page #gladly-faq .MaterialsPage__inspiration-container .gladlyHC-answerDetail-backLink,
.MaterialsPage__inspiration-container .HelpPage_hero a,
.HelpPage_hero .MaterialsPage__inspiration-container a {
    color: #fff
}

.MaterialsPage__third-party-certification {
    background-color: #f8f7f5
}

.MaterialsPage__third-party-certification-content-background {
    background-color: #eeebe5
}

.MaterialsPage__third-party-certification-content-container {
    padding: 54px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .MaterialsPage__third-party-certification-content-container {
        margin-bottom: 0
    }
}

.MaterialsPage__third-party-certification-logo-container {
    width: 60px;
    margin: 0 auto 24px
}

.MaterialsPage__third-party-certification-animation-container {
    background-color: #f8f7f5;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .MaterialsPage__third-party-certification-animation-container {
        margin-bottom: 0;
        margin-left: 12px
    }
}

.MaterialsPage__more-materials {
    padding: 54px 0
}

.MaterialsPage__more-materials-content-container {
    text-align: center;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .MaterialsPage__more-materials-content-container {
        margin-bottom: 0;
        margin-right: 24px;
        margin-left: 24px
    }
}

@media only screen and (min-width: 992px) {
    .MaterialsPage__more-materials-content-container {
        margin-bottom: 0;
        margin-right: 48px;
        margin-left: 48px
    }
}

.MaterialsPage__more-materials-image-container {
    margin-bottom: 24px
}

.OurCommitment__hero {
    background-color: #212121;
    overflow: hidden
}

@keyframes slideUp {
    0% {
        transform: translateY(95%)
    }
    to {
        transform: translateY(30%)
    }
}

@keyframes slideUp-mobile {
    0% {
        transform: translateY(95%)
    }
    to {
        transform: translateY(0)
    }
}

.OurCommitment__hero-globe {
    transform: rotate(-10deg);
    width: 100%
}

.OurCommitment__hero-globe-container {
    margin-bottom: -36%;
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-globe-container {
        position: absolute;
        width: 100%;
        bottom: -7%;
        margin-bottom: 0
    }
}

.OurCommitment__hero-globe-container--animated {
    animation: slideUp-mobile .5s .5s ease-in-out both;
    visibility: visible
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-globe-container--animated {
        animation: slideUp .5s .5s ease-in-out both
    }
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-content-cell {
        order: 2
    }
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-globe-cell {
        order: 1
    }
}

.OurCommitment__hero-content-container {
    text-align: center;
    padding: 102px 0 0;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-content-container {
        margin: 0;
        text-align: left
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .OurCommitment__hero-content-container {
        padding: 120px 0 120px 24px
    }
}

@media only screen and (min-width: 992px) {
    .OurCommitment__hero-content-container {
        padding: 180px 0 120px 24px
    }
}

.OurCommitment__hero-commitment-sub-heading {
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__hero-commitment-sub-heading {
        margin-bottom: 12px
    }
}

.OurCommitment__carbon-footprint {
    padding: 60px 0
}

.OurCommitment__carbon-footprint-heading {
    margin-bottom: 12px
}

.OurCommitment__carbon-footprint-sub-heading {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__mobile-tote-container {
        display: none
    }
}

.OurCommitment__desktop-tote-container {
    display: none
}

@media only screen and (min-width: 768px) {
    .OurCommitment__desktop-tote-container {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center
    }
}

.OurCommitment__desktop-tote {
    width: 600px;
    align-self: flex-end
}

.OurCommitment__feet-container {
    max-width: 198px;
    margin: 0 auto 24px
}

.OurCommitment__garden-with-flowers {
    position: relative
}

.OurCommitment__garden {
    position: relative;
    background-repeat: repeat-x;
    background-position: center;
    z-index: 2
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .OurCommitment__garden {
        background-image: none
    }
}

.OurCommitment__gardener-container {
    position: relative
}

.OurCommitment__gardener {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%
}

.OurCommitment__flowers {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45%;
    height: 28%;
    background-repeat: repeat-x;
    background-position: center;
    visibility: hidden
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .OurCommitment__flowers {
        background-image: none
    }
}

.OurCommitment__flowers--animated {
    visibility: visible;
    animation: growIn .8s .5s ease-in-out both
}

@keyframes growIn {
    0% {
        transform: translateY(90%)
    }
    to {
        transform: translateY(0)
    }
}

.OurCommitment__ciao-carbon {
    margin-bottom: 36px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__ciao-carbon {
        margin-bottom: 72px
    }
}

.OurCommitment__ciao-carbon-heading {
    margin-bottom: 12px
}

.OurCommitment__scale-container {
    margin-bottom: 30px
}

.OurCommitment__scale {
    display: block;
    width: 155px;
    margin: 0 auto
}

.OurCommitment__investing-heading {
    margin-bottom: 6px
}

.OurCommitment__ciao-carbon-statement {
    margin-bottom: 54px
}

.OurCommitment__investment-icon-container {
    margin-bottom: 18px
}

.OurCommitment__investment-container {
    margin-bottom: 36px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__investment-container {
        padding: 0 36px
    }
}

.OurCommitment__investment-icon {
    display: block;
    width: 138px;
    margin: 0 auto
}

.OurCommitment__investment-heading {
    margin-bottom: 6px
}

.OurCommitment__investment-sub-heading {
    margin-bottom: 24px
}

.OurCommitment__ocean--container {
    position: relative
}

.OurCommitment__ocean {
    position: relative;
    background-repeat: repeat-x;
    background-position: center;
    z-index: 2
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .OurCommitment__ocean {
        background-image: none
    }
}

.OurCommitment__ocean-fixed {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

.OurCommitment__sailor-container {
    position: absolute;
    top: -32%;
    left: 15%;
    width: 20%;
    z-index: 1
}

.OurCommitment__goals {
    padding-top: 36px;
    border-bottom: 3px solid #212121
}

@media only screen and (min-width: 768px) {
    .OurCommitment__goals {
        padding-top: 72px
    }
}

@media only screen and (min-width: 992px) {
    .OurCommitment__goals {
        border-bottom: 5px solid #212121
    }
}

.OurCommitment__goals-heading {
    margin-bottom: 12px
}

.OurCommitment__goals-sub-heading,
.OurCommitment__leaves-container {
    margin-bottom: 30px
}

.OurCommitment__leaves {
    display: block;
    width: 155px;
    margin: 0 auto
}

.OurCommitment__studious-sheep-cell {
    order: 2
}

@media only screen and (min-width: 768px) {
    .OurCommitment__studious-sheep-cell {
        order: 0
    }
}

.OurCommitment__studious-sheep-container {
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 300px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__studious-sheep-container {
        justify-content: flex-end;
        flex-direction: column
    }
}

.OurCommitment__goals-content {
    padding-bottom: 114px
}

.OurCommitment__studious-sheep {
    position: absolute;
    width: 300px;
    bottom: -8px
}

@media only screen and (min-width: 992px) {
    .OurCommitment__studious-sheep {
        width: 450px;
        bottom: -12px
    }
}

.OurCommitment__more-about-us {
    background-color: #f5f5f5;
    padding: 72px 0
}

.OurCommitment__more-about-us-heading {
    margin-bottom: 48px
}

.OurCommitment__more-about-us-link {
    display: block;
    text-decoration: none;
    text-align: center
}

.OurCommitment__more-about-us-link--our-materials {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__more-about-us-link--our-materials {
        margin: 0 12px 0 0
    }
}

.OurCommitment__more-about-us-link--our-story {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .OurCommitment__more-about-us-link--our-story {
        margin: 0 0 0 12px
    }
}

.OurCommitment__about-us-image-container {
    margin-bottom: 18px;
    overflow: hidden
}

.OurCommitment__about-us-image {
    display: block;
    transition: transform 125ms ease-out 0s
}

.OurCommitment__more-about-us-link:hover .OurCommitment__about-us-image {
    transform: scale(1.05)
}

.PartnershipPage__description {
    margin-bottom: 48px;
    text-align: center
}
.PartnershipPage__description h1 { width: 50%; margin: 0 auto 40px;  }
@media (max-width: 1000px) {
	.PartnershipPage__description h1 { width: 85%; margin: 0 auto 30px;  }
}




.PartnershipPage__description :last-child {
    margin-bottom: 0
}

.PartnershipPage__description strong {
	font-family: 'Geograph-bo', 'Noto Sans JP', sans-serif!important;
    font-weight: 700
}

.PartnershipPage__page-sections {
    margin-bottom: 48px
}

.PartnershipPage__page-sections>:nth-child(odd) {
    flex-direction: row-reverse
}

.PartnershipPage__view-all-link {
    margin-bottom: 48px
}

.PartnershipPage__form-container {
    width: 100%;
    padding: 20px;
    margin-bottom: 18px;
    min-width: 100%;
    min-height: 900px;
    border: none;
    background-color: #f8f7f5
}

@media only screen and (min-width: 768px) {
    .PartnershipPage__form-container {
        margin-bottom: 60px;
        min-height: 1000px;
        padding: 60px 220px
    }
}

.PartnershipsIndexPage {
    padding: 24px 0
}

.ReturnsPage__hero {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0
}

.ReturnsPage__hero .Typography--primary-heading {
    margin: 0
}

.ReturnsPage__instructions-section {
    background-color: #f1f6f8
}

.ReturnsPage__instructions-section-content {
    padding: 48px 0
}

@media only screen and (min-width: 768px) {
    .ReturnsPage__instructions-section-content {
        padding: 72px 0
    }
}

.ReturnsPage__instructions-section-copy {
    margin-bottom: 48px
}

.ReturnsPage__instructions-section-copy :last-child {
    margin-bottom: 0
}

.ReturnsPage__general-policy-section-copy {
    padding: 48px 0
}

@media only screen and (min-width: 768px) {
    .ReturnsPage__general-policy-section-copy {
        padding: 72px 0
    }
}

.ReturnsPage__general-policy-section-copy :last-child {
    margin-bottom: 0
}

.ReturnsPage__general-policy-section-image {
    padding: 0 12px;
    align-self: flex-end
}

@media only screen and (min-width: 768px) {
    .ReturnsPage__general-policy-section-image {
        padding: 72px 24px 0 48px
    }
}

.ReturnsPage__secondary-policy-sections-wrapper {
    background-color: #f5f5f5
}

.ReturnsPage__secondary-policy-sections {
    padding: 36px 0
}

@media only screen and (min-width: 768px) {
    .ReturnsPage__secondary-policy-sections {
        padding: 72px 0
    }
}

.ReturnsPage__contact-us-section {
    padding: 72px 0;
    text-align: center
}

.ReturnsPage__contact-us-section :last-child {
    margin-bottom: 0
}

.StoresPage__hero {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0
}

.StoresPage__hero .Typography--primary-heading {
    margin: 0
}

.CartPage {
    padding: 36px 0
}

.CartPage__product-card {
    display: flex
}

.CartPage__product-card-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 24px
}

.CartPage__headings {
    display: none
}

@media only screen and (min-width: 992px) {
    .CartPage__headings {
        display: flex
    }
}

.CartPage__cell {
    padding: 12px
}

@media only screen and (min-width: 992px) {
    .CartPage__cell {
        padding: 24px
    }
}

.CartPage__row {
    border-bottom: 1px solid #d3d4d5
}

.CartPage__update-button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px
}

.CartPage__line-items {
    border-top: 1px solid #d3d4d5;
    margin-bottom: 36px
}

.CartPage__sub-total {
    display: flex
}

.CartPage__sub-total-cell {
    width: 50%
}

.CartPage__sub-total-cell--last {
    text-align: right
}

.CartPage__label {
    display: block;
    margin-bottom: 6px
}

@media only screen and (min-width: 992px) {
    .CartPage__label {
        display: none
    }
}

.CartPage__checkout-button {
    width: 100%;
    display: block
}

.CartPage__empty-state {
    width: 50%;
    margin: 0 auto;
    text-align: center
}

.CareersPage__hero {
    background-size: cover;
    background-position: center;
    padding: 240px 0;
    margin-bottom: 24px
}

.CareersPage__mission-statement {
    background-color: #dbe8ed
}

.CareersPage__widget {
    margin-bottom: 24px
}

.CareersPage__mission-statement-hero {
    background-size: cover;
    background-position: center
}

.CareersPage__mission-statement-copy {
    padding: 48px;
    text-align: center
}

.TruthAboutAllbirdsCoupons {
    text-align: center;
    padding: 120px 0
}

.TruthAboutAllbirdsCoupons__image-container {
    margin-bottom: 24px
}

.TruthAboutAllbirdsCoupons__image-container {
    width: 300px;
    margin: 0 auto
}

.TruthAboutAllbirdsCoupons__link {
    margin: 0 12px
}

.FitGuide__hero {
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    text-align: center
}

.FitGuide__perfect-fit {
    text-align: center;
    padding: 60px 0
}

.FitGuide__sizing-chart {
    background-color: #eeebe5;
    text-align: center;
    padding: 120px 0
}

.FitGuide__table {
    width: 100%
}

.FitGuide__table td {
    padding: 24px 0
}

.FitGuide__content {
    margin-bottom: 36px
}

.FitGuide__table-heading-row {
    box-shadow: inset 0 0 #000, inset 0 -1px #d3d4d5;
    position: sticky;
    top: 3.7rem;
    background-color: #fff
}

.FitGuide__table-container {
    margin-bottom: 24px
}

@media only screen and (min-width: 992px) {
    .FitGuide__table-container {
        margin-bottom: 0
    }
}

.FitGuide__table-container--inner {
    background-color: #fff;
    padding: 24px
}

@media only screen and (min-width: 992px) {
    .FitGuide__table-container--right {
        padding-left: 24px
    }
}

@media only screen and (min-width: 992px) {
    .FitGuide__table-container--left {
        padding-right: 24px
    }
}

.FitGuide__table-wrapper {
    margin-bottom: 36px
}

.StayInTouch {
    background-color: #f1ebe6;
    padding: 120px 0;
    text-align: center
}

.ShoeCare__background-image {
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    text-align: center
}

.ShoeCare__built {
    padding: 60px 0;
    text-align: center
}

.ShoeCare__copy {
    background-color: #f8f7f5;
    padding: 24px
}

@media only screen and (min-width: 992px) {
    .ShoeCare__copy {
        padding: 60px
    }
}

.ShoeCare__button-container {
    text-align: center
}

.ShoeCare__insoles {
    margin-bottom: 60px
}

.password-page {
    position: relative;
    background-color: #000;
    color: #fff;
    height: 100vh;
    width: 100vw;
    padding: 0 20px
}

.password-page .container {
    position: absolute;
    width: 100%;
    max-width: 523px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 619px) {
    .password-page .container {
        text-align: center
    }
}

.password-page .container .logo {
    text-align: center;
    margin-bottom: 20px
}

.password-page .container .logo img {
    width: 250px
}

.password-page .container label {
    letter-spacing: 1px
}

@media screen and (max-width: 619px) {
    .password-page .container label {
        display: block;
        margin-bottom: 15px
    }
}

.password-page .container input[type=password] {
    width: 180px;
    margin-left: 10px;
    -webkit-appearance: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
    font-size: 1em;
    padding: 15px 20px;
    color: #fff;
    background-color: #000
}
@media screen and (max-width: 619px) {
    .password-page .container input[type=password] {
        margin-left: 0
    }
}
.password-page .container .btn {
    position: relative;
    top: -1px;
    width: 100px;
    display: inline-block;
    margin-left: -7px;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 18px 0 17px
}

@media (max-width: 999.99px) {
	.PartnershipPage__description .Typography--paragraph	{ font-size: 14px; }
}
@media (min-width: 1000px)	{ 
	.sponly	{ display: none; }
}
.topreed	{ width: 100%!important; }


.Typography--paragraph a	{ font-size: inherit; text-decoration: underline;  }