@charset "UTF-8";
/*
Getup.css is released under the Open Source MIT license.
http://www.opensource.org/licenses/mit-license.php

Getup.css is inspired by OOCSS, inuit.css, Twitter Bootstrap, HTML5 Boilerplate, PocketGrid

LICENSE
https://github.com/nibushibu/getup-css/blob/master/LICENSE
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

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

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

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

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

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

@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Mediumがない場合 */ }

@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
  /* for Chrome */ }

html {
  color: #333;
  font-size: 10px;
  line-height: 1.5;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

body {
  font-size: 13px;
  font-size: 1.3rem; }

::-moz-selection {
  background: #b8cdfd;
  text-shadow: none; }

::selection {
  background: #b8cdfd;
  text-shadow: none; }

/* タイポグラフィ */
/* 見出し */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p,
blockquote,
pre,
.data,
.mod {
  margin: .5em 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-top: 1em; }
  h1.condenced,
  h2.condenced,
  h3.condenced,
  h4.condenced,
  h5.condenced,
  h6.condenced {
    margin-top: .5em; }

h1 {
  font-size: 24px;
  font-size: 2.4rem; }

h2 {
  font-size: 20px;
  font-size: 2rem; }

h3 {
  font-size: 18px;
  font-size: 1.8rem; }

h4 {
  font-size: 16px;
  font-size: 1.6rem; }

h5 {
  font-size: 14px;
  font-size: 1.4rem; }

h6 {
  font-size: 13px;
  font-size: 1.3rem; }

table h1,
table h2,
table h3,
table h4,
table h5,
table h6,
table p,
table ul,
table ol,
table dl,
ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl {
  margin: 0; }

a {
  color: #074ae2;
  text-decoration: none; }
  a:hover, a:active {
    color: #2465f8;
    text-decoration: underline; }

ul {
  list-style-position: outside; }

ol {
  list-style: decimal; }

ul,
ol,
.square,
.circle,
.disc {
  padding-left: 2em; }

.square {
  list-style: square outside; }

.circle {
  list-style: circle outside; }

.disc {
  list-style: disc outside; }

.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-right: -1em; }

.list-inline__item {
  display: inline-block;
  padding-right: 1em; }

dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

q,
i,
em,
cite {
  font-weight: inherit;
  font-style: italic; }

b,
strong {
  font-weight: bold;
  font-style: inherit; }

mark {
  background: #ffc; }

s,
del {
  text-decoration: line-through; }

small {
  font-size: 0.9em;
  line-height: 1; }

pre,
code {
  font-family: monospace; }

pre {
  overflow: auto;
  line-height: 1; }

code {
  line-height: 1; }

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  line-height: 100%;
  *font-size: 108%; }

figure {
  margin: 0; }

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

img.left,
img.alignleft,
img.fl {
  float: left;
  margin: 0 1em 1em 0; }

img.right,
img.alignright,
img.fr {
  float: right;
  margin: 0 0 1em 1em; }

img.aligncenter,
img.ac {
  display: block;
  margin-right: auto;
  margin-left: auto; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

label,
button {
  cursor: pointer; }

.form-control {
  display: inline-block;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: .5em;
  border: 1px solid #ccc;
  color: #555555;
  width: 100%;
  box-sizing: border-box; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1; }

.form-control--inline {
  width: auto; }

textarea {
  resize: vertical; }

.form-control:focus,
select:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 205, 253, 0.6);
  outline: 0;
  border-color: rgba(184, 205, 253, 0.8); }

.lt-ie9 input:focus,
.lt-ie9 select:focus,
.lt-ie9 textarea:focus {
  outline: thin dotted; }

select {
  border: 1px solid #cccccc;
  background-color: #ffffff; }

table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

.table th,
.table td {
  padding: .5em;
  border: 1px solid #ccc; }

.table a {
  word-break: break-all; }

tfoot {
  text-align: center; }

tfoot td {
  border-top-width: 2px; }

.data .table {
  width: 100%; }

.units {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  letter-spacing: -.4em; }
  .no-flexbox .units {
    display: block; }
  table .units {
    display: block; }
  .lt-ie8 .units {
    overflow: visible;
    zoom: 1; }
  .units:after {
    display: block;
    clear: both;
    height: 0;
    content: ""; }

.unit {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  list-style: none;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0; }
  .lt-ie8 .unit {
    zoom: 1; }

.units--right {
  justify-content: flex-end; }
  .no-flexbox .units--right {
    display: block;
    text-align: right; }
    .no-flexbox .units--right > .unit {
      text-align: left; }

.units--reverse {
  flex-direction: row-reverse; }
  .no-flexbox .units--reverse > .unit {
    float: right; }

.units--center {
  justify-content: center; }
  .no-flexbox .units--center {
    display: block;
    text-align: center; }
    .no-flexbox .units--center > .unit {
      text-align: left; }

.media {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.media--middle {
  align-items: center; }

.media--bottom {
  align-items: flex-end; }

.media__body {
  flex: 1; }

.no-flexbox .media {
  display: table;
  min-width: 100%; }

.no-flexbox .media__img,
.no-flexbox .media__figure,
.no-flexbox .media__body {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box; }
  .media--middle > .no-flexbox .media__img, .media--middle >
  .no-flexbox .media__figure, .media--middle >
  .no-flexbox .media__body {
    vertical-align: middle; }
  .media--bottom > .no-flexbox .media__img, .media--bottom >
  .no-flexbox .media__figure, .media--bottom >
  .no-flexbox .media__body {
    vertical-align: bottom; }

.no-flexbox .media__img,
.no-flexbox .media__figure {
  max-width: none; }
  .no-flexbox .media__img img,
  .no-flexbox .media__figure img {
    max-width: none; }

.no-flexbox .media__body {
  width: 100%; }

.gap-0 {
  margin: 0 0 -0px -0px; }
  .gap-0 > * {
    padding: 0 0 0px 0px; }

.gap-10 {
  margin: 0 0 -10px -10px; }
  .gap-10 > * {
    padding: 0 0 10px 10px; }

.gap-20 {
  margin: 0 0 -20px -20px; }
  .gap-20 > * {
    padding: 0 0 20px 20px; }

.gap-vertical-0 {
  margin-bottom: -0px; }
  .gap-vertical-0 > * {
    padding-bottom: 0px; }

.gap-vertical-10 {
  margin-bottom: -10px; }
  .gap-vertical-10 > * {
    padding-bottom: 10px; }

.gap-vertical-20 {
  margin-bottom: -20px; }
  .gap-vertical-20 > * {
    padding-bottom: 20px; }

@media (max-width: 959px) {
  .pc-max-gap-0 {
    margin: 0 0 -0px -0px; }
    .pc-max-gap-0 > * {
      padding: 0 0 0px 0px; }
  .pc-max-gap-10 {
    margin: 0 0 -10px -10px; }
    .pc-max-gap-10 > * {
      padding: 0 0 10px 10px; }
  .pc-max-gap-20 {
    margin: 0 0 -20px -20px; }
    .pc-max-gap-20 > * {
      padding: 0 0 20px 20px; }
  .pc-max-gap-vertical-0 {
    margin-bottom: -0px; }
    .pc-max-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .pc-max-gap-vertical-10 {
    margin-bottom: -10px; }
    .pc-max-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .pc-max-gap-vertical-20 {
    margin-bottom: -20px; }
    .pc-max-gap-vertical-20 > * {
      padding-bottom: 20px; } }

@media (max-width: 768px) {
  .tablet-gap-0 {
    margin: 0 0 -0px -0px; }
    .tablet-gap-0 > * {
      padding: 0 0 0px 0px; }
  .tablet-gap-10 {
    margin: 0 0 -10px -10px; }
    .tablet-gap-10 > * {
      padding: 0 0 10px 10px; }
  .tablet-gap-20 {
    margin: 0 0 -20px -20px; }
    .tablet-gap-20 > * {
      padding: 0 0 20px 20px; }
  .tablet-gap-vertical-0 {
    margin-bottom: -0px; }
    .tablet-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .tablet-gap-vertical-10 {
    margin-bottom: -10px; }
    .tablet-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .tablet-gap-vertical-20 {
    margin-bottom: -20px; }
    .tablet-gap-vertical-20 > * {
      padding-bottom: 20px; } }

@media (max-width: 767px) {
  .tablet-max-gap-0 {
    margin: 0 0 -0px -0px; }
    .tablet-max-gap-0 > * {
      padding: 0 0 0px 0px; }
  .tablet-max-gap-10 {
    margin: 0 0 -10px -10px; }
    .tablet-max-gap-10 > * {
      padding: 0 0 10px 10px; }
  .tablet-max-gap-20 {
    margin: 0 0 -20px -20px; }
    .tablet-max-gap-20 > * {
      padding: 0 0 20px 20px; }
  .tablet-max-gap-vertical-0 {
    margin-bottom: -0px; }
    .tablet-max-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .tablet-max-gap-vertical-10 {
    margin-bottom: -10px; }
    .tablet-max-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .tablet-max-gap-vertical-20 {
    margin-bottom: -20px; }
    .tablet-max-gap-vertical-20 > * {
      padding-bottom: 20px; } }

@media (max-width: 640px) {
  .breakpoint-1-gap-0 {
    margin: 0 0 -0px -0px; }
    .breakpoint-1-gap-0 > * {
      padding: 0 0 0px 0px; }
  .breakpoint-1-gap-10 {
    margin: 0 0 -10px -10px; }
    .breakpoint-1-gap-10 > * {
      padding: 0 0 10px 10px; }
  .breakpoint-1-gap-20 {
    margin: 0 0 -20px -20px; }
    .breakpoint-1-gap-20 > * {
      padding: 0 0 20px 20px; }
  .breakpoint-1-gap-vertical-0 {
    margin-bottom: -0px; }
    .breakpoint-1-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .breakpoint-1-gap-vertical-10 {
    margin-bottom: -10px; }
    .breakpoint-1-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .breakpoint-1-gap-vertical-20 {
    margin-bottom: -20px; }
    .breakpoint-1-gap-vertical-20 > * {
      padding-bottom: 20px; } }

@media (max-width: 480px) {
  .mobile-gap-0 {
    margin: 0 0 -0px -0px; }
    .mobile-gap-0 > * {
      padding: 0 0 0px 0px; }
  .mobile-gap-10 {
    margin: 0 0 -10px -10px; }
    .mobile-gap-10 > * {
      padding: 0 0 10px 10px; }
  .mobile-gap-20 {
    margin: 0 0 -20px -20px; }
    .mobile-gap-20 > * {
      padding: 0 0 20px 20px; }
  .mobile-gap-vertical-0 {
    margin-bottom: -0px; }
    .mobile-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .mobile-gap-vertical-10 {
    margin-bottom: -10px; }
    .mobile-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .mobile-gap-vertical-20 {
    margin-bottom: -20px; }
    .mobile-gap-vertical-20 > * {
      padding-bottom: 20px; } }

@media (max-width: 479px) {
  .mobile-max-gap-0 {
    margin: 0 0 -0px -0px; }
    .mobile-max-gap-0 > * {
      padding: 0 0 0px 0px; }
  .mobile-max-gap-10 {
    margin: 0 0 -10px -10px; }
    .mobile-max-gap-10 > * {
      padding: 0 0 10px 10px; }
  .mobile-max-gap-20 {
    margin: 0 0 -20px -20px; }
    .mobile-max-gap-20 > * {
      padding: 0 0 20px 20px; }
  .mobile-max-gap-vertical-0 {
    margin-bottom: -0px; }
    .mobile-max-gap-vertical-0 > * {
      padding-bottom: 0px; }
  .mobile-max-gap-vertical-10 {
    margin-bottom: -10px; }
    .mobile-max-gap-vertical-10 > * {
      padding-bottom: 10px; }
  .mobile-max-gap-vertical-20 {
    margin-bottom: -20px; }
    .mobile-max-gap-vertical-20 > * {
      padding-bottom: 20px; } }

.size-auto {
  width: auto; }

.size-1of1 {
  width: 100%; }

.size-1of2 {
  width: 50%; }

.push-1of2 {
  margin-left: 50%; }

.size-1of3 {
  width: 33.33333%; }

.push-1of3 {
  margin-left: 33.33333%; }

.size-2of3 {
  width: 66.66667%; }

.push-2of3 {
  margin-left: 66.66667%; }

.size-1of4 {
  width: 25%; }

.push-1of4 {
  margin-left: 25%; }

.size-3of4 {
  width: 75%; }

.push-3of4 {
  margin-left: 75%; }

.size-1of5 {
  width: 20%; }

.push-1of5 {
  margin-left: 20%; }

.size-2of5 {
  width: 40%; }

.push-2of5 {
  margin-left: 40%; }

.size-3of5 {
  width: 60%; }

.push-3of5 {
  margin-left: 60%; }

.size-4of5 {
  width: 80%; }

.push-4of5 {
  margin-left: 80%; }

.size-1of6 {
  width: 16.66667%; }

.push-1of6 {
  margin-left: 16.66667%; }

.size-5of6 {
  width: 83.33333%; }

.push-5of6 {
  margin-left: 83.33333%; }

.size-1of7 {
  width: 14.28571%; }

.push-1of7 {
  margin-left: 14.28571%; }

.size-2of7 {
  width: 28.57143%; }

.push-2of7 {
  margin-left: 28.57143%; }

.size-3of7 {
  width: 42.85714%; }

.push-3of7 {
  margin-left: 42.85714%; }

.size-4of7 {
  width: 57.14286%; }

.push-4of7 {
  margin-left: 57.14286%; }

.size-5of7 {
  width: 71.42857%; }

.push-5of7 {
  margin-left: 71.42857%; }

.size-6of7 {
  width: 85.71429%; }

.push-6of7 {
  margin-left: 85.71429%; }

.size-1of8 {
  width: 12.5%; }

.push-1of8 {
  margin-left: 12.5%; }

.size-3of8 {
  width: 37.5%; }

.push-3of8 {
  margin-left: 37.5%; }

.size-5of8 {
  width: 62.5%; }

.push-5of8 {
  margin-left: 62.5%; }

.size-7of8 {
  width: 87.5%; }

.push-7of8 {
  margin-left: 87.5%; }

.size-1of9 {
  width: 11.11111%; }

.push-1of9 {
  margin-left: 11.11111%; }

.size-2of9 {
  width: 22.22222%; }

.push-2of9 {
  margin-left: 22.22222%; }

.size-4of9 {
  width: 44.44444%; }

.push-4of9 {
  margin-left: 44.44444%; }

.size-5of9 {
  width: 55.55556%; }

.push-5of9 {
  margin-left: 55.55556%; }

.size-7of9 {
  width: 77.77778%; }

.push-7of9 {
  margin-left: 77.77778%; }

.size-8of9 {
  width: 88.88889%; }

.push-8of9 {
  margin-left: 88.88889%; }

.size-1of10 {
  width: 10%; }

.push-1of10 {
  margin-left: 10%; }

.size-3of10 {
  width: 30%; }

.push-3of10 {
  margin-left: 30%; }

.size-7of10 {
  width: 70%; }

.push-7of10 {
  margin-left: 70%; }

.size-9of10 {
  width: 90%; }

.push-9of10 {
  margin-left: 90%; }

.size-1of11 {
  width: 9.09091%; }

.push-1of11 {
  margin-left: 9.09091%; }

.size-2of11 {
  width: 18.18182%; }

.push-2of11 {
  margin-left: 18.18182%; }

.size-3of11 {
  width: 27.27273%; }

.push-3of11 {
  margin-left: 27.27273%; }

.size-4of11 {
  width: 36.36364%; }

.push-4of11 {
  margin-left: 36.36364%; }

.size-5of11 {
  width: 45.45455%; }

.push-5of11 {
  margin-left: 45.45455%; }

.size-6of11 {
  width: 54.54545%; }

.push-6of11 {
  margin-left: 54.54545%; }

.size-7of11 {
  width: 63.63636%; }

.push-7of11 {
  margin-left: 63.63636%; }

.size-8of11 {
  width: 72.72727%; }

.push-8of11 {
  margin-left: 72.72727%; }

.size-9of11 {
  width: 81.81818%; }

.push-9of11 {
  margin-left: 81.81818%; }

.size-10of11 {
  width: 90.90909%; }

.push-10of11 {
  margin-left: 90.90909%; }

.size-1of12 {
  width: 8.33333%; }

.push-1of12 {
  margin-left: 8.33333%; }

.size-5of12 {
  width: 41.66667%; }

.push-5of12 {
  margin-left: 41.66667%; }

.size-7of12 {
  width: 58.33333%; }

.push-7of12 {
  margin-left: 58.33333%; }

.size-11of12 {
  width: 91.66667%; }

.push-11of12 {
  margin-left: 91.66667%; }

.size-1of16 {
  width: 6.25%; }

.push-1of16 {
  margin-left: 6.25%; }

.size-3of16 {
  width: 18.75%; }

.push-3of16 {
  margin-left: 18.75%; }

.size-5of16 {
  width: 31.25%; }

.push-5of16 {
  margin-left: 31.25%; }

.size-7of16 {
  width: 43.75%; }

.push-7of16 {
  margin-left: 43.75%; }

.size-9of16 {
  width: 56.25%; }

.push-9of16 {
  margin-left: 56.25%; }

.size-11of16 {
  width: 68.75%; }

.push-11of16 {
  margin-left: 68.75%; }

.size-13of16 {
  width: 81.25%; }

.push-13of16 {
  margin-left: 81.25%; }

.size-15of16 {
  width: 93.75%; }

.push-15of16 {
  margin-left: 93.75%; }

@media (max-width: 959px) {
  .pc-max-size-auto {
    width: auto; }
  .pc-max-size-1of1 {
    width: 100%; }
  .pc-max-size-1of2 {
    width: 50%; }
  .pc-max-push-1of2 {
    margin-left: 50%; }
  .pc-max-size-1of3 {
    width: 33.33333%; }
  .pc-max-push-1of3 {
    margin-left: 33.33333%; }
  .pc-max-size-2of3 {
    width: 66.66667%; }
  .pc-max-push-2of3 {
    margin-left: 66.66667%; }
  .pc-max-size-1of4 {
    width: 25%; }
  .pc-max-push-1of4 {
    margin-left: 25%; }
  .pc-max-size-3of4 {
    width: 75%; }
  .pc-max-push-3of4 {
    margin-left: 75%; }
  .pc-max-size-1of5 {
    width: 20%; }
  .pc-max-push-1of5 {
    margin-left: 20%; }
  .pc-max-size-2of5 {
    width: 40%; }
  .pc-max-push-2of5 {
    margin-left: 40%; }
  .pc-max-size-3of5 {
    width: 60%; }
  .pc-max-push-3of5 {
    margin-left: 60%; }
  .pc-max-size-4of5 {
    width: 80%; }
  .pc-max-push-4of5 {
    margin-left: 80%; }
  .pc-max-size-1of6 {
    width: 16.66667%; }
  .pc-max-push-1of6 {
    margin-left: 16.66667%; }
  .pc-max-size-5of6 {
    width: 83.33333%; }
  .pc-max-push-5of6 {
    margin-left: 83.33333%; }
  .pc-max-size-1of7 {
    width: 14.28571%; }
  .pc-max-push-1of7 {
    margin-left: 14.28571%; }
  .pc-max-size-2of7 {
    width: 28.57143%; }
  .pc-max-push-2of7 {
    margin-left: 28.57143%; }
  .pc-max-size-3of7 {
    width: 42.85714%; }
  .pc-max-push-3of7 {
    margin-left: 42.85714%; }
  .pc-max-size-4of7 {
    width: 57.14286%; }
  .pc-max-push-4of7 {
    margin-left: 57.14286%; }
  .pc-max-size-5of7 {
    width: 71.42857%; }
  .pc-max-push-5of7 {
    margin-left: 71.42857%; }
  .pc-max-size-6of7 {
    width: 85.71429%; }
  .pc-max-push-6of7 {
    margin-left: 85.71429%; }
  .pc-max-size-1of8 {
    width: 12.5%; }
  .pc-max-push-1of8 {
    margin-left: 12.5%; }
  .pc-max-size-3of8 {
    width: 37.5%; }
  .pc-max-push-3of8 {
    margin-left: 37.5%; }
  .pc-max-size-5of8 {
    width: 62.5%; }
  .pc-max-push-5of8 {
    margin-left: 62.5%; }
  .pc-max-size-7of8 {
    width: 87.5%; }
  .pc-max-push-7of8 {
    margin-left: 87.5%; }
  .pc-max-size-1of9 {
    width: 11.11111%; }
  .pc-max-push-1of9 {
    margin-left: 11.11111%; }
  .pc-max-size-2of9 {
    width: 22.22222%; }
  .pc-max-push-2of9 {
    margin-left: 22.22222%; }
  .pc-max-size-4of9 {
    width: 44.44444%; }
  .pc-max-push-4of9 {
    margin-left: 44.44444%; }
  .pc-max-size-5of9 {
    width: 55.55556%; }
  .pc-max-push-5of9 {
    margin-left: 55.55556%; }
  .pc-max-size-7of9 {
    width: 77.77778%; }
  .pc-max-push-7of9 {
    margin-left: 77.77778%; }
  .pc-max-size-8of9 {
    width: 88.88889%; }
  .pc-max-push-8of9 {
    margin-left: 88.88889%; }
  .pc-max-size-1of10 {
    width: 10%; }
  .pc-max-push-1of10 {
    margin-left: 10%; }
  .pc-max-size-3of10 {
    width: 30%; }
  .pc-max-push-3of10 {
    margin-left: 30%; }
  .pc-max-size-7of10 {
    width: 70%; }
  .pc-max-push-7of10 {
    margin-left: 70%; }
  .pc-max-size-9of10 {
    width: 90%; }
  .pc-max-push-9of10 {
    margin-left: 90%; }
  .pc-max-size-1of11 {
    width: 9.09091%; }
  .pc-max-push-1of11 {
    margin-left: 9.09091%; }
  .pc-max-size-2of11 {
    width: 18.18182%; }
  .pc-max-push-2of11 {
    margin-left: 18.18182%; }
  .pc-max-size-3of11 {
    width: 27.27273%; }
  .pc-max-push-3of11 {
    margin-left: 27.27273%; }
  .pc-max-size-4of11 {
    width: 36.36364%; }
  .pc-max-push-4of11 {
    margin-left: 36.36364%; }
  .pc-max-size-5of11 {
    width: 45.45455%; }
  .pc-max-push-5of11 {
    margin-left: 45.45455%; }
  .pc-max-size-6of11 {
    width: 54.54545%; }
  .pc-max-push-6of11 {
    margin-left: 54.54545%; }
  .pc-max-size-7of11 {
    width: 63.63636%; }
  .pc-max-push-7of11 {
    margin-left: 63.63636%; }
  .pc-max-size-8of11 {
    width: 72.72727%; }
  .pc-max-push-8of11 {
    margin-left: 72.72727%; }
  .pc-max-size-9of11 {
    width: 81.81818%; }
  .pc-max-push-9of11 {
    margin-left: 81.81818%; }
  .pc-max-size-10of11 {
    width: 90.90909%; }
  .pc-max-push-10of11 {
    margin-left: 90.90909%; }
  .pc-max-size-1of12 {
    width: 8.33333%; }
  .pc-max-push-1of12 {
    margin-left: 8.33333%; }
  .pc-max-size-5of12 {
    width: 41.66667%; }
  .pc-max-push-5of12 {
    margin-left: 41.66667%; }
  .pc-max-size-7of12 {
    width: 58.33333%; }
  .pc-max-push-7of12 {
    margin-left: 58.33333%; }
  .pc-max-size-11of12 {
    width: 91.66667%; }
  .pc-max-push-11of12 {
    margin-left: 91.66667%; }
  .pc-max-size-1of16 {
    width: 6.25%; }
  .pc-max-push-1of16 {
    margin-left: 6.25%; }
  .pc-max-size-3of16 {
    width: 18.75%; }
  .pc-max-push-3of16 {
    margin-left: 18.75%; }
  .pc-max-size-5of16 {
    width: 31.25%; }
  .pc-max-push-5of16 {
    margin-left: 31.25%; }
  .pc-max-size-7of16 {
    width: 43.75%; }
  .pc-max-push-7of16 {
    margin-left: 43.75%; }
  .pc-max-size-9of16 {
    width: 56.25%; }
  .pc-max-push-9of16 {
    margin-left: 56.25%; }
  .pc-max-size-11of16 {
    width: 68.75%; }
  .pc-max-push-11of16 {
    margin-left: 68.75%; }
  .pc-max-size-13of16 {
    width: 81.25%; }
  .pc-max-push-13of16 {
    margin-left: 81.25%; }
  .pc-max-size-15of16 {
    width: 93.75%; }
  .pc-max-push-15of16 {
    margin-left: 93.75%; } }

@media (max-width: 768px) {
  .tablet-size-auto {
    width: auto; }
  .tablet-size-1of1 {
    width: 100%; }
  .tablet-size-1of2 {
    width: 50%; }
  .tablet-push-1of2 {
    margin-left: 50%; }
  .tablet-size-1of3 {
    width: 33.33333%; }
  .tablet-push-1of3 {
    margin-left: 33.33333%; }
  .tablet-size-2of3 {
    width: 66.66667%; }
  .tablet-push-2of3 {
    margin-left: 66.66667%; }
  .tablet-size-1of4 {
    width: 25%; }
  .tablet-push-1of4 {
    margin-left: 25%; }
  .tablet-size-3of4 {
    width: 75%; }
  .tablet-push-3of4 {
    margin-left: 75%; }
  .tablet-size-1of5 {
    width: 20%; }
  .tablet-push-1of5 {
    margin-left: 20%; }
  .tablet-size-2of5 {
    width: 40%; }
  .tablet-push-2of5 {
    margin-left: 40%; }
  .tablet-size-3of5 {
    width: 60%; }
  .tablet-push-3of5 {
    margin-left: 60%; }
  .tablet-size-4of5 {
    width: 80%; }
  .tablet-push-4of5 {
    margin-left: 80%; }
  .tablet-size-1of6 {
    width: 16.66667%; }
  .tablet-push-1of6 {
    margin-left: 16.66667%; }
  .tablet-size-5of6 {
    width: 83.33333%; }
  .tablet-push-5of6 {
    margin-left: 83.33333%; }
  .tablet-size-1of7 {
    width: 14.28571%; }
  .tablet-push-1of7 {
    margin-left: 14.28571%; }
  .tablet-size-2of7 {
    width: 28.57143%; }
  .tablet-push-2of7 {
    margin-left: 28.57143%; }
  .tablet-size-3of7 {
    width: 42.85714%; }
  .tablet-push-3of7 {
    margin-left: 42.85714%; }
  .tablet-size-4of7 {
    width: 57.14286%; }
  .tablet-push-4of7 {
    margin-left: 57.14286%; }
  .tablet-size-5of7 {
    width: 71.42857%; }
  .tablet-push-5of7 {
    margin-left: 71.42857%; }
  .tablet-size-6of7 {
    width: 85.71429%; }
  .tablet-push-6of7 {
    margin-left: 85.71429%; }
  .tablet-size-1of8 {
    width: 12.5%; }
  .tablet-push-1of8 {
    margin-left: 12.5%; }
  .tablet-size-3of8 {
    width: 37.5%; }
  .tablet-push-3of8 {
    margin-left: 37.5%; }
  .tablet-size-5of8 {
    width: 62.5%; }
  .tablet-push-5of8 {
    margin-left: 62.5%; }
  .tablet-size-7of8 {
    width: 87.5%; }
  .tablet-push-7of8 {
    margin-left: 87.5%; }
  .tablet-size-1of9 {
    width: 11.11111%; }
  .tablet-push-1of9 {
    margin-left: 11.11111%; }
  .tablet-size-2of9 {
    width: 22.22222%; }
  .tablet-push-2of9 {
    margin-left: 22.22222%; }
  .tablet-size-4of9 {
    width: 44.44444%; }
  .tablet-push-4of9 {
    margin-left: 44.44444%; }
  .tablet-size-5of9 {
    width: 55.55556%; }
  .tablet-push-5of9 {
    margin-left: 55.55556%; }
  .tablet-size-7of9 {
    width: 77.77778%; }
  .tablet-push-7of9 {
    margin-left: 77.77778%; }
  .tablet-size-8of9 {
    width: 88.88889%; }
  .tablet-push-8of9 {
    margin-left: 88.88889%; }
  .tablet-size-1of10 {
    width: 10%; }
  .tablet-push-1of10 {
    margin-left: 10%; }
  .tablet-size-3of10 {
    width: 30%; }
  .tablet-push-3of10 {
    margin-left: 30%; }
  .tablet-size-7of10 {
    width: 70%; }
  .tablet-push-7of10 {
    margin-left: 70%; }
  .tablet-size-9of10 {
    width: 90%; }
  .tablet-push-9of10 {
    margin-left: 90%; }
  .tablet-size-1of11 {
    width: 9.09091%; }
  .tablet-push-1of11 {
    margin-left: 9.09091%; }
  .tablet-size-2of11 {
    width: 18.18182%; }
  .tablet-push-2of11 {
    margin-left: 18.18182%; }
  .tablet-size-3of11 {
    width: 27.27273%; }
  .tablet-push-3of11 {
    margin-left: 27.27273%; }
  .tablet-size-4of11 {
    width: 36.36364%; }
  .tablet-push-4of11 {
    margin-left: 36.36364%; }
  .tablet-size-5of11 {
    width: 45.45455%; }
  .tablet-push-5of11 {
    margin-left: 45.45455%; }
  .tablet-size-6of11 {
    width: 54.54545%; }
  .tablet-push-6of11 {
    margin-left: 54.54545%; }
  .tablet-size-7of11 {
    width: 63.63636%; }
  .tablet-push-7of11 {
    margin-left: 63.63636%; }
  .tablet-size-8of11 {
    width: 72.72727%; }
  .tablet-push-8of11 {
    margin-left: 72.72727%; }
  .tablet-size-9of11 {
    width: 81.81818%; }
  .tablet-push-9of11 {
    margin-left: 81.81818%; }
  .tablet-size-10of11 {
    width: 90.90909%; }
  .tablet-push-10of11 {
    margin-left: 90.90909%; }
  .tablet-size-1of12 {
    width: 8.33333%; }
  .tablet-push-1of12 {
    margin-left: 8.33333%; }
  .tablet-size-5of12 {
    width: 41.66667%; }
  .tablet-push-5of12 {
    margin-left: 41.66667%; }
  .tablet-size-7of12 {
    width: 58.33333%; }
  .tablet-push-7of12 {
    margin-left: 58.33333%; }
  .tablet-size-11of12 {
    width: 91.66667%; }
  .tablet-push-11of12 {
    margin-left: 91.66667%; }
  .tablet-size-1of16 {
    width: 6.25%; }
  .tablet-push-1of16 {
    margin-left: 6.25%; }
  .tablet-size-3of16 {
    width: 18.75%; }
  .tablet-push-3of16 {
    margin-left: 18.75%; }
  .tablet-size-5of16 {
    width: 31.25%; }
  .tablet-push-5of16 {
    margin-left: 31.25%; }
  .tablet-size-7of16 {
    width: 43.75%; }
  .tablet-push-7of16 {
    margin-left: 43.75%; }
  .tablet-size-9of16 {
    width: 56.25%; }
  .tablet-push-9of16 {
    margin-left: 56.25%; }
  .tablet-size-11of16 {
    width: 68.75%; }
  .tablet-push-11of16 {
    margin-left: 68.75%; }
  .tablet-size-13of16 {
    width: 81.25%; }
  .tablet-push-13of16 {
    margin-left: 81.25%; }
  .tablet-size-15of16 {
    width: 93.75%; }
  .tablet-push-15of16 {
    margin-left: 93.75%; } }

@media (max-width: 767px) {
  .tablet-max-size-auto {
    width: auto; }
  .tablet-max-size-1of1 {
    width: 100%; }
  .tablet-max-size-1of2 {
    width: 50%; }
  .tablet-max-push-1of2 {
    margin-left: 50%; }
  .tablet-max-size-1of3 {
    width: 33.33333%; }
  .tablet-max-push-1of3 {
    margin-left: 33.33333%; }
  .tablet-max-size-2of3 {
    width: 66.66667%; }
  .tablet-max-push-2of3 {
    margin-left: 66.66667%; }
  .tablet-max-size-1of4 {
    width: 25%; }
  .tablet-max-push-1of4 {
    margin-left: 25%; }
  .tablet-max-size-3of4 {
    width: 75%; }
  .tablet-max-push-3of4 {
    margin-left: 75%; }
  .tablet-max-size-1of5 {
    width: 20%; }
  .tablet-max-push-1of5 {
    margin-left: 20%; }
  .tablet-max-size-2of5 {
    width: 40%; }
  .tablet-max-push-2of5 {
    margin-left: 40%; }
  .tablet-max-size-3of5 {
    width: 60%; }
  .tablet-max-push-3of5 {
    margin-left: 60%; }
  .tablet-max-size-4of5 {
    width: 80%; }
  .tablet-max-push-4of5 {
    margin-left: 80%; }
  .tablet-max-size-1of6 {
    width: 16.66667%; }
  .tablet-max-push-1of6 {
    margin-left: 16.66667%; }
  .tablet-max-size-5of6 {
    width: 83.33333%; }
  .tablet-max-push-5of6 {
    margin-left: 83.33333%; }
  .tablet-max-size-1of7 {
    width: 14.28571%; }
  .tablet-max-push-1of7 {
    margin-left: 14.28571%; }
  .tablet-max-size-2of7 {
    width: 28.57143%; }
  .tablet-max-push-2of7 {
    margin-left: 28.57143%; }
  .tablet-max-size-3of7 {
    width: 42.85714%; }
  .tablet-max-push-3of7 {
    margin-left: 42.85714%; }
  .tablet-max-size-4of7 {
    width: 57.14286%; }
  .tablet-max-push-4of7 {
    margin-left: 57.14286%; }
  .tablet-max-size-5of7 {
    width: 71.42857%; }
  .tablet-max-push-5of7 {
    margin-left: 71.42857%; }
  .tablet-max-size-6of7 {
    width: 85.71429%; }
  .tablet-max-push-6of7 {
    margin-left: 85.71429%; }
  .tablet-max-size-1of8 {
    width: 12.5%; }
  .tablet-max-push-1of8 {
    margin-left: 12.5%; }
  .tablet-max-size-3of8 {
    width: 37.5%; }
  .tablet-max-push-3of8 {
    margin-left: 37.5%; }
  .tablet-max-size-5of8 {
    width: 62.5%; }
  .tablet-max-push-5of8 {
    margin-left: 62.5%; }
  .tablet-max-size-7of8 {
    width: 87.5%; }
  .tablet-max-push-7of8 {
    margin-left: 87.5%; }
  .tablet-max-size-1of9 {
    width: 11.11111%; }
  .tablet-max-push-1of9 {
    margin-left: 11.11111%; }
  .tablet-max-size-2of9 {
    width: 22.22222%; }
  .tablet-max-push-2of9 {
    margin-left: 22.22222%; }
  .tablet-max-size-4of9 {
    width: 44.44444%; }
  .tablet-max-push-4of9 {
    margin-left: 44.44444%; }
  .tablet-max-size-5of9 {
    width: 55.55556%; }
  .tablet-max-push-5of9 {
    margin-left: 55.55556%; }
  .tablet-max-size-7of9 {
    width: 77.77778%; }
  .tablet-max-push-7of9 {
    margin-left: 77.77778%; }
  .tablet-max-size-8of9 {
    width: 88.88889%; }
  .tablet-max-push-8of9 {
    margin-left: 88.88889%; }
  .tablet-max-size-1of10 {
    width: 10%; }
  .tablet-max-push-1of10 {
    margin-left: 10%; }
  .tablet-max-size-3of10 {
    width: 30%; }
  .tablet-max-push-3of10 {
    margin-left: 30%; }
  .tablet-max-size-7of10 {
    width: 70%; }
  .tablet-max-push-7of10 {
    margin-left: 70%; }
  .tablet-max-size-9of10 {
    width: 90%; }
  .tablet-max-push-9of10 {
    margin-left: 90%; }
  .tablet-max-size-1of11 {
    width: 9.09091%; }
  .tablet-max-push-1of11 {
    margin-left: 9.09091%; }
  .tablet-max-size-2of11 {
    width: 18.18182%; }
  .tablet-max-push-2of11 {
    margin-left: 18.18182%; }
  .tablet-max-size-3of11 {
    width: 27.27273%; }
  .tablet-max-push-3of11 {
    margin-left: 27.27273%; }
  .tablet-max-size-4of11 {
    width: 36.36364%; }
  .tablet-max-push-4of11 {
    margin-left: 36.36364%; }
  .tablet-max-size-5of11 {
    width: 45.45455%; }
  .tablet-max-push-5of11 {
    margin-left: 45.45455%; }
  .tablet-max-size-6of11 {
    width: 54.54545%; }
  .tablet-max-push-6of11 {
    margin-left: 54.54545%; }
  .tablet-max-size-7of11 {
    width: 63.63636%; }
  .tablet-max-push-7of11 {
    margin-left: 63.63636%; }
  .tablet-max-size-8of11 {
    width: 72.72727%; }
  .tablet-max-push-8of11 {
    margin-left: 72.72727%; }
  .tablet-max-size-9of11 {
    width: 81.81818%; }
  .tablet-max-push-9of11 {
    margin-left: 81.81818%; }
  .tablet-max-size-10of11 {
    width: 90.90909%; }
  .tablet-max-push-10of11 {
    margin-left: 90.90909%; }
  .tablet-max-size-1of12 {
    width: 8.33333%; }
  .tablet-max-push-1of12 {
    margin-left: 8.33333%; }
  .tablet-max-size-5of12 {
    width: 41.66667%; }
  .tablet-max-push-5of12 {
    margin-left: 41.66667%; }
  .tablet-max-size-7of12 {
    width: 58.33333%; }
  .tablet-max-push-7of12 {
    margin-left: 58.33333%; }
  .tablet-max-size-11of12 {
    width: 91.66667%; }
  .tablet-max-push-11of12 {
    margin-left: 91.66667%; }
  .tablet-max-size-1of16 {
    width: 6.25%; }
  .tablet-max-push-1of16 {
    margin-left: 6.25%; }
  .tablet-max-size-3of16 {
    width: 18.75%; }
  .tablet-max-push-3of16 {
    margin-left: 18.75%; }
  .tablet-max-size-5of16 {
    width: 31.25%; }
  .tablet-max-push-5of16 {
    margin-left: 31.25%; }
  .tablet-max-size-7of16 {
    width: 43.75%; }
  .tablet-max-push-7of16 {
    margin-left: 43.75%; }
  .tablet-max-size-9of16 {
    width: 56.25%; }
  .tablet-max-push-9of16 {
    margin-left: 56.25%; }
  .tablet-max-size-11of16 {
    width: 68.75%; }
  .tablet-max-push-11of16 {
    margin-left: 68.75%; }
  .tablet-max-size-13of16 {
    width: 81.25%; }
  .tablet-max-push-13of16 {
    margin-left: 81.25%; }
  .tablet-max-size-15of16 {
    width: 93.75%; }
  .tablet-max-push-15of16 {
    margin-left: 93.75%; } }

@media (max-width: 640px) {
  .breakpoint-1-size-auto {
    width: auto; }
  .breakpoint-1-size-1of1 {
    width: 100%; }
  .breakpoint-1-size-1of2 {
    width: 50%; }
  .breakpoint-1-push-1of2 {
    margin-left: 50%; }
  .breakpoint-1-size-1of3 {
    width: 33.33333%; }
  .breakpoint-1-push-1of3 {
    margin-left: 33.33333%; }
  .breakpoint-1-size-2of3 {
    width: 66.66667%; }
  .breakpoint-1-push-2of3 {
    margin-left: 66.66667%; }
  .breakpoint-1-size-1of4 {
    width: 25%; }
  .breakpoint-1-push-1of4 {
    margin-left: 25%; }
  .breakpoint-1-size-3of4 {
    width: 75%; }
  .breakpoint-1-push-3of4 {
    margin-left: 75%; }
  .breakpoint-1-size-1of5 {
    width: 20%; }
  .breakpoint-1-push-1of5 {
    margin-left: 20%; }
  .breakpoint-1-size-2of5 {
    width: 40%; }
  .breakpoint-1-push-2of5 {
    margin-left: 40%; }
  .breakpoint-1-size-3of5 {
    width: 60%; }
  .breakpoint-1-push-3of5 {
    margin-left: 60%; }
  .breakpoint-1-size-4of5 {
    width: 80%; }
  .breakpoint-1-push-4of5 {
    margin-left: 80%; }
  .breakpoint-1-size-1of6 {
    width: 16.66667%; }
  .breakpoint-1-push-1of6 {
    margin-left: 16.66667%; }
  .breakpoint-1-size-5of6 {
    width: 83.33333%; }
  .breakpoint-1-push-5of6 {
    margin-left: 83.33333%; }
  .breakpoint-1-size-1of7 {
    width: 14.28571%; }
  .breakpoint-1-push-1of7 {
    margin-left: 14.28571%; }
  .breakpoint-1-size-2of7 {
    width: 28.57143%; }
  .breakpoint-1-push-2of7 {
    margin-left: 28.57143%; }
  .breakpoint-1-size-3of7 {
    width: 42.85714%; }
  .breakpoint-1-push-3of7 {
    margin-left: 42.85714%; }
  .breakpoint-1-size-4of7 {
    width: 57.14286%; }
  .breakpoint-1-push-4of7 {
    margin-left: 57.14286%; }
  .breakpoint-1-size-5of7 {
    width: 71.42857%; }
  .breakpoint-1-push-5of7 {
    margin-left: 71.42857%; }
  .breakpoint-1-size-6of7 {
    width: 85.71429%; }
  .breakpoint-1-push-6of7 {
    margin-left: 85.71429%; }
  .breakpoint-1-size-1of8 {
    width: 12.5%; }
  .breakpoint-1-push-1of8 {
    margin-left: 12.5%; }
  .breakpoint-1-size-3of8 {
    width: 37.5%; }
  .breakpoint-1-push-3of8 {
    margin-left: 37.5%; }
  .breakpoint-1-size-5of8 {
    width: 62.5%; }
  .breakpoint-1-push-5of8 {
    margin-left: 62.5%; }
  .breakpoint-1-size-7of8 {
    width: 87.5%; }
  .breakpoint-1-push-7of8 {
    margin-left: 87.5%; }
  .breakpoint-1-size-1of9 {
    width: 11.11111%; }
  .breakpoint-1-push-1of9 {
    margin-left: 11.11111%; }
  .breakpoint-1-size-2of9 {
    width: 22.22222%; }
  .breakpoint-1-push-2of9 {
    margin-left: 22.22222%; }
  .breakpoint-1-size-4of9 {
    width: 44.44444%; }
  .breakpoint-1-push-4of9 {
    margin-left: 44.44444%; }
  .breakpoint-1-size-5of9 {
    width: 55.55556%; }
  .breakpoint-1-push-5of9 {
    margin-left: 55.55556%; }
  .breakpoint-1-size-7of9 {
    width: 77.77778%; }
  .breakpoint-1-push-7of9 {
    margin-left: 77.77778%; }
  .breakpoint-1-size-8of9 {
    width: 88.88889%; }
  .breakpoint-1-push-8of9 {
    margin-left: 88.88889%; }
  .breakpoint-1-size-1of10 {
    width: 10%; }
  .breakpoint-1-push-1of10 {
    margin-left: 10%; }
  .breakpoint-1-size-3of10 {
    width: 30%; }
  .breakpoint-1-push-3of10 {
    margin-left: 30%; }
  .breakpoint-1-size-7of10 {
    width: 70%; }
  .breakpoint-1-push-7of10 {
    margin-left: 70%; }
  .breakpoint-1-size-9of10 {
    width: 90%; }
  .breakpoint-1-push-9of10 {
    margin-left: 90%; }
  .breakpoint-1-size-1of11 {
    width: 9.09091%; }
  .breakpoint-1-push-1of11 {
    margin-left: 9.09091%; }
  .breakpoint-1-size-2of11 {
    width: 18.18182%; }
  .breakpoint-1-push-2of11 {
    margin-left: 18.18182%; }
  .breakpoint-1-size-3of11 {
    width: 27.27273%; }
  .breakpoint-1-push-3of11 {
    margin-left: 27.27273%; }
  .breakpoint-1-size-4of11 {
    width: 36.36364%; }
  .breakpoint-1-push-4of11 {
    margin-left: 36.36364%; }
  .breakpoint-1-size-5of11 {
    width: 45.45455%; }
  .breakpoint-1-push-5of11 {
    margin-left: 45.45455%; }
  .breakpoint-1-size-6of11 {
    width: 54.54545%; }
  .breakpoint-1-push-6of11 {
    margin-left: 54.54545%; }
  .breakpoint-1-size-7of11 {
    width: 63.63636%; }
  .breakpoint-1-push-7of11 {
    margin-left: 63.63636%; }
  .breakpoint-1-size-8of11 {
    width: 72.72727%; }
  .breakpoint-1-push-8of11 {
    margin-left: 72.72727%; }
  .breakpoint-1-size-9of11 {
    width: 81.81818%; }
  .breakpoint-1-push-9of11 {
    margin-left: 81.81818%; }
  .breakpoint-1-size-10of11 {
    width: 90.90909%; }
  .breakpoint-1-push-10of11 {
    margin-left: 90.90909%; }
  .breakpoint-1-size-1of12 {
    width: 8.33333%; }
  .breakpoint-1-push-1of12 {
    margin-left: 8.33333%; }
  .breakpoint-1-size-5of12 {
    width: 41.66667%; }
  .breakpoint-1-push-5of12 {
    margin-left: 41.66667%; }
  .breakpoint-1-size-7of12 {
    width: 58.33333%; }
  .breakpoint-1-push-7of12 {
    margin-left: 58.33333%; }
  .breakpoint-1-size-11of12 {
    width: 91.66667%; }
  .breakpoint-1-push-11of12 {
    margin-left: 91.66667%; }
  .breakpoint-1-size-1of16 {
    width: 6.25%; }
  .breakpoint-1-push-1of16 {
    margin-left: 6.25%; }
  .breakpoint-1-size-3of16 {
    width: 18.75%; }
  .breakpoint-1-push-3of16 {
    margin-left: 18.75%; }
  .breakpoint-1-size-5of16 {
    width: 31.25%; }
  .breakpoint-1-push-5of16 {
    margin-left: 31.25%; }
  .breakpoint-1-size-7of16 {
    width: 43.75%; }
  .breakpoint-1-push-7of16 {
    margin-left: 43.75%; }
  .breakpoint-1-size-9of16 {
    width: 56.25%; }
  .breakpoint-1-push-9of16 {
    margin-left: 56.25%; }
  .breakpoint-1-size-11of16 {
    width: 68.75%; }
  .breakpoint-1-push-11of16 {
    margin-left: 68.75%; }
  .breakpoint-1-size-13of16 {
    width: 81.25%; }
  .breakpoint-1-push-13of16 {
    margin-left: 81.25%; }
  .breakpoint-1-size-15of16 {
    width: 93.75%; }
  .breakpoint-1-push-15of16 {
    margin-left: 93.75%; } }

@media (max-width: 480px) {
  .mobile-size-auto {
    width: auto; }
  .mobile-size-1of1 {
    width: 100%; }
  .mobile-size-1of2 {
    width: 50%; }
  .mobile-push-1of2 {
    margin-left: 50%; }
  .mobile-size-1of3 {
    width: 33.33333%; }
  .mobile-push-1of3 {
    margin-left: 33.33333%; }
  .mobile-size-2of3 {
    width: 66.66667%; }
  .mobile-push-2of3 {
    margin-left: 66.66667%; }
  .mobile-size-1of4 {
    width: 25%; }
  .mobile-push-1of4 {
    margin-left: 25%; }
  .mobile-size-3of4 {
    width: 75%; }
  .mobile-push-3of4 {
    margin-left: 75%; }
  .mobile-size-1of5 {
    width: 20%; }
  .mobile-push-1of5 {
    margin-left: 20%; }
  .mobile-size-2of5 {
    width: 40%; }
  .mobile-push-2of5 {
    margin-left: 40%; }
  .mobile-size-3of5 {
    width: 60%; }
  .mobile-push-3of5 {
    margin-left: 60%; }
  .mobile-size-4of5 {
    width: 80%; }
  .mobile-push-4of5 {
    margin-left: 80%; }
  .mobile-size-1of6 {
    width: 16.66667%; }
  .mobile-push-1of6 {
    margin-left: 16.66667%; }
  .mobile-size-5of6 {
    width: 83.33333%; }
  .mobile-push-5of6 {
    margin-left: 83.33333%; }
  .mobile-size-1of7 {
    width: 14.28571%; }
  .mobile-push-1of7 {
    margin-left: 14.28571%; }
  .mobile-size-2of7 {
    width: 28.57143%; }
  .mobile-push-2of7 {
    margin-left: 28.57143%; }
  .mobile-size-3of7 {
    width: 42.85714%; }
  .mobile-push-3of7 {
    margin-left: 42.85714%; }
  .mobile-size-4of7 {
    width: 57.14286%; }
  .mobile-push-4of7 {
    margin-left: 57.14286%; }
  .mobile-size-5of7 {
    width: 71.42857%; }
  .mobile-push-5of7 {
    margin-left: 71.42857%; }
  .mobile-size-6of7 {
    width: 85.71429%; }
  .mobile-push-6of7 {
    margin-left: 85.71429%; }
  .mobile-size-1of8 {
    width: 12.5%; }
  .mobile-push-1of8 {
    margin-left: 12.5%; }
  .mobile-size-3of8 {
    width: 37.5%; }
  .mobile-push-3of8 {
    margin-left: 37.5%; }
  .mobile-size-5of8 {
    width: 62.5%; }
  .mobile-push-5of8 {
    margin-left: 62.5%; }
  .mobile-size-7of8 {
    width: 87.5%; }
  .mobile-push-7of8 {
    margin-left: 87.5%; }
  .mobile-size-1of9 {
    width: 11.11111%; }
  .mobile-push-1of9 {
    margin-left: 11.11111%; }
  .mobile-size-2of9 {
    width: 22.22222%; }
  .mobile-push-2of9 {
    margin-left: 22.22222%; }
  .mobile-size-4of9 {
    width: 44.44444%; }
  .mobile-push-4of9 {
    margin-left: 44.44444%; }
  .mobile-size-5of9 {
    width: 55.55556%; }
  .mobile-push-5of9 {
    margin-left: 55.55556%; }
  .mobile-size-7of9 {
    width: 77.77778%; }
  .mobile-push-7of9 {
    margin-left: 77.77778%; }
  .mobile-size-8of9 {
    width: 88.88889%; }
  .mobile-push-8of9 {
    margin-left: 88.88889%; }
  .mobile-size-1of10 {
    width: 10%; }
  .mobile-push-1of10 {
    margin-left: 10%; }
  .mobile-size-3of10 {
    width: 30%; }
  .mobile-push-3of10 {
    margin-left: 30%; }
  .mobile-size-7of10 {
    width: 70%; }
  .mobile-push-7of10 {
    margin-left: 70%; }
  .mobile-size-9of10 {
    width: 90%; }
  .mobile-push-9of10 {
    margin-left: 90%; }
  .mobile-size-1of11 {
    width: 9.09091%; }
  .mobile-push-1of11 {
    margin-left: 9.09091%; }
  .mobile-size-2of11 {
    width: 18.18182%; }
  .mobile-push-2of11 {
    margin-left: 18.18182%; }
  .mobile-size-3of11 {
    width: 27.27273%; }
  .mobile-push-3of11 {
    margin-left: 27.27273%; }
  .mobile-size-4of11 {
    width: 36.36364%; }
  .mobile-push-4of11 {
    margin-left: 36.36364%; }
  .mobile-size-5of11 {
    width: 45.45455%; }
  .mobile-push-5of11 {
    margin-left: 45.45455%; }
  .mobile-size-6of11 {
    width: 54.54545%; }
  .mobile-push-6of11 {
    margin-left: 54.54545%; }
  .mobile-size-7of11 {
    width: 63.63636%; }
  .mobile-push-7of11 {
    margin-left: 63.63636%; }
  .mobile-size-8of11 {
    width: 72.72727%; }
  .mobile-push-8of11 {
    margin-left: 72.72727%; }
  .mobile-size-9of11 {
    width: 81.81818%; }
  .mobile-push-9of11 {
    margin-left: 81.81818%; }
  .mobile-size-10of11 {
    width: 90.90909%; }
  .mobile-push-10of11 {
    margin-left: 90.90909%; }
  .mobile-size-1of12 {
    width: 8.33333%; }
  .mobile-push-1of12 {
    margin-left: 8.33333%; }
  .mobile-size-5of12 {
    width: 41.66667%; }
  .mobile-push-5of12 {
    margin-left: 41.66667%; }
  .mobile-size-7of12 {
    width: 58.33333%; }
  .mobile-push-7of12 {
    margin-left: 58.33333%; }
  .mobile-size-11of12 {
    width: 91.66667%; }
  .mobile-push-11of12 {
    margin-left: 91.66667%; }
  .mobile-size-1of16 {
    width: 6.25%; }
  .mobile-push-1of16 {
    margin-left: 6.25%; }
  .mobile-size-3of16 {
    width: 18.75%; }
  .mobile-push-3of16 {
    margin-left: 18.75%; }
  .mobile-size-5of16 {
    width: 31.25%; }
  .mobile-push-5of16 {
    margin-left: 31.25%; }
  .mobile-size-7of16 {
    width: 43.75%; }
  .mobile-push-7of16 {
    margin-left: 43.75%; }
  .mobile-size-9of16 {
    width: 56.25%; }
  .mobile-push-9of16 {
    margin-left: 56.25%; }
  .mobile-size-11of16 {
    width: 68.75%; }
  .mobile-push-11of16 {
    margin-left: 68.75%; }
  .mobile-size-13of16 {
    width: 81.25%; }
  .mobile-push-13of16 {
    margin-left: 81.25%; }
  .mobile-size-15of16 {
    width: 93.75%; }
  .mobile-push-15of16 {
    margin-left: 93.75%; } }

@media (max-width: 479px) {
  .mobile-max-size-auto {
    width: auto; }
  .mobile-max-size-1of1 {
    width: 100%; }
  .mobile-max-size-1of2 {
    width: 50%; }
  .mobile-max-push-1of2 {
    margin-left: 50%; }
  .mobile-max-size-1of3 {
    width: 33.33333%; }
  .mobile-max-push-1of3 {
    margin-left: 33.33333%; }
  .mobile-max-size-2of3 {
    width: 66.66667%; }
  .mobile-max-push-2of3 {
    margin-left: 66.66667%; }
  .mobile-max-size-1of4 {
    width: 25%; }
  .mobile-max-push-1of4 {
    margin-left: 25%; }
  .mobile-max-size-3of4 {
    width: 75%; }
  .mobile-max-push-3of4 {
    margin-left: 75%; }
  .mobile-max-size-1of5 {
    width: 20%; }
  .mobile-max-push-1of5 {
    margin-left: 20%; }
  .mobile-max-size-2of5 {
    width: 40%; }
  .mobile-max-push-2of5 {
    margin-left: 40%; }
  .mobile-max-size-3of5 {
    width: 60%; }
  .mobile-max-push-3of5 {
    margin-left: 60%; }
  .mobile-max-size-4of5 {
    width: 80%; }
  .mobile-max-push-4of5 {
    margin-left: 80%; }
  .mobile-max-size-1of6 {
    width: 16.66667%; }
  .mobile-max-push-1of6 {
    margin-left: 16.66667%; }
  .mobile-max-size-5of6 {
    width: 83.33333%; }
  .mobile-max-push-5of6 {
    margin-left: 83.33333%; }
  .mobile-max-size-1of7 {
    width: 14.28571%; }
  .mobile-max-push-1of7 {
    margin-left: 14.28571%; }
  .mobile-max-size-2of7 {
    width: 28.57143%; }
  .mobile-max-push-2of7 {
    margin-left: 28.57143%; }
  .mobile-max-size-3of7 {
    width: 42.85714%; }
  .mobile-max-push-3of7 {
    margin-left: 42.85714%; }
  .mobile-max-size-4of7 {
    width: 57.14286%; }
  .mobile-max-push-4of7 {
    margin-left: 57.14286%; }
  .mobile-max-size-5of7 {
    width: 71.42857%; }
  .mobile-max-push-5of7 {
    margin-left: 71.42857%; }
  .mobile-max-size-6of7 {
    width: 85.71429%; }
  .mobile-max-push-6of7 {
    margin-left: 85.71429%; }
  .mobile-max-size-1of8 {
    width: 12.5%; }
  .mobile-max-push-1of8 {
    margin-left: 12.5%; }
  .mobile-max-size-3of8 {
    width: 37.5%; }
  .mobile-max-push-3of8 {
    margin-left: 37.5%; }
  .mobile-max-size-5of8 {
    width: 62.5%; }
  .mobile-max-push-5of8 {
    margin-left: 62.5%; }
  .mobile-max-size-7of8 {
    width: 87.5%; }
  .mobile-max-push-7of8 {
    margin-left: 87.5%; }
  .mobile-max-size-1of9 {
    width: 11.11111%; }
  .mobile-max-push-1of9 {
    margin-left: 11.11111%; }
  .mobile-max-size-2of9 {
    width: 22.22222%; }
  .mobile-max-push-2of9 {
    margin-left: 22.22222%; }
  .mobile-max-size-4of9 {
    width: 44.44444%; }
  .mobile-max-push-4of9 {
    margin-left: 44.44444%; }
  .mobile-max-size-5of9 {
    width: 55.55556%; }
  .mobile-max-push-5of9 {
    margin-left: 55.55556%; }
  .mobile-max-size-7of9 {
    width: 77.77778%; }
  .mobile-max-push-7of9 {
    margin-left: 77.77778%; }
  .mobile-max-size-8of9 {
    width: 88.88889%; }
  .mobile-max-push-8of9 {
    margin-left: 88.88889%; }
  .mobile-max-size-1of10 {
    width: 10%; }
  .mobile-max-push-1of10 {
    margin-left: 10%; }
  .mobile-max-size-3of10 {
    width: 30%; }
  .mobile-max-push-3of10 {
    margin-left: 30%; }
  .mobile-max-size-7of10 {
    width: 70%; }
  .mobile-max-push-7of10 {
    margin-left: 70%; }
  .mobile-max-size-9of10 {
    width: 90%; }
  .mobile-max-push-9of10 {
    margin-left: 90%; }
  .mobile-max-size-1of11 {
    width: 9.09091%; }
  .mobile-max-push-1of11 {
    margin-left: 9.09091%; }
  .mobile-max-size-2of11 {
    width: 18.18182%; }
  .mobile-max-push-2of11 {
    margin-left: 18.18182%; }
  .mobile-max-size-3of11 {
    width: 27.27273%; }
  .mobile-max-push-3of11 {
    margin-left: 27.27273%; }
  .mobile-max-size-4of11 {
    width: 36.36364%; }
  .mobile-max-push-4of11 {
    margin-left: 36.36364%; }
  .mobile-max-size-5of11 {
    width: 45.45455%; }
  .mobile-max-push-5of11 {
    margin-left: 45.45455%; }
  .mobile-max-size-6of11 {
    width: 54.54545%; }
  .mobile-max-push-6of11 {
    margin-left: 54.54545%; }
  .mobile-max-size-7of11 {
    width: 63.63636%; }
  .mobile-max-push-7of11 {
    margin-left: 63.63636%; }
  .mobile-max-size-8of11 {
    width: 72.72727%; }
  .mobile-max-push-8of11 {
    margin-left: 72.72727%; }
  .mobile-max-size-9of11 {
    width: 81.81818%; }
  .mobile-max-push-9of11 {
    margin-left: 81.81818%; }
  .mobile-max-size-10of11 {
    width: 90.90909%; }
  .mobile-max-push-10of11 {
    margin-left: 90.90909%; }
  .mobile-max-size-1of12 {
    width: 8.33333%; }
  .mobile-max-push-1of12 {
    margin-left: 8.33333%; }
  .mobile-max-size-5of12 {
    width: 41.66667%; }
  .mobile-max-push-5of12 {
    margin-left: 41.66667%; }
  .mobile-max-size-7of12 {
    width: 58.33333%; }
  .mobile-max-push-7of12 {
    margin-left: 58.33333%; }
  .mobile-max-size-11of12 {
    width: 91.66667%; }
  .mobile-max-push-11of12 {
    margin-left: 91.66667%; }
  .mobile-max-size-1of16 {
    width: 6.25%; }
  .mobile-max-push-1of16 {
    margin-left: 6.25%; }
  .mobile-max-size-3of16 {
    width: 18.75%; }
  .mobile-max-push-3of16 {
    margin-left: 18.75%; }
  .mobile-max-size-5of16 {
    width: 31.25%; }
  .mobile-max-push-5of16 {
    margin-left: 31.25%; }
  .mobile-max-size-7of16 {
    width: 43.75%; }
  .mobile-max-push-7of16 {
    margin-left: 43.75%; }
  .mobile-max-size-9of16 {
    width: 56.25%; }
  .mobile-max-push-9of16 {
    margin-left: 56.25%; }
  .mobile-max-size-11of16 {
    width: 68.75%; }
  .mobile-max-push-11of16 {
    margin-left: 68.75%; }
  .mobile-max-size-13of16 {
    width: 81.25%; }
  .mobile-max-push-13of16 {
    margin-left: 81.25%; }
  .mobile-max-size-15of16 {
    width: 93.75%; }
  .mobile-max-push-15of16 {
    margin-left: 93.75%; } }

/*
画像置換 (Alternative Image)
高さはPadding-topかpadding-bottomdで設定する。
*/
.alt-img,
.sprite {
  display: inline-block;
  height: 0;
  vertical-align: middle; }
  .alt-img.is-canceled,
  .sprite.is-canceled {
    width: auto;
    height: auto;
    background-image: none;
    padding-top: 0; }
  @media (max-width: 959px) {
    .alt-img.pc-max-is-canceled,
    .sprite.pc-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 768px) {
    .alt-img.tablet-is-canceled,
    .sprite.tablet-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 767px) {
    .alt-img.tablet-max-is-canceled,
    .sprite.tablet-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 640px) {
    .alt-img.breakpoint-1-is-canceled,
    .sprite.breakpoint-1-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 480px) {
    .alt-img.mobile-is-canceled,
    .sprite.mobile-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 479px) {
    .alt-img.mobile-max-is-canceled,
    .sprite.mobile-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }

.alt-img {
  overflow: hidden; }

.block-link {
  color: #333;
  cursor: pointer; }
  .block-link:hover {
    text-decoration: none; }
    .block-link:hover .block-link__link {
      text-decoration: underline; }
  .block-link .block-link__link {
    color: #074ae2; }

.cancel-child-margin > :first-child {
  margin-top: 0; }

.cancel-child-margin > :last-child {
  margin-bottom: 0; }

.btn {
  display: inline-block;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: .5em 1em;
  border: 1px solid #bbbbbb;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  color: #333333;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.lt-ie7 .btn {
  display: inline;
  border: 0;
  background-color: #e6e6e6;
  zoom: 1; }

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  color: #333333; }

.lt-ie7 .btn:hover,
.lt-ie7 .btn:active,
.lt-ie7 .btn.active,
.lt-ie7 .btn.disabled,
.lt-ie7 .btn[disabled] {
  *background-color: #d9d9d9; }

.ie8 .btn:active,
.ie8 .btn.active {
  background-color: #cccccc; }

.btn:hover {
  transition: background-position, 0.1s, linear;
  background-position: 0 -15px;
  color: #333333;
  text-decoration: none; }

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn.active,
.btn:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
  background-image: none; }

.btn.disabled,
.btn[disabled] {
  opacity: .65;
  box-shadow: none;
  background-image: none;
  cursor: default; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/csr/plastic-recycle/img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/csr/plastic-recycle/fonts/slick.eot");
  src: url("/csr/plastic-recycle/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/csr/plastic-recycle/fonts/slick.woff") format("woff"), url("/csr/plastic-recycle/fonts/slick.ttf") format("truetype"), url("/csr/plastic-recycle/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.ball-pulse-sync > div, .ball-pulse > div {
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block; }

.ball-pulse-sync > div, .ball-pulse > div, .ball-scale > div {
  background-color: #fff;
  border-radius: 100%; }

@-webkit-keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .7; } }

@keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .7; } }

.ball-pulse > div:nth-child(0) {
  -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
  animation: ball-pulse-sync .6s -.21s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
  animation: ball-pulse-sync .6s -.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out;
  animation: ball-pulse-sync .6s -.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
  animation: ball-pulse-sync .6s 0s infinite ease-in-out; }

.ball-pulse-sync > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-scale-random > div, .ball-scale > div {
  display: inline-block;
  margin: 2px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-scale-random {
  width: 37px;
  height: 40px; }

.ball-scale-random > div {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  height: 30px;
  width: 30px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%; }

.ball-rotate, .ball-rotate > div {
  position: relative; }

.ball-scale-random > div:nth-child(1) {
  margin-left: -7px;
  -webkit-animation: ball-scale 1s .2s ease-in-out infinite;
  animation: ball-scale 1s .2s ease-in-out infinite; }

.ball-scale-random > div:nth-child(3) {
  margin-left: -2px;
  margin-top: 9px;
  -webkit-animation: ball-scale 1s .5s ease-in-out infinite;
  animation: ball-scale 1s .5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.ball-rotate > div {
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ball-rotate > div:first-child {
  -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }

.ball-rotate > div:after, .ball-rotate > div:before {
  margin: 2px;
  content: "";
  position: absolute;
  opacity: .8; }

.ball-rotate > div:before {
  top: 0;
  left: -28px; }

.ball-rotate > div:after {
  top: 0;
  left: 25px; }

.ball-clip-rotate > div {
  border-radius: 100%;
  margin: 2px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: 0 0 !important;
  display: inline-block;
  -webkit-animation: rotate .75s 0s linear infinite;
  animation: rotate .75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px); }

.ball-clip-rotate-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%; }

.ball-clip-rotate-pulse > div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -7px;
  -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

.ball-clip-rotate-pulse > div:last-child {
  position: absolute;
  width: 30px;
  height: 30px;
  left: -16px;
  top: -2px;
  background: 0 0;
  border: 2px solid;
  border-color: #fff transparent;
  -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; }

.ball-clip-rotate-multiple > div {
  position: absolute;
  left: -20px;
  top: -20px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  -webkit-animation: rotate 1s 0s ease-in-out infinite;
  animation: rotate 1s 0s ease-in-out infinite; }

.ball-clip-rotate-multiple > div:last-child {
  display: inline-block;
  top: -10px;
  left: -10px;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-color: #fff transparent;
  -webkit-animation-direction: reverse;
  animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7; }
  100% {
    opacity: 0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7; }
  100% {
    opacity: 0; } }

.ball-scale-ripple > div {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7; }
  100% {
    opacity: 0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7; }
  100% {
    opacity: 0; } }

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px); }

.ball-scale-ripple-multiple > div:nth-child(0) {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

.ball-scale-ripple-multiple > div:nth-child(1) {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s; }

.ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s; }

.ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s; }

.ball-scale-ripple-multiple > div {
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  -webkit-animation: ball-beat .7s 0s infinite linear;
  animation: ball-beat .7s 0s infinite linear; }

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.35s !important;
  animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px); }

.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s; }

.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s; }

.ball-scale-multiple > div {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: -30px;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.99px, -37.51px);
  transform: translate(-29.99px, -37.51px); }

.ball-triangle-path > div:nth-child(1) {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.ball-triangle-path > div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.ball-triangle-path > div:nth-child(2), .ball-triangle-path > div:nth-child(3) {
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out; }

.ball-triangle-path > div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.ball-triangle-path > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff; }

.ball-grid-beat > div, .ball-pulse-rise > div {
  background-color: #fff;
  height: 15px;
  border-radius: 100%;
  margin: 2px; }

.ball-triangle-path > div:nth-of-type(1) {
  top: 50px; }

.ball-triangle-path > div:nth-of-type(2) {
  left: 25px; }

.ball-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

.ball-pulse-rise > div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

.ball-pulse-rise > div:nth-child(2n) {
  -webkit-animation-name: ball-pulse-rise-even;
  animation-name: ball-pulse-rise-even; }

.ball-pulse-rise > div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: .7; }
  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: .7; }
  100% {
    opacity: 1; } }

.ball-grid-beat {
  width: 57px; }

.ball-grid-beat > div:nth-child(1) {
  -webkit-animation-delay: .44s;
  animation-delay: .44s;
  -webkit-animation-duration: 1.27s;
  animation-duration: 1.27s; }

.ball-grid-beat > div:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-duration: 1.52s;
  animation-duration: 1.52s; }

.ball-grid-beat > div:nth-child(3) {
  -webkit-animation-delay: .14s;
  animation-delay: .14s;
  -webkit-animation-duration: .61s;
  animation-duration: .61s; }

.ball-grid-beat > div:nth-child(4) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-animation-duration: .82s;
  animation-duration: .82s; }

.ball-grid-beat > div:nth-child(5) {
  -webkit-animation-delay: -.01s;
  animation-delay: -.01s;
  -webkit-animation-duration: 1.24s;
  animation-duration: 1.24s; }

.ball-grid-beat > div:nth-child(6) {
  -webkit-animation-delay: -.07s;
  animation-delay: -.07s;
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s; }

.ball-grid-beat > div:nth-child(7) {
  -webkit-animation-delay: .29s;
  animation-delay: .29s;
  -webkit-animation-duration: 1.44s;
  animation-duration: 1.44s; }

.ball-grid-beat > div:nth-child(8) {
  -webkit-animation-delay: .63s;
  animation-delay: .63s;
  -webkit-animation-duration: 1.19s;
  animation-duration: 1.19s; }

.ball-grid-beat > div:nth-child(9) {
  -webkit-animation-delay: -.18s;
  animation-delay: -.18s;
  -webkit-animation-duration: 1.48s;
  animation-duration: 1.48s; }

.ball-grid-beat > div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

.ball-grid-beat > div, .ball-grid-pulse > div {
  display: inline-block;
  float: left;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.ball-grid-pulse {
  width: 57px; }

.ball-grid-pulse > div, .ball-spin-fade-loader > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px; }

.ball-grid-pulse > div:nth-child(1) {
  -webkit-animation-delay: .58s;
  animation-delay: .58s;
  -webkit-animation-duration: .9s;
  animation-duration: .9s; }

.ball-grid-pulse > div:nth-child(2) {
  -webkit-animation-delay: .01s;
  animation-delay: .01s;
  -webkit-animation-duration: .94s;
  animation-duration: .94s; }

.ball-grid-pulse > div:nth-child(3) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-duration: 1.43s;
  animation-duration: 1.43s; }

.ball-grid-pulse > div:nth-child(4) {
  -webkit-animation-delay: -.03s;
  animation-delay: -.03s;
  -webkit-animation-duration: .74s;
  animation-duration: .74s; }

.ball-grid-pulse > div:nth-child(5) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
  -webkit-animation-duration: .68s;
  animation-duration: .68s; }

.ball-grid-pulse > div:nth-child(6) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-duration: 1.17s;
  animation-duration: 1.17s; }

.ball-grid-pulse > div:nth-child(7) {
  -webkit-animation-delay: .46s;
  animation-delay: .46s;
  -webkit-animation-duration: 1.41s;
  animation-duration: 1.41s; }

.ball-grid-pulse > div:nth-child(8) {
  -webkit-animation-delay: .02s;
  animation-delay: .02s;
  -webkit-animation-duration: 1.56s;
  animation-duration: 1.56s; }

.ball-grid-pulse > div:nth-child(9) {
  -webkit-animation-delay: .13s;
  animation-delay: .13s;
  -webkit-animation-duration: .78s;
  animation-duration: .78s; }

.ball-grid-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px; }

.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear;
  animation: ball-spin-fade-loader 1s -.96s infinite linear; }

.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear;
  animation: ball-spin-fade-loader 1s -.84s infinite linear; }

.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear;
  animation: ball-spin-fade-loader 1s -.72s infinite linear; }

.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear;
  animation: ball-spin-fade-loader 1s -.6s infinite linear; }

.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear;
  animation: ball-spin-fade-loader 1s -.48s infinite linear; }

.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear;
  animation: ball-spin-fade-loader 1s -.36s infinite linear; }

.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear;
  animation: ball-spin-fade-loader 1s -.24s infinite linear; }

.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear;
  animation: ball-spin-fade-loader 1s -.12s infinite linear; }

.ball-spin-fade-loader > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: .2; }
  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: .2; }
  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }

.ball-spin-loader > span:nth-child(1) {
  top: 45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s .9s infinite linear;
  animation: ball-spin-loader 2s .9s infinite linear; }

.ball-spin-loader > span:nth-child(2) {
  top: 30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
  animation: ball-spin-loader 2s 1.8s infinite linear; }

.ball-spin-loader > span:nth-child(3) {
  top: 0;
  left: 45px;
  -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
  animation: ball-spin-loader 2s 2.7s infinite linear; }

.ball-spin-loader > span:nth-child(4) {
  top: -30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
  animation: ball-spin-loader 2s 3.6s infinite linear; }

.ball-spin-loader > span:nth-child(5) {
  top: -45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
  animation: ball-spin-loader 2s 4.5s infinite linear; }

.ball-spin-loader > span:nth-child(6) {
  top: -30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
  animation: ball-spin-loader 2s 5.4s infinite linear; }

.ball-spin-loader > span:nth-child(7) {
  top: 0;
  left: -45px;
  -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
  animation: ball-spin-loader 2s 6.3s infinite linear; }

.ball-spin-loader > span:nth-child(8) {
  top: 30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
  animation: ball-spin-loader 2s 7.2s infinite linear; }

.ball-spin-loader > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: green; }

.ball-zig-zag-deflect > div, .ball-zig-zag > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px 2px 2px 15px;
  top: 4px;
  left: -7px; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px); }

.ball-zig-zag > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute; }

.ball-zig-zag > div:first-child {
  -webkit-animation: ball-zig .7s 0s infinite linear;
  animation: ball-zig .7s 0s infinite linear; }

.ball-zig-zag > div:last-child {
  -webkit-animation: ball-zag .7s 0s infinite linear;
  animation: ball-zag .7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px); }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px); }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px); }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px); }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px); }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px); }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px); }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px); }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px); }

.ball-zig-zag-deflect > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute; }

.ball-zig-zag-deflect > div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear; }

.ball-zig-zag-deflect > div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear; }

@-webkit-keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); } }

@keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

.line-scale-party > div, .line-scale > div {
  background-color: #fff;
  border-radius: 2px;
  margin: 2px;
  width: 4px;
  height: 35px;
  -webkit-animation-fill-mode: both; }

@-webkit-keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: -.09s;
  animation-delay: -.09s;
  -webkit-animation-duration: .83s;
  animation-duration: .83s; }

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
  -webkit-animation-duration: .64s;
  animation-duration: .64s; }

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: .32s;
  animation-delay: .32s;
  -webkit-animation-duration: .39s;
  animation-duration: .39s; }

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: .47s;
  animation-delay: .47s;
  -webkit-animation-duration: .52s;
  animation-duration: .52s; }

.line-scale-party > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); } }

@keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: -0.4s !important;
  animation-delay: -0.4s !important; }

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: -0.2s !important;
  animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3); } }

@keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }

.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
  -webkit-animation-delay: -0.25s !important;
  animation-delay: -0.25s !important; }

.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: .3; }
  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: .3; }
  100% {
    opacity: 1; } }

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px; }

.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(2) {
  top: 13.64px;
  left: 13.64px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(4) {
  top: -13.64px;
  left: 13.64px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(6) {
  top: -13.64px;
  left: -13.64px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(8) {
  top: 13.64px;
  left: -13.64px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }

.line-spin-fade-loader > div {
  background-color: #fff;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px; }

@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0); } }

.triangle-skew-spin > div {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid red;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

.pacman > div:first-of-type, .pacman > div:nth-child(2) {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  position: relative;
  left: -30px; }

@-webkit-keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: .7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: .7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }

.pacman > div:nth-child(3) {
  -webkit-animation: pacman-balls 1s -.66s infinite linear;
  animation: pacman-balls 1s -.66s infinite linear; }

.pacman > div:nth-child(4) {
  -webkit-animation: pacman-balls 1s -.33s infinite linear;
  animation: pacman-balls 1s -.33s infinite linear; }

.pacman > div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear; }

.pacman > div:first-of-type {
  -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
  animation: rotate_pacman_half_up .5s 0s infinite; }

.pacman > div:nth-child(2) {
  -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
  animation: rotate_pacman_half_down .5s 0s infinite;
  margin-top: -50px; }

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px);
  top: 25px;
  left: 70px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px); }

.cube-transition > div {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out; }

.cube-transition > div:last-child {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

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

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

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }

.semi-circle-spin > div {
  position: absolute;
  border-width: 0;
  border-radius: 100%;
  -webkit-animation: spin-rotate .6s 0s infinite linear;
  animation: spin-rotate .6s 0s infinite linear;
  background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
  width: 100%;
  height: 100%; }

@-webkit-keyframes bar-progress {
  0%, 100% {
    -webkit-transform: scaleY(20%);
    transform: scaleY(20%);
    opacity: 1; }
  25%, 75% {
    -webkit-transform: translateX(6%) scaleY(10%);
    transform: translateX(6%) scaleY(10%);
    opacity: .7; }
  50% {
    -webkit-transform: translateX(20%) scaleY(20%);
    transform: translateX(20%) scaleY(20%);
    opacity: 1; } }

@keyframes bar-progress {
  0%, 100% {
    -webkit-transform: scaleY(20%);
    transform: scaleY(20%);
    opacity: 1; }
  25%, 75% {
    -webkit-transform: translateX(6%) scaleY(10%);
    transform: translateX(6%) scaleY(10%);
    opacity: .7; }
  50% {
    -webkit-transform: translateX(20%) scaleY(20%);
    transform: translateX(20%) scaleY(20%);
    opacity: 1; } }

.bar-progress {
  width: 30%;
  height: 12px; }

.bar-progress > div {
  position: relative;
  width: 20%;
  height: 12px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
  animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
  opacity: 1; }

.bar-swing, .bar-swing > div {
  height: 8px;
  width: 30%; }

@-webkit-keyframes bar-swing {
  0%, 100% {
    left: 0; }
  50% {
    left: 70%; } }

@keyframes bar-swing {
  0%, 100% {
    left: 0; }
  50% {
    left: 70%; } }

.bar-swing > div {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-swing 1.5s infinite;
  animation: bar-swing 1.5s infinite; }

@-webkit-keyframes bar-swing-container {
  0%, 100% {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    left: 70%;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); } }

@keyframes bar-swing-container {
  0%, 100% {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    left: 70%;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); } }

.bar-swing-container {
  width: 20%;
  height: 8px;
  position: relative; }

.bar-swing-container div:nth-child(1) {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 12px;
  border-radius: 10px; }

.bar-swing-container div:nth-child(2) {
  position: absolute;
  width: 30%;
  height: 8px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
  animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
  margin: 2px 2px 0; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0); }

[data-aos=fade-up] {
  -webkit-transform: translateY(100px);
          transform: translateY(100px); }

[data-aos=fade-down] {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px); }

[data-aos=fade-right] {
  -webkit-transform: translate(-100px);
          transform: translate(-100px); }

[data-aos=fade-left] {
  -webkit-transform: translate(100px);
          transform: translate(100px); }

[data-aos=fade-up-right] {
  -webkit-transform: translate(-100px, 100px);
          transform: translate(-100px, 100px); }

[data-aos=fade-up-left] {
  -webkit-transform: translate(100px, 100px);
          transform: translate(100px, 100px); }

[data-aos=fade-down-right] {
  -webkit-transform: translate(-100px, -100px);
          transform: translate(-100px, -100px); }

[data-aos=fade-down-left] {
  -webkit-transform: translate(100px, -100px);
          transform: translate(100px, -100px); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
          transform: translate(0) scale(1); }

[data-aos=zoom-in] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

[data-aos=zoom-in-up] {
  -webkit-transform: translateY(100px) scale(0.6);
          transform: translateY(100px) scale(0.6); }

[data-aos=zoom-in-down] {
  -webkit-transform: translateY(-100px) scale(0.6);
          transform: translateY(-100px) scale(0.6); }

[data-aos=zoom-in-right] {
  -webkit-transform: translate(-100px) scale(0.6);
          transform: translate(-100px) scale(0.6); }

[data-aos=zoom-in-left] {
  -webkit-transform: translate(100px) scale(0.6);
          transform: translate(100px) scale(0.6); }

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

[data-aos=zoom-out-up] {
  -webkit-transform: translateY(100px) scale(1.2);
          transform: translateY(100px) scale(1.2); }

[data-aos=zoom-out-down] {
  -webkit-transform: translateY(-100px) scale(1.2);
          transform: translateY(-100px) scale(1.2); }

[data-aos=zoom-out-right] {
  -webkit-transform: translate(-100px) scale(1.2);
          transform: translate(-100px) scale(1.2); }

[data-aos=zoom-out-left] {
  -webkit-transform: translate(100px) scale(1.2);
          transform: translate(100px) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translate(0);
          transform: translate(0); }

[data-aos=slide-up] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

[data-aos=slide-down] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

[data-aos=slide-right] {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

[data-aos=slide-left] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }

/*# sourceMappingURL=aos.css.map*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% {
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: left bottom; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  0%, to {
    -webkit-transform-origin: right bottom; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/csr/plastic-recycle/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/csr/plastic-recycle/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/csr/plastic-recycle/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/csr/plastic-recycle/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/csr/plastic-recycle/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/csr/plastic-recycle/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@font-face {
  font-family: "symbols";
  src: url("/csr/plastic-recycle/fonts/symbols.eot");
  src: url("/csr/plastic-recycle/fonts/symbols.eot?#iefix") format("eot"), url("/csr/plastic-recycle/fonts/symbols.woff") format("woff"), url("/csr/plastic-recycle/fonts/symbols.ttf") format("truetype"), url("/csr/plastic-recycle/fonts/symbols.svg#symbols") format("svg");
  font-weight: normal;
  font-style: normal; }

.s {
  display: inline-block;
  font-family: "symbols";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.s-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.s-2x {
  font-size: 2em; }

.s-3x {
  font-size: 3em; }

.s-4x {
  font-size: 4em; }

.s-5x {
  font-size: 5em; }

.s-fw {
  width: 1.28571em;
  text-align: center; }

.s-caret-right:before {
  content: "\EA01"; }

.s-game:before {
  content: "\EA02"; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-graph-cloud-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -1488px -415px;
  width: 121px;
  height: 0;
  padding-top: 69px; }

.sprite-graph-cloud-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -1488px -344px;
  width: 149px;
  height: 0;
  padding-top: 67px; }

.sprite-graph-cloud-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -1285px -548px;
  width: 249px;
  height: 0;
  padding-top: 112px; }

.sprite-graph-cloud-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -548px;
  width: 522px;
  height: 0;
  padding-top: 138px; }

.sprite-graph-cloud-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -526px -548px;
  width: 249px;
  height: 0;
  padding-top: 113px; }

.sprite-graph-cloud-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -779px -548px;
  width: 249px;
  height: 0;
  padding-top: 113px; }

.sprite-graph-cloud-8 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -1032px -548px;
  width: 249px;
  height: 0;
  padding-top: 113px; }

.sprite-graph-logo-back {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -827px 0px;
  width: 867px;
  height: 0;
  padding-top: 306px; }

.sprite-graph-logo-bar {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -344px;
  width: 756px;
  height: 0;
  padding-top: 200px; }

.sprite-graph-logo-glass-front {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -1538px -548px;
  width: 103px;
  height: 0;
  padding-top: 92px; }

.sprite-graph-logo-glass {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -690px;
  width: 202px;
  height: 0;
  padding-top: 203px; }

.sprite-graph-logo-line {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 823px;
  height: 0;
  padding-top: 340px; }

.sprite-graph-logo-text {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -760px -344px;
  width: 724px;
  height: 0;
  padding-top: 161px; }

.sprite-2x-graph-cloud-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -744px -207.5px;
  width: 60.5px;
  padding-top: 34.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -744px -172px;
  width: 74.5px;
  padding-top: 33.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -642.5px -274px;
  width: 124.5px;
  padding-top: 56px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -274px;
  width: 261px;
  padding-top: 69px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -263px -274px;
  width: 124.5px;
  padding-top: 56.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -389.5px -274px;
  width: 124.5px;
  padding-top: 56.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-cloud-8 {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -516px -274px;
  width: 124.5px;
  padding-top: 56.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-back {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -413.5px 0px;
  width: 433.5px;
  padding-top: 153px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-bar {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -172px;
  width: 378px;
  padding-top: 100px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-glass-front {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -769px -274px;
  width: 51.5px;
  padding-top: 46px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-glass {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px -345px;
  width: 101px;
  padding-top: 101.5px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-line {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 411.5px;
  padding-top: 170px;
  background-size: 847px 446.5px; }

.sprite-2x-graph-logo-text {
  background-image: url(/csr/plastic-recycle/img/sprite-1.png);
  background-repeat: no-repeat;
  background-position: -380px -172px;
  width: 362px;
  padding-top: 80.5px;
  background-size: 847px 446.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-graph-section-1-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px -374px;
  width: 101px;
  height: 0;
  padding-top: 85px; }

.sprite-graph-section-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -254px 0px;
  width: 216px;
  height: 0;
  padding-top: 134px; }

.sprite-graph-section-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -254px -138px;
  width: 144px;
  height: 0;
  padding-top: 89px; }

.sprite-graph-section-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -134px -290px;
  width: 101px;
  height: 0;
  padding-top: 62px; }

.sprite-graph-section-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px -290px;
  width: 130px;
  height: 0;
  padding-top: 80px; }

.sprite-graph-section-1-map {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 250px;
  height: 0;
  padding-top: 286px; }

.sprite-2x-graph-section-1-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px -187px;
  width: 50.5px;
  padding-top: 42.5px;
  background-size: 235px 229.5px; }

.sprite-2x-graph-section-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -127px 0px;
  width: 108px;
  padding-top: 67px;
  background-size: 235px 229.5px; }

.sprite-2x-graph-section-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -127px -69px;
  width: 72px;
  padding-top: 44.5px;
  background-size: 235px 229.5px; }

.sprite-2x-graph-section-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -67px -145px;
  width: 50.5px;
  padding-top: 31px;
  background-size: 235px 229.5px; }

.sprite-2x-graph-section-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px -145px;
  width: 65px;
  padding-top: 40px;
  background-size: 235px 229.5px; }

.sprite-2x-graph-section-1-map {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 125px;
  padding-top: 143px;
  background-size: 235px 229.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-graph-section-2-arrow {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -862px -583px;
  width: 83px;
  height: 0;
  padding-top: 80px; }

.sprite-graph-section-2-building-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -880px -382px;
  width: 66px;
  height: 0;
  padding-top: 91px; }

.sprite-graph-section-2-building-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -880px -477px;
  width: 51px;
  height: 0;
  padding-top: 89px; }

.sprite-graph-section-2-circle-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -463px 0px;
  width: 289px;
  height: 0;
  padding-top: 384px; }

.sprite-graph-section-2-circle-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -756px 0px;
  width: 197px;
  height: 0;
  padding-top: 198px; }

.sprite-graph-section-2-circle-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -756px -202px;
  width: 145px;
  height: 0;
  padding-top: 176px; }

.sprite-graph-section-2-circle-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: 0px -463px;
  width: 263px;
  height: 0;
  padding-top: 523px; }

.sprite-graph-section-2-cup {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -861px -696px;
  width: 52px;
  height: 0;
  padding-top: 52px; }

.sprite-graph-section-2-garbages {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -463px -388px;
  width: 278px;
  height: 0;
  padding-top: 278px; }

.sprite-graph-section-2-human {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -463px -670px;
  width: 167px;
  height: 0;
  padding-top: 290px; }

.sprite-graph-section-2-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -756px -696px;
  width: 101px;
  height: 0;
  padding-top: 85px; }

.sprite-graph-section-2-img {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 459px;
  height: 0;
  padding-top: 459px; }

.sprite-graph-section-2-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -756px -583px;
  width: 102px;
  height: 0;
  padding-top: 109px; }

.sprite-graph-section-2-trush {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -756px -382px;
  width: 120px;
  height: 0;
  padding-top: 197px; }

.sprite-2x-graph-section-2-arrow {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -431px -291.5px;
  width: 41.5px;
  padding-top: 40px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-building-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -440px -191px;
  width: 33px;
  padding-top: 45.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-building-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -440px -238.5px;
  width: 25.5px;
  padding-top: 44.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-circle-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -231.5px 0px;
  width: 144.5px;
  padding-top: 192px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-circle-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -378px 0px;
  width: 98.5px;
  padding-top: 99px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-circle-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -378px -101px;
  width: 72.5px;
  padding-top: 88px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-circle-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: 0px -231.5px;
  width: 131.5px;
  padding-top: 261.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-cup {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -430.5px -348px;
  width: 26px;
  padding-top: 26px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-garbages {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -231.5px -194px;
  width: 139px;
  padding-top: 139px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-human {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -231.5px -335px;
  width: 83.5px;
  padding-top: 145px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -378px -348px;
  width: 50.5px;
  padding-top: 42.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-img {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 229.5px;
  padding-top: 229.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -378px -291.5px;
  width: 51px;
  padding-top: 54.5px;
  background-size: 476.5px 493px; }

.sprite-2x-graph-section-2-trush {
  background-image: url(/csr/plastic-recycle/img/sprite-3.png);
  background-repeat: no-repeat;
  background-position: -378px -191px;
  width: 60px;
  padding-top: 98.5px;
  background-size: 476.5px 493px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-graph-section-3-bars {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -805px -693px;
  width: 798px;
  height: 0;
  padding-top: 176px; }

.sprite-graph-section-3-circle-graph {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -532px -905px;
  width: 73px;
  height: 0;
  padding-top: 73px; }

.sprite-graph-section-3-cracker-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -945px -637px;
  width: 41px;
  height: 0;
  padding-top: 47px; }

.sprite-graph-section-3-cracker-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -609px -905px;
  width: 76px;
  height: 0;
  padding-top: 53px; }

.sprite-graph-section-3-cracker {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -448px -905px;
  width: 80px;
  height: 0;
  padding-top: 79px; }

.sprite-graph-section-3-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px -905px;
  width: 339px;
  height: 0;
  padding-top: 358px; }

.sprite-graph-section-3-graph-back {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 941px;
  height: 0;
  padding-top: 689px; }

.sprite-graph-section-3-graph-text {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px -693px;
  width: 801px;
  height: 0;
  padding-top: 208px; }

.sprite-graph-section-3-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -343px -905px;
  width: 101px;
  height: 0;
  padding-top: 85px; }

.sprite-graph-section-3-info {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -1607px -693px;
  width: 116px;
  height: 0;
  padding-top: 150px; }

.sprite-graph-section-3-line {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -945px 0px;
  width: 798px;
  height: 0;
  padding-top: 633px; }

.sprite-2x-graph-section-3-bars {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -402.5px -346.5px;
  width: 399px;
  padding-top: 88px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-circle-graph {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -266px -452.5px;
  width: 36.5px;
  padding-top: 36.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-cracker-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -472.5px -318.5px;
  width: 20.5px;
  padding-top: 23.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-cracker-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -304.5px -452.5px;
  width: 38px;
  padding-top: 26.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-cracker {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -224px -452.5px;
  width: 40px;
  padding-top: 39.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px -452.5px;
  width: 169.5px;
  padding-top: 179px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-graph-back {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 470.5px;
  padding-top: 344.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-graph-text {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: 0px -346.5px;
  width: 400.5px;
  padding-top: 104px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-icon {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -171.5px -452.5px;
  width: 50.5px;
  padding-top: 42.5px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-info {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -803.5px -346.5px;
  width: 58px;
  padding-top: 75px;
  background-size: 871.5px 631.5px; }

.sprite-2x-graph-section-3-line {
  background-image: url(/csr/plastic-recycle/img/sprite-4.png);
  background-repeat: no-repeat;
  background-position: -472.5px 0px;
  width: 399px;
  padding-top: 316.5px;
  background-size: 871.5px 631.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-top-cloud-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: -1188px 0px;
  width: 1309px;
  height: 0;
  padding-top: 865px; }

.sprite-top-cloud-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: -847px -1072px;
  width: 1049px;
  height: 0;
  padding-top: 825px; }

.sprite-top-cloud-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 1184px;
  height: 0;
  padding-top: 1068px; }

.sprite-top-cloud-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: 0px -1072px;
  width: 843px;
  height: 0;
  padding-top: 1205px; }

.sprite-2x-top-cloud-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: -594px 0px;
  width: 654.5px;
  padding-top: 432.5px;
  background-size: 1248.5px 1138.5px; }

.sprite-2x-top-cloud-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: -423.5px -536px;
  width: 524.5px;
  padding-top: 412.5px;
  background-size: 1248.5px 1138.5px; }

.sprite-2x-top-cloud-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 592px;
  padding-top: 534px;
  background-size: 1248.5px 1138.5px; }

.sprite-2x-top-cloud-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-5.png);
  background-repeat: no-repeat;
  background-position: 0px -536px;
  width: 421.5px;
  padding-top: 602.5px;
  background-size: 1248.5px 1138.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -501px;
  width: 630px;
  height: 0;
  padding-top: 340px; }

.sprite-top-area-1-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -845px;
  width: 231px;
  height: 0;
  padding-top: 106px; }

.sprite-top-area-1-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -955px;
  width: 278px;
  height: 0;
  padding-top: 70px; }

.sprite-top-area-1-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -1029px;
  width: 173px;
  height: 0;
  padding-top: 99px; }

.sprite-top-area-2-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -177px -1029px;
  width: 175px;
  height: 0;
  padding-top: 93px; }

.sprite-top-area-2-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -634px -740px;
  width: 278px;
  height: 0;
  padding-top: 76px; }

.sprite-top-area-2-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -1068px -190px;
  width: 110px;
  height: 0;
  padding-top: 115px; }

.sprite-top-area-3-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -827px -501px;
  width: 227px;
  height: 0;
  padding-top: 173px; }

.sprite-top-area-3-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -235px -845px;
  width: 278px;
  height: 0;
  padding-top: 76px; }

.sprite-top-area-3-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -1068px 0px;
  width: 117px;
  height: 0;
  padding-top: 186px; }

.sprite-top-area-4-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -634px -501px;
  width: 189px;
  height: 0;
  padding-top: 235px; }

.sprite-top-area-4-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -517px -845px;
  width: 278px;
  height: 0;
  padding-top: 76px; }

.sprite-top-area-4-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -1068px -309px;
  width: 96px;
  height: 0;
  padding-top: 106px; }

.sprite-top-area-5-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 574px;
  height: 0;
  padding-top: 497px; }

.sprite-top-area-5-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -282px -955px;
  width: 278px;
  height: 0;
  padding-top: 70px; }

.sprite-top-area-5-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -578px 0px;
  width: 486px;
  height: 0;
  padding-top: 456px; }

.sprite-2x-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -250.5px;
  width: 315px;
  padding-top: 170px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-1-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -422.5px;
  width: 115.5px;
  padding-top: 53px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-1-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -477.5px;
  width: 139px;
  padding-top: 35px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-1-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px -514.5px;
  width: 86.5px;
  padding-top: 49.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-2-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -88.5px -514.5px;
  width: 87.5px;
  padding-top: 46.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-2-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -317px -370px;
  width: 139px;
  padding-top: 38px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-2-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -534px -95px;
  width: 55px;
  padding-top: 57.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-3-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -413.5px -250.5px;
  width: 113.5px;
  padding-top: 86.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-3-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -117.5px -422.5px;
  width: 139px;
  padding-top: 38px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-3-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -534px 0px;
  width: 58.5px;
  padding-top: 93px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-4-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -317px -250.5px;
  width: 94.5px;
  padding-top: 117.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-4-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -258.5px -422.5px;
  width: 139px;
  padding-top: 38px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-4-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -534px -154.5px;
  width: 48px;
  padding-top: 53px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-5-back {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 287px;
  padding-top: 248.5px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-5-img {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -141px -477.5px;
  width: 139px;
  padding-top: 35px;
  background-size: 592.5px 564px; }

.sprite-2x-top-area-5-item {
  background-image: url(/csr/plastic-recycle/img/sprite-6.png);
  background-repeat: no-repeat;
  background-position: -289px 0px;
  width: 243px;
  padding-top: 228px;
  background-size: 592.5px 564px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-bg-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -525px -442px;
  width: 300px;
  height: 0;
  padding-top: 120px; }

.sprite-susume-crane {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -126px -673px;
  width: 130px;
  height: 0;
  padding-top: 104px; }

.sprite-susume-cube {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -711px -566px;
  width: 46px;
  height: 0;
  padding-top: 54px; }

.sprite-susume-forklift-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -525px -566px;
  width: 109px;
  height: 0;
  padding-top: 91px; }

.sprite-susume-forklift-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -829px -442px;
  width: 112px;
  height: 0;
  padding-top: 94px; }

.sprite-susume-freight-cars {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -785px -261px;
  width: 159px;
  height: 0;
  padding-top: 127px; }

.sprite-susume-garbage-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -785px -392px;
  width: 37px;
  height: 0;
  padding-top: 26px; }

.sprite-susume-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -260px -673px;
  width: 98px;
  height: 0;
  padding-top: 94px; }

.sprite-susume-housewife {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px -673px;
  width: 122px;
  height: 0;
  padding-top: 202px; }

.sprite-susume-rail-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -525px 0px;
  width: 423px;
  height: 0;
  padding-top: 257px; }

.sprite-susume-rail-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 521px;
  height: 0;
  padding-top: 316px; }

.sprite-susume-ship {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -525px -261px;
  width: 256px;
  height: 0;
  padding-top: 177px; }

.sprite-susume-title-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px -320px;
  width: 443px;
  height: 0;
  padding-top: 349px; }

.sprite-susume-trash {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -638px -566px;
  width: 69px;
  height: 0;
  padding-top: 81px; }

.sprite-2x-susume-bg-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -262.5px -221px;
  width: 150px;
  padding-top: 60px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-crane {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -63px -336.5px;
  width: 65px;
  padding-top: 52px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-cube {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -355.5px -283px;
  width: 23px;
  padding-top: 27px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-forklift-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -262.5px -283px;
  width: 54.5px;
  padding-top: 45.5px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-forklift-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -414.5px -221px;
  width: 56px;
  padding-top: 47px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-freight-cars {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -392.5px -130.5px;
  width: 79.5px;
  padding-top: 63.5px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-garbage-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -392.5px -196px;
  width: 18.5px;
  padding-top: 13px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -130px -336.5px;
  width: 49px;
  padding-top: 47px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-housewife {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px -336.5px;
  width: 61px;
  padding-top: 101px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-rail-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -262.5px 0px;
  width: 211.5px;
  padding-top: 128.5px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-rail-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 260.5px;
  padding-top: 158px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-ship {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -262.5px -130.5px;
  width: 128px;
  padding-top: 88.5px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-title-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: 0px -160px;
  width: 221.5px;
  padding-top: 174.5px;
  background-size: 474px 437.5px; }

.sprite-2x-susume-trash {
  background-image: url(/csr/plastic-recycle/img/sprite-7.png);
  background-repeat: no-repeat;
  background-position: -319px -283px;
  width: 34.5px;
  padding-top: 40.5px;
  background-size: 474px 437.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-building-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px -742px;
  width: 333px;
  height: 0;
  padding-top: 270px; }

.sprite-susume-car-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -587px -742px;
  width: 91px;
  height: 0;
  padding-top: 75px; }

.sprite-susume-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -467px -742px;
  width: 116px;
  height: 0;
  padding-top: 101px; }

.sprite-susume-house {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -337px -742px;
  width: 126px;
  height: 0;
  padding-top: 136px; }

.sprite-susume-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 969px;
  height: 0;
  padding-top: 420px; }

.sprite-susume-map-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px -424px;
  width: 315px;
  height: 0;
  padding-top: 314px; }

.sprite-susume-map-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -973px -319px;
  width: 314px;
  height: 0;
  padding-top: 314px; }

.sprite-susume-map-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -973px 0px;
  width: 314px;
  height: 0;
  padding-top: 315px; }

.sprite-susume-map-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -319px -424px;
  width: 314px;
  height: 0;
  padding-top: 314px; }

.sprite-susume-map-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -637px -424px;
  width: 314px;
  height: 0;
  padding-top: 314px; }

.sprite-susume-map-pin-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -394px -882px;
  width: 40px;
  height: 0;
  padding-top: 61px; }

.sprite-susume-map-pin-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -682px -742px;
  width: 41px;
  height: 0;
  padding-top: 60px; }

.sprite-susume-map-pin-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -727px -742px;
  width: 41px;
  height: 0;
  padding-top: 60px; }

.sprite-susume-map-pin-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -772px -742px;
  width: 41px;
  height: 0;
  padding-top: 60px; }

.sprite-susume-map-pin-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -817px -742px;
  width: 41px;
  height: 0;
  padding-top: 60px; }

.sprite-susume-sound-anime-bg {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -973px -637px;
  width: 244px;
  height: 0;
  padding-top: 50px; }

.sprite-susume-sound-loading {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -973px -691px;
  width: 28px;
  height: 0;
  padding-top: 28px; }

.sprite-susume-sound-off {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -1221px -637px;
  width: 62px;
  height: 0;
  padding-top: 17px; }

.sprite-susume-sound-on {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -1221px -658px;
  width: 50px;
  height: 0;
  padding-top: 16px; }

.sprite-susume-tree {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -337px -882px;
  width: 53px;
  height: 0;
  padding-top: 97px; }

.sprite-2x-susume-building-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px -371px;
  width: 166.5px;
  padding-top: 135px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-car-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -293.5px -371px;
  width: 45.5px;
  padding-top: 37.5px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -233.5px -371px;
  width: 58px;
  padding-top: 50.5px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-house {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -168.5px -371px;
  width: 63px;
  padding-top: 68px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 484.5px;
  padding-top: 210px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: 0px -212px;
  width: 157.5px;
  padding-top: 157px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -486.5px -159.5px;
  width: 157px;
  padding-top: 157px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -486.5px 0px;
  width: 157px;
  padding-top: 157.5px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -159.5px -212px;
  width: 157px;
  padding-top: 157px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -318.5px -212px;
  width: 157px;
  padding-top: 157px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-pin-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -197px -441px;
  width: 20px;
  padding-top: 30.5px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-pin-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -341px -371px;
  width: 20.5px;
  padding-top: 30px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-pin-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -363.5px -371px;
  width: 20.5px;
  padding-top: 30px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-pin-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -386px -371px;
  width: 20.5px;
  padding-top: 30px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-map-pin-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -408.5px -371px;
  width: 20.5px;
  padding-top: 30px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-sound-anime-bg {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -486.5px -318.5px;
  width: 122px;
  padding-top: 25px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-sound-loading {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -486.5px -345.5px;
  width: 14px;
  padding-top: 14px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-sound-off {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -610.5px -318.5px;
  width: 31px;
  padding-top: 8.5px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-sound-on {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -610.5px -329px;
  width: 25px;
  padding-top: 8px;
  background-size: 643.5px 506px; }

.sprite-2x-susume-tree {
  background-image: url(/csr/plastic-recycle/img/sprite-8.png);
  background-repeat: no-repeat;
  background-position: -168.5px -441px;
  width: 26.5px;
  padding-top: 48.5px;
  background-size: 643.5px 506px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-brust-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: 0px -377px;
  width: 320px;
  height: 0;
  padding-top: 482px; }

.sprite-susume-casting {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 471px;
  height: 0;
  padding-top: 373px; }

.sprite-susume-converter-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -475px -253px;
  width: 167px;
  height: 0;
  padding-top: 183px; }

.sprite-susume-cooker {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -607px -440px;
  width: 117px;
  height: 0;
  padding-top: 94px; }

.sprite-susume-iron-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -475px -567px;
  width: 125px;
  height: 0;
  padding-top: 79px; }

.sprite-susume-iron-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -728px -440px;
  width: 125px;
  height: 0;
  padding-top: 85px; }

.sprite-susume-iron-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -646px -253px;
  width: 125px;
  height: 0;
  padding-top: 140px; }

.sprite-susume-iron-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -475px -440px;
  width: 128px;
  height: 0;
  padding-top: 123px; }

.sprite-susume-rolling {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -475px 0px;
  width: 411px;
  height: 0;
  padding-top: 249px; }

.sprite-2x-susume-brust-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: 0px -188.5px;
  width: 160px;
  padding-top: 241px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-casting {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 235.5px;
  padding-top: 186.5px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-converter-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -237.5px -126.5px;
  width: 83.5px;
  padding-top: 91.5px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-cooker {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -303.5px -220px;
  width: 58.5px;
  padding-top: 47px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-iron-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -237.5px -283.5px;
  width: 62.5px;
  padding-top: 39.5px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-iron-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -364px -220px;
  width: 62.5px;
  padding-top: 42.5px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-iron-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -323px -126.5px;
  width: 62.5px;
  padding-top: 70px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-iron-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -237.5px -220px;
  width: 64px;
  padding-top: 61.5px;
  background-size: 443px 429.5px; }

.sprite-2x-susume-rolling {
  background-image: url(/csr/plastic-recycle/img/sprite-9.png);
  background-repeat: no-repeat;
  background-position: -237.5px 0px;
  width: 205.5px;
  padding-top: 124.5px;
  background-size: 443px 429.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-cubes-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -452px -102px;
  width: 60px;
  height: 0;
  padding-top: 64px; }

.sprite-susume-cubes-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -452px 0px;
  width: 96px;
  height: 0;
  padding-top: 98px; }

.sprite-susume-forklift-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -482px -170px;
  width: 56px;
  height: 0;
  padding-top: 47px; }

.sprite-susume-forklift-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -482px -221px;
  width: 56px;
  height: 0;
  padding-top: 47px; }

.sprite-susume-forklift-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -452px -279px;
  width: 55px;
  height: 0;
  padding-top: 45px; }

.sprite-susume-human {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -516px -102px;
  width: 22px;
  height: 0;
  padding-top: 59px; }

.sprite-susume-machine-shadow {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 448px;
  height: 0;
  padding-top: 774px; }

.sprite-susume-section-2-human-2-arm-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -511px -308px;
  width: 19px;
  height: 0;
  padding-top: 14px; }

.sprite-susume-section-2-human-2-arm-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -512px -351px;
  width: 16px;
  height: 0;
  padding-top: 11px; }

.sprite-susume-section-2-human-2-body-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -493px -328px;
  width: 15px;
  height: 0;
  padding-top: 55px; }

.sprite-susume-section-2-human-arm-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -511px -279px;
  width: 36px;
  height: 0;
  padding-top: 25px; }

.sprite-susume-section-2-human-arm-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -512px -328px;
  width: 28px;
  height: 0;
  padding-top: 19px; }

.sprite-susume-section-2-human-body-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -452px -170px;
  width: 26px;
  height: 0;
  padding-top: 105px; }

.sprite-susume-shelf {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -452px -328px;
  width: 37px;
  height: 0;
  padding-top: 63px; }

.sprite-2x-susume-cubes-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -226px -51px;
  width: 30px;
  padding-top: 32px;
  background-size: 274px 387px; }

.sprite-2x-susume-cubes-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -226px 0px;
  width: 48px;
  padding-top: 49px;
  background-size: 274px 387px; }

.sprite-2x-susume-forklift-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -241px -85px;
  width: 28px;
  padding-top: 23.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-forklift-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -241px -110.5px;
  width: 28px;
  padding-top: 23.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-forklift-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -226px -139.5px;
  width: 27.5px;
  padding-top: 22.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-human {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -258px -51px;
  width: 11px;
  padding-top: 29.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-machine-shadow {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 224px;
  padding-top: 387px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-2-arm-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -255.5px -154px;
  width: 9.5px;
  padding-top: 7px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-2-arm-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -256px -175.5px;
  width: 8px;
  padding-top: 5.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-2-body-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -246.5px -164px;
  width: 7.5px;
  padding-top: 27.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-arm-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -255.5px -139.5px;
  width: 18px;
  padding-top: 12.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-arm-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -256px -164px;
  width: 14px;
  padding-top: 9.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-section-2-human-body-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -226px -85px;
  width: 13px;
  padding-top: 52.5px;
  background-size: 274px 387px; }

.sprite-2x-susume-shelf {
  background-image: url(/csr/plastic-recycle/img/sprite-10.png);
  background-repeat: no-repeat;
  background-position: -226px -164px;
  width: 18.5px;
  padding-top: 31.5px;
  background-size: 274px 387px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-section-2-convayor-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1907px -731px;
  width: 258px;
  height: 0;
  padding-top: 162px; }

.sprite-susume-section-2-machine-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: 0px -1679px;
  width: 679px;
  height: 0;
  padding-top: 310px; }

.sprite-susume-section-2-machine-2-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -2115px -466px;
  width: 225px;
  height: 0;
  padding-top: 196px; }

.sprite-susume-section-2-machine-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1907px 0px;
  width: 504px;
  height: 0;
  padding-top: 462px; }

.sprite-susume-section-2-machine-3-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1907px -897px;
  width: 161px;
  height: 0;
  padding-top: 196px; }

.sprite-susume-section-2-machine-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1907px -466px;
  width: 204px;
  height: 0;
  padding-top: 261px; }

.sprite-susume-section-2-machine-4-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -2072px -897px;
  width: 147px;
  height: 0;
  padding-top: 122px; }

.sprite-susume-section-2-machine-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -2169px -731px;
  width: 200px;
  height: 0;
  padding-top: 160px; }

.sprite-susume-section-2-machine-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 1903px;
  height: 0;
  padding-top: 1675px; }

.sprite-2x-susume-section-2-convayor-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -953.5px -365.5px;
  width: 129px;
  padding-top: 81px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: 0px -839.5px;
  width: 339.5px;
  padding-top: 155px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-2-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1057.5px -233px;
  width: 112.5px;
  padding-top: 98px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -953.5px 0px;
  width: 252px;
  padding-top: 231px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-3-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -953.5px -448.5px;
  width: 80.5px;
  padding-top: 98px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -953.5px -233px;
  width: 102px;
  padding-top: 130.5px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-4-front {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1036px -448.5px;
  width: 73.5px;
  padding-top: 61px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: -1084.5px -365.5px;
  width: 100px;
  padding-top: 80px;
  background-size: 1205.5px 994.5px; }

.sprite-2x-susume-section-2-machine-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-11.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 951.5px;
  padding-top: 837.5px;
  background-size: 1205.5px 994.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-furnace-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: -1455px 0px;
  width: 661px;
  height: 0;
  padding-top: 490px; }

.sprite-susume-pipe-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 763px;
  height: 0;
  padding-top: 1062px; }

.sprite-susume-pipe-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: -767px 0px;
  width: 684px;
  height: 0;
  padding-top: 871px; }

.sprite-2x-susume-furnace-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: -727.5px 0px;
  width: 330.5px;
  padding-top: 245px;
  background-size: 1058px 531px; }

.sprite-2x-susume-pipe-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 381.5px;
  padding-top: 531px;
  background-size: 1058px 531px; }

.sprite-2x-susume-pipe-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-12.png);
  background-repeat: no-repeat;
  background-position: -383.5px 0px;
  width: 342px;
  padding-top: 435.5px;
  background-size: 1058px 531px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-box {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -847px 0px;
  width: 330px;
  height: 0;
  padding-top: 317px; }

.sprite-susume-cokes {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -1051px -321px;
  width: 41px;
  height: 0;
  padding-top: 29px; }

.sprite-susume-convayor-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 843px;
  height: 0;
  padding-top: 863px; }

.sprite-susume-plant-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -847px -321px;
  width: 200px;
  height: 0;
  padding-top: 204px; }

.sprite-susume-plant-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -847px -529px;
  width: 156px;
  height: 0;
  padding-top: 147px; }

.sprite-2x-susume-box {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -423.5px 0px;
  width: 165px;
  padding-top: 158.5px;
  background-size: 588.5px 431.5px; }

.sprite-2x-susume-cokes {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -525.5px -160.5px;
  width: 20.5px;
  padding-top: 14.5px;
  background-size: 588.5px 431.5px; }

.sprite-2x-susume-convayor-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 421.5px;
  padding-top: 431.5px;
  background-size: 588.5px 431.5px; }

.sprite-2x-susume-plant-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -423.5px -160.5px;
  width: 100px;
  padding-top: 102px;
  background-size: 588.5px 431.5px; }

.sprite-2x-susume-plant-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-13.png);
  background-repeat: no-repeat;
  background-position: -423.5px -264.5px;
  width: 78px;
  padding-top: 73.5px;
  background-size: 588.5px 431.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-bg-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 200px;
  height: 0;
  padding-top: 120px; }

.sprite-susume-lamp-lightning {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -218px -124px;
  width: 27px;
  height: 0;
  padding-top: 58px; }

.sprite-susume-lamp {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -273px;
  width: 51px;
  height: 0;
  padding-top: 74px; }

.sprite-susume-oil-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -132px -124px;
  width: 39px;
  height: 0;
  padding-top: 64px; }

.sprite-susume-oil-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -175px -124px;
  width: 39px;
  height: 0;
  padding-top: 64px; }

.sprite-susume-result-item-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -306px -79px;
  width: 89px;
  height: 0;
  padding-top: 64px; }

.sprite-susume-result-item-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -306px 0px;
  width: 89px;
  height: 0;
  padding-top: 75px; }

.sprite-susume-result-item-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -306px -147px;
  width: 79px;
  height: 0;
  padding-top: 70px; }

.sprite-susume-result-item-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -198px;
  width: 105px;
  height: 0;
  padding-top: 71px; }

.sprite-susume-result-item-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -124px;
  width: 128px;
  height: 0;
  padding-top: 70px; }

.sprite-susume-result-item-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -204px 0px;
  width: 98px;
  height: 0;
  padding-top: 98px; }

.sprite-2x-susume-bg-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100px;
  padding-top: 60px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-lamp-lightning {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -109px -62px;
  width: 13.5px;
  padding-top: 29px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-lamp {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -136.5px;
  width: 25.5px;
  padding-top: 37px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-oil-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -66px -62px;
  width: 19.5px;
  padding-top: 32px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-oil-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -87.5px -62px;
  width: 19.5px;
  padding-top: 32px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -153px -39.5px;
  width: 44.5px;
  padding-top: 32px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -153px 0px;
  width: 44.5px;
  padding-top: 37.5px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -153px -73.5px;
  width: 39.5px;
  padding-top: 35px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -99px;
  width: 52.5px;
  padding-top: 35.5px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: 0px -62px;
  width: 64px;
  padding-top: 35px;
  background-size: 197.5px 173.5px; }

.sprite-2x-susume-result-item-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -102px 0px;
  width: 49px;
  padding-top: 49px;
  background-size: 197.5px 173.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-closeup-3-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -808px 0px;
  width: 342px;
  height: 0;
  padding-top: 125px; }

.sprite-susume-closeup-3-arrow-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -884px -244px;
  width: 22px;
  height: 0;
  padding-top: 125px; }

.sprite-susume-closeup-3-arrows {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -808px -244px;
  width: 72px;
  height: 0;
  padding-top: 214px; }

.sprite-susume-closeup-3-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 500px;
  height: 0;
  padding-top: 470px; }

.sprite-susume-closeup-3-gas {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -808px -129px;
  width: 180px;
  height: 0;
  padding-top: 111px; }

.sprite-susume-closeup-3-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -504px 0px;
  width: 300px;
  height: 0;
  padding-top: 300px; }

.sprite-susume-closeup-3-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: 0px -474px;
  width: 300px;
  height: 0;
  padding-top: 300px; }

.sprite-susume-closeup-3-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -304px -474px;
  width: 300px;
  height: 0;
  padding-top: 300px; }

.sprite-2x-susume-closeup-3-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -404px 0px;
  width: 171px;
  padding-top: 62.5px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-arrow-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -442px -122px;
  width: 11px;
  padding-top: 62.5px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-arrows {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -404px -122px;
  width: 36px;
  padding-top: 107px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-furnace {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 250px;
  padding-top: 235px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-gas {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -404px -64.5px;
  width: 90px;
  padding-top: 55.5px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -252px 0px;
  width: 150px;
  padding-top: 150px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: 0px -237px;
  width: 150px;
  padding-top: 150px;
  background-size: 575px 387px; }

.sprite-2x-susume-closeup-3-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-15.png);
  background-repeat: no-repeat;
  background-position: -152px -237px;
  width: 150px;
  padding-top: 150px;
  background-size: 575px 387px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-company-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-16.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 225px;
  height: 0;
  padding-top: 80px; }

.sprite-scroll-sign {
  background-image: url(/csr/plastic-recycle/img/sprite-16.png);
  background-repeat: no-repeat;
  background-position: 0px -84px;
  width: 117px;
  height: 0;
  padding-top: 63px; }

.sprite-2x-company-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-16.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 112.5px;
  padding-top: 40px;
  background-size: 112.5px 73.5px; }

.sprite-2x-scroll-sign {
  background-image: url(/csr/plastic-recycle/img/sprite-16.png);
  background-repeat: no-repeat;
  background-position: 0px -42px;
  width: 58.5px;
  padding-top: 31.5px;
  background-size: 112.5px 73.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-closeup-1-arrow {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -944px 0px;
  width: 427px;
  height: 0;
  padding-top: 442px; }

.sprite-susume-closeup-1-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1111px -810px;
  width: 143px;
  height: 0;
  padding-top: 122px; }

.sprite-susume-closeup-1-car {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -958px -810px;
  width: 149px;
  height: 0;
  padding-top: 123px; }

.sprite-susume-closeup-1-frame {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 940px;
  height: 0;
  padding-top: 806px; }

.sprite-susume-closeup-1-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1236px -446px;
  width: 98px;
  height: 0;
  padding-top: 94px; }

.sprite-susume-closeup-1-human {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -832px -810px;
  width: 122px;
  height: 0;
  padding-top: 202px; }

.sprite-susume-closeup-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -958px -937px;
  width: 100px;
  height: 0;
  padding-top: 49px; }

.sprite-susume-closeup-1-img-11 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -1100px;
  width: 62px;
  height: 0;
  padding-top: 94px; }

.sprite-susume-closeup-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1166px -629px;
  width: 182px;
  height: 0;
  padding-top: 77px; }

.sprite-susume-closeup-1-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -944px -446px;
  width: 288px;
  height: 0;
  padding-top: 179px; }

.sprite-susume-closeup-1-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -1017px;
  width: 78px;
  height: 0;
  padding-top: 79px; }

.sprite-susume-closeup-1-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -944px -629px;
  width: 218px;
  height: 0;
  padding-top: 105px; }

.sprite-susume-closeup-1-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1258px -810px;
  width: 78px;
  height: 0;
  padding-top: 80px; }

.sprite-susume-closeup-1-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -418px -810px;
  width: 203px;
  height: 0;
  padding-top: 203px; }

.sprite-susume-closeup-1-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -210px -810px;
  width: 204px;
  height: 0;
  padding-top: 203px; }

.sprite-susume-closeup-1-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -625px -810px;
  width: 203px;
  height: 0;
  padding-top: 203px; }

.sprite-susume-closeup-1-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -810px;
  width: 206px;
  height: 0;
  padding-top: 203px; }

.sprite-susume-popup-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1338px -446px;
  width: 16px;
  height: 0;
  padding-top: 16px; }

.sprite-susume-popup-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -944px -738px;
  width: 300px;
  height: 0;
  padding-top: 30px; }

.sprite-susume-popup-1-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -1236px -544px;
  width: 107px;
  height: 0;
  padding-top: 74px; }

.sprite-2x-susume-closeup-1-arrow {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -472px 0px;
  width: 213.5px;
  padding-top: 221px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -555.5px -405px;
  width: 71.5px;
  padding-top: 61px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-car {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -479px -405px;
  width: 74.5px;
  padding-top: 61.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-frame {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 470px;
  padding-top: 403px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -618px -223px;
  width: 49px;
  padding-top: 47px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-human {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -416px -405px;
  width: 61px;
  padding-top: 101px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -479px -468.5px;
  width: 50px;
  padding-top: 24.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-11 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -550px;
  width: 31px;
  padding-top: 47px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -583px -314.5px;
  width: 91px;
  padding-top: 38.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -472px -223px;
  width: 144px;
  padding-top: 89.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -508.5px;
  width: 39px;
  padding-top: 39.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -472px -314.5px;
  width: 109px;
  padding-top: 52.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -629px -405px;
  width: 39px;
  padding-top: 40px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -209px -405px;
  width: 101.5px;
  padding-top: 101.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -105px -405px;
  width: 102px;
  padding-top: 101.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -312.5px -405px;
  width: 101.5px;
  padding-top: 101.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-closeup-1-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: 0px -405px;
  width: 103px;
  padding-top: 101.5px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-popup-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -669px -223px;
  width: 8px;
  padding-top: 8px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-popup-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -472px -369px;
  width: 150px;
  padding-top: 15px;
  background-size: 685.5px 597px; }

.sprite-2x-susume-popup-1-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-17.png);
  background-repeat: no-repeat;
  background-position: -618px -272px;
  width: 53.5px;
  padding-top: 37px;
  background-size: 685.5px 597px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-closeup-2-illust-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -243px;
  width: 53px;
  height: 0;
  padding-top: 39px; }

.sprite-susume-closeup-2-illust-img-11 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -527px;
  width: 87px;
  height: 0;
  padding-top: 91px; }

.sprite-susume-closeup-2-illust-img-12 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -197px -413px;
  width: 83px;
  height: 0;
  padding-top: 100px; }

.sprite-susume-closeup-2-illust-img-13 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px 0px;
  width: 67px;
  height: 0;
  padding-top: 104px; }

.sprite-susume-closeup-2-illust-img-14 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -551px 0px;
  width: 162px;
  height: 0;
  padding-top: 172px; }

.sprite-susume-closeup-2-illust-img-15 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -750px -372px;
  width: 30px;
  height: 0;
  padding-top: 30px; }

.sprite-susume-closeup-2-illust-img-17 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -286px;
  width: 47px;
  height: 0;
  padding-top: 38px; }

.sprite-susume-closeup-2-illust-img-18 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 324px;
  height: 0;
  padding-top: 211px; }

.sprite-susume-closeup-2-illust-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -177px;
  width: 62px;
  height: 0;
  padding-top: 62px; }

.sprite-susume-closeup-2-illust-img-21 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -328px 0px;
  width: 219px;
  height: 0;
  padding-top: 160px; }

.sprite-susume-closeup-2-illust-img-22 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -762px -328px;
  width: 19px;
  height: 0;
  padding-top: 10px; }

.sprite-susume-closeup-2-illust-img-23 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -215px;
  width: 219px;
  height: 0;
  padding-top: 160px; }

.sprite-susume-closeup-2-illust-img-24 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -379px;
  width: 530px;
  height: 0;
  padding-top: 30px; }

.sprite-susume-closeup-2-illust-img-25 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -413px;
  width: 101px;
  height: 0;
  padding-top: 110px; }

.sprite-susume-closeup-2-illust-img-26 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -551px -176px;
  width: 100px;
  height: 0;
  padding-top: 114px; }

.sprite-susume-closeup-2-illust-img-27 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -328px;
  width: 41px;
  height: 0;
  padding-top: 40px; }

.sprite-susume-closeup-2-illust-img-28 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -223px -215px;
  width: 323px;
  height: 0;
  padding-top: 80px; }

.sprite-susume-closeup-2-illust-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -284px -413px;
  width: 90px;
  height: 0;
  padding-top: 90px; }

.sprite-susume-closeup-2-illust-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -105px -413px;
  width: 88px;
  height: 0;
  padding-top: 100px; }

.sprite-susume-closeup-2-illust-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -108px;
  width: 61px;
  height: 0;
  padding-top: 65px; }

.sprite-susume-closeup-2-illust-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -551px -294px;
  width: 71px;
  height: 0;
  padding-top: 34px; }

.sprite-susume-closeup-2-illust-img-8 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -372px;
  width: 29px;
  height: 0;
  padding-top: 38px; }

.sprite-susume-closeup-2-illust-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -717px -414px;
  width: 25px;
  height: 0;
  padding-top: 11px; }

.sprite-2x-susume-closeup-2-illust-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -121.5px;
  width: 26.5px;
  padding-top: 19.5px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-11 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -263.5px;
  width: 43.5px;
  padding-top: 45.5px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-12 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -98.5px -206.5px;
  width: 41.5px;
  padding-top: 50px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-13 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px 0px;
  width: 33.5px;
  padding-top: 52px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-14 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -275.5px 0px;
  width: 81px;
  padding-top: 86px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-15 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -375px -186px;
  width: 15px;
  padding-top: 15px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-17 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -143px;
  width: 23.5px;
  padding-top: 19px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-18 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 162px;
  padding-top: 105.5px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -88.5px;
  width: 31px;
  padding-top: 31px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-21 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -164px 0px;
  width: 109.5px;
  padding-top: 80px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-22 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -381px -164px;
  width: 9.5px;
  padding-top: 5px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-23 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -107.5px;
  width: 109.5px;
  padding-top: 80px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-24 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -189.5px;
  width: 265px;
  padding-top: 15px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-25 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: 0px -206.5px;
  width: 50.5px;
  padding-top: 55px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-26 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -275.5px -88px;
  width: 50px;
  padding-top: 57px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-27 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -164px;
  width: 20.5px;
  padding-top: 20px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-28 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -111.5px -107.5px;
  width: 161.5px;
  padding-top: 40px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -142px -206.5px;
  width: 45px;
  padding-top: 45px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -52.5px -206.5px;
  width: 44px;
  padding-top: 50px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -54px;
  width: 30.5px;
  padding-top: 32.5px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -275.5px -147px;
  width: 35.5px;
  padding-top: 17px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-8 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -186px;
  width: 14.5px;
  padding-top: 19px;
  background-size: 392px 309px; }

.sprite-2x-susume-closeup-2-illust-img-9 {
  background-image: url(/csr/plastic-recycle/img/sprite-18.png);
  background-repeat: no-repeat;
  background-position: -358.5px -207px;
  width: 12.5px;
  padding-top: 5.5px;
  background-size: 392px 309px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-closeup-4-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -918px -612px;
  width: 190px;
  height: 0;
  padding-top: 93px; }

.sprite-susume-closeup-4-arrow-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -357px -570px;
  width: 368px;
  height: 0;
  padding-top: 113px; }

.sprite-susume-closeup-4-arrow-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px -285px;
  width: 450px;
  height: 0;
  padding-top: 205px; }

.sprite-susume-closeup-4-arrow-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -570px;
  width: 353px;
  height: 0;
  padding-top: 149px; }

.sprite-susume-closeup-4-arrow-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -723px;
  width: 320px;
  height: 0;
  padding-top: 89px; }

.sprite-susume-closeup-4-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -918px 0px;
  width: 200px;
  height: 0;
  padding-top: 200px; }

.sprite-susume-closeup-4-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -918px -204px;
  width: 200px;
  height: 0;
  padding-top: 200px; }

.sprite-susume-closeup-4-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -918px -408px;
  width: 200px;
  height: 0;
  padding-top: 200px; }

.sprite-susume-closeup-4-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 455px;
  height: 0;
  padding-top: 281px; }

.sprite-susume-closeup-4-photo-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px 0px;
  width: 455px;
  height: 0;
  padding-top: 281px; }

.sprite-susume-closeup-4-photo-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -285px;
  width: 455px;
  height: 0;
  padding-top: 281px; }

.sprite-2x-susume-closeup-4-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px -306px;
  width: 95px;
  padding-top: 46.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-arrow-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -178.5px -285px;
  width: 184px;
  padding-top: 56.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-arrow-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -229.5px -142.5px;
  width: 225px;
  padding-top: 102.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-arrow-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -285px;
  width: 176.5px;
  padding-top: 74.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-arrow-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -361.5px;
  width: 160px;
  padding-top: 44.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px 0px;
  width: 100px;
  padding-top: 100px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px -102px;
  width: 100px;
  padding-top: 100px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -459px -204px;
  width: 100px;
  padding-top: 100px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 227.5px;
  padding-top: 140.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: -229.5px 0px;
  width: 227.5px;
  padding-top: 140.5px;
  background-size: 559px 406px; }

.sprite-2x-susume-closeup-4-photo-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-19.png);
  background-repeat: no-repeat;
  background-position: 0px -142.5px;
  width: 227.5px;
  padding-top: 140.5px;
  background-size: 559px 406px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-btn-next {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -1426px -646px;
  width: 60px;
  height: 0;
  padding-top: 60px; }

.sprite-book-section-1-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -1178px -646px;
  width: 244px;
  height: 0;
  padding-top: 73px; }

.sprite-book-section-1-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -856px -754px;
  width: 383px;
  height: 0;
  padding-top: 125px; }

.sprite-book-section-1-img-2-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -1178px 0px;
  width: 454px;
  height: 0;
  padding-top: 642px; }

.sprite-book-section-1-img-2-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -754px;
  width: 400px;
  height: 0;
  padding-top: 388px; }

.sprite-book-section-1-img-back {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -695px 0px;
  width: 479px;
  height: 0;
  padding-top: 658px; }

.sprite-ehon-back-cup {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -211px -1146px;
  width: 201px;
  height: 0;
  padding-top: 136px; }

.sprite-ehon-back-fork {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -1146px;
  width: 207px;
  height: 0;
  padding-top: 149px; }

.sprite-ehon-back-leaf-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -1402px -754px;
  width: 156px;
  height: 0;
  padding-top: 94px; }

.sprite-ehon-back-leaf-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -1243px -754px;
  width: 155px;
  height: 0;
  padding-top: 97px; }

.sprite-ehon-back-leaf {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -1299px;
  width: 104px;
  height: 0;
  padding-top: 149px; }

.sprite-ehon-back-pack {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -404px -754px;
  width: 213px;
  height: 0;
  padding-top: 342px; }

.sprite-ehon-back-spoon {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -621px -754px;
  width: 231px;
  height: 0;
  padding-top: 212px; }

.sprite-ehon-mat {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 691px;
  height: 0;
  padding-top: 750px; }

.sprite-2x-book-btn-next {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -713px -323px;
  width: 30px;
  padding-top: 30px;
  background-size: 816px 724px; }

.sprite-2x-book-section-1-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -589px -323px;
  width: 122px;
  padding-top: 36.5px;
  background-size: 816px 724px; }

.sprite-2x-book-section-1-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -428px -377px;
  width: 191.5px;
  padding-top: 62.5px;
  background-size: 816px 724px; }

.sprite-2x-book-section-1-img-2-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -589px 0px;
  width: 227px;
  padding-top: 321px;
  background-size: 816px 724px; }

.sprite-2x-book-section-1-img-2-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -377px;
  width: 200px;
  padding-top: 194px;
  background-size: 816px 724px; }

.sprite-2x-book-section-1-img-back {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -347.5px 0px;
  width: 239.5px;
  padding-top: 329px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-cup {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -105.5px -573px;
  width: 100.5px;
  padding-top: 68px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-fork {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -573px;
  width: 103.5px;
  padding-top: 74.5px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-leaf-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -701px -377px;
  width: 78px;
  padding-top: 47px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-leaf-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -621.5px -377px;
  width: 77.5px;
  padding-top: 48.5px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-leaf {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px -649.5px;
  width: 52px;
  padding-top: 74.5px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-pack {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -202px -377px;
  width: 106.5px;
  padding-top: 171px;
  background-size: 816px 724px; }

.sprite-2x-ehon-back-spoon {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: -310.5px -377px;
  width: 115.5px;
  padding-top: 106px;
  background-size: 816px 724px; }

.sprite-2x-ehon-mat {
  background-image: url(/csr/plastic-recycle/img/sprite-20.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 345.5px;
  padding-top: 375px;
  background-size: 816px 724px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-2-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: -603px -757px;
  width: 118px;
  height: 0;
  padding-top: 116px; }

.sprite-book-section-2-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: 0px -656px;
  width: 599px;
  height: 0;
  padding-top: 279px; }

.sprite-book-section-2-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: -603px -656px;
  width: 397px;
  height: 0;
  padding-top: 97px; }

.sprite-book-section-2_11-img-back {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 1030px;
  height: 0;
  padding-top: 652px; }

.sprite-2x-book-section-2-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: -301.5px -378.5px;
  width: 59px;
  padding-top: 58px;
  background-size: 515px 467.5px; }

.sprite-2x-book-section-2-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: 0px -328px;
  width: 299.5px;
  padding-top: 139.5px;
  background-size: 515px 467.5px; }

.sprite-2x-book-section-2-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: -301.5px -328px;
  width: 198.5px;
  padding-top: 48.5px;
  background-size: 515px 467.5px; }

.sprite-2x-book-section-2_11-img-back {
  background-image: url(/csr/plastic-recycle/img/sprite-21.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 515px;
  padding-top: 326px;
  background-size: 515px 467.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-3-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -361px -330px;
  width: 487px;
  height: 0;
  padding-top: 137px; }

.sprite-book-section-3-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -518px 0px;
  width: 534px;
  height: 0;
  padding-top: 264px; }

.sprite-book-section-3-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px -330px;
  width: 357px;
  height: 0;
  padding-top: 278px; }

.sprite-book-section-3-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -268px -612px;
  width: 215px;
  height: 0;
  padding-top: 166px; }

.sprite-book-section-3-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px -612px;
  width: 264px;
  height: 0;
  padding-top: 298px; }

.sprite-book-section-3-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 514px;
  height: 0;
  padding-top: 326px; }

.sprite-2x-book-section-3-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -180.5px -165px;
  width: 243.5px;
  padding-top: 68.5px;
  background-size: 526px 455px; }

.sprite-2x-book-section-3-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -259px 0px;
  width: 267px;
  padding-top: 132px;
  background-size: 526px 455px; }

.sprite-2x-book-section-3-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px -165px;
  width: 178.5px;
  padding-top: 139px;
  background-size: 526px 455px; }

.sprite-2x-book-section-3-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: -134px -306px;
  width: 107.5px;
  padding-top: 83px;
  background-size: 526px 455px; }

.sprite-2x-book-section-3-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px -306px;
  width: 132px;
  padding-top: 149px;
  background-size: 526px 455px; }

.sprite-2x-book-section-3-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-22.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 257px;
  padding-top: 163px;
  background-size: 526px 455px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-4-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: 0px -605px;
  width: 264px;
  height: 0;
  padding-top: 305px; }

.sprite-book-section-4-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -268px -605px;
  width: 193px;
  height: 0;
  padding-top: 291px; }

.sprite-book-section-5-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -465px -705px;
  width: 79px;
  height: 0;
  padding-top: 98px; }

.sprite-book-section-5-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -563px -605px;
  width: 87px;
  height: 0;
  padding-top: 94px; }

.sprite-book-section-5-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -465px -605px;
  width: 94px;
  height: 0;
  padding-top: 96px; }

.sprite-book-section-5-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -745px -605px;
  width: 86px;
  height: 0;
  padding-top: 88px; }

.sprite-book-section-5-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -654px -605px;
  width: 87px;
  height: 0;
  padding-top: 89px; }

.sprite-book-section-5-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 1006px;
  height: 0;
  padding-top: 601px; }

.sprite-2x-book-section-4-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: 0px -302.5px;
  width: 132px;
  padding-top: 152.5px;
  background-size: 503px 455px; }

.sprite-2x-book-section-4-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -134px -302.5px;
  width: 96.5px;
  padding-top: 145.5px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -232.5px -352.5px;
  width: 39.5px;
  padding-top: 49px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -281.5px -302.5px;
  width: 43.5px;
  padding-top: 47px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -232.5px -302.5px;
  width: 47px;
  padding-top: 48px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -372.5px -302.5px;
  width: 43px;
  padding-top: 44px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: -327px -302.5px;
  width: 43.5px;
  padding-top: 44.5px;
  background-size: 503px 455px; }

.sprite-2x-book-section-5-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-23.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 503px;
  padding-top: 300.5px;
  background-size: 503px 455px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-6-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -882px -708px;
  width: 266px;
  height: 0;
  padding-top: 285px; }

.sprite-book-section-6-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 878px;
  height: 0;
  padding-top: 440px; }

.sprite-book-section-6-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -882px 0px;
  width: 569px;
  height: 0;
  padding-top: 252px; }

.sprite-book-section-6-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -882px -256px;
  width: 539px;
  height: 0;
  padding-top: 214px; }

.sprite-book-section-6-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: 0px -444px;
  width: 503px;
  height: 0;
  padding-top: 601px; }

.sprite-book-section-7-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -507px -444px;
  width: 172px;
  height: 0;
  padding-top: 601px; }

.sprite-book-section-7-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -882px -474px;
  width: 403px;
  height: 0;
  padding-top: 230px; }

.sprite-book-section-7-img-3-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1379px -555px;
  width: 66px;
  height: 0;
  padding-top: 30px; }

.sprite-book-section-7-img-3-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1289px -633px;
  width: 84px;
  height: 0;
  padding-top: 45px; }

.sprite-book-section-7-img-3-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1289px -555px;
  width: 86px;
  height: 0;
  padding-top: 74px; }

.sprite-book-section-7-img-3-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1383px -474px;
  width: 60px;
  height: 0;
  padding-top: 53px; }

.sprite-book-section-7-img-3-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1379px -589px;
  width: 39px;
  height: 0;
  padding-top: 30px; }

.sprite-book-section-7-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1152px -708px;
  width: 193px;
  height: 0;
  padding-top: 241px; }

.sprite-ehon-description-chara {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -1289px -474px;
  width: 90px;
  height: 0;
  padding-top: 77px; }

.sprite-2x-book-section-6-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -441px -354px;
  width: 133px;
  padding-top: 142.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-6-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 439px;
  padding-top: 220px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-6-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -441px 0px;
  width: 284.5px;
  padding-top: 126px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-6-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -441px -128px;
  width: 269.5px;
  padding-top: 107px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-6-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: 0px -222px;
  width: 251.5px;
  padding-top: 300.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -253.5px -222px;
  width: 86px;
  padding-top: 300.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -441px -237px;
  width: 201.5px;
  padding-top: 115px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-3-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -689.5px -277.5px;
  width: 33px;
  padding-top: 15px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-3-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -644.5px -316.5px;
  width: 42px;
  padding-top: 22.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-3-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -644.5px -277.5px;
  width: 43px;
  padding-top: 37px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-3-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -691.5px -237px;
  width: 30px;
  padding-top: 26.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-3-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -689.5px -294.5px;
  width: 19.5px;
  padding-top: 15px;
  background-size: 725.5px 522.5px; }

.sprite-2x-book-section-7-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -576px -354px;
  width: 96.5px;
  padding-top: 120.5px;
  background-size: 725.5px 522.5px; }

.sprite-2x-ehon-description-chara {
  background-image: url(/csr/plastic-recycle/img/sprite-24.png);
  background-repeat: no-repeat;
  background-position: -644.5px -237px;
  width: 45px;
  padding-top: 38.5px;
  background-size: 725.5px 522.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-8-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -692px -396px;
  width: 50px;
  height: 0;
  padding-top: 36px; }

.sprite-book-section-8-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -599px -396px;
  width: 89px;
  height: 0;
  padding-top: 85px; }

.sprite-book-section-8-img-1-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -738px -260px;
  width: 114px;
  height: 0;
  padding-top: 104px; }

.sprite-book-section-8-img-1-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -599px -260px;
  width: 135px;
  height: 0;
  padding-top: 132px; }

.sprite-book-section-8-img-4-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 595px;
  height: 0;
  padding-top: 579px; }

.sprite-book-section-9-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -364px -583px;
  width: 172px;
  height: 0;
  padding-top: 601px; }

.sprite-book-section-9-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -599px 0px;
  width: 254px;
  height: 0;
  padding-top: 256px; }

.sprite-ehon-section-8-img {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: 0px -583px;
  width: 360px;
  height: 0;
  padding-top: 616px; }

.sprite-ehon-star {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -746px -396px;
  width: 38px;
  height: 0;
  padding-top: 35px; }

.sprite-2x-book-section-8-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -346px -198px;
  width: 25px;
  padding-top: 18px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-8-img-1-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -299.5px -198px;
  width: 44.5px;
  padding-top: 42.5px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-8-img-1-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -369px -130px;
  width: 57px;
  padding-top: 52px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-8-img-1-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -299.5px -130px;
  width: 67.5px;
  padding-top: 66px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-8-img-4-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 297.5px;
  padding-top: 289.5px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-9-img-1-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -182px -291.5px;
  width: 86px;
  padding-top: 300.5px;
  background-size: 426.5px 599.5px; }

.sprite-2x-book-section-9-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -299.5px 0px;
  width: 127px;
  padding-top: 128px;
  background-size: 426.5px 599.5px; }

.sprite-2x-ehon-section-8-img {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: 0px -291.5px;
  width: 180px;
  padding-top: 308px;
  background-size: 426.5px 599.5px; }

.sprite-2x-ehon-star {
  background-image: url(/csr/plastic-recycle/img/sprite-25.png);
  background-repeat: no-repeat;
  background-position: -373px -198px;
  width: 19px;
  padding-top: 17.5px;
  background-size: 426.5px 599.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-book-section-10-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -507px -662px;
  width: 267px;
  height: 0;
  padding-top: 327px; }

.sprite-book-section-10-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -947px -835px;
  width: 177px;
  height: 0;
  padding-top: 124px; }

.sprite-book-section-10-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -1018px -662px;
  width: 181px;
  height: 0;
  padding-top: 169px; }

.sprite-book-section-10-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -778px -835px;
  width: 165px;
  height: 0;
  padding-top: 147px; }

.sprite-book-section-10-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px -662px;
  width: 503px;
  height: 0;
  padding-top: 388px; }

.sprite-book-section-11-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px -1054px;
  width: 408px;
  height: 0;
  padding-top: 396px; }

.sprite-book-section-12-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -609px -1054px;
  width: 164px;
  height: 0;
  padding-top: 169px; }

.sprite-book-section-12-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -947px -1054px;
  width: 150px;
  height: 0;
  padding-top: 146px; }

.sprite-book-section-12-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -412px -1054px;
  width: 193px;
  height: 0;
  padding-top: 175px; }

.sprite-book-section-12-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -778px -662px;
  width: 236px;
  height: 0;
  padding-top: 169px; }

.sprite-book-section-12-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -412px -1233px;
  width: 151px;
  height: 0;
  padding-top: 186px; }

.sprite-book-section-12-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -1203px -662px;
  width: 179px;
  height: 0;
  padding-top: 156px; }

.sprite-book-section-12-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -777px -1054px;
  width: 166px;
  height: 0;
  padding-top: 155px; }

.sprite-book-section-13-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 479px;
  height: 0;
  padding-top: 658px; }

.sprite-ehon-section-11-back {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -483px 0px;
  width: 503px;
  height: 0;
  padding-top: 601px; }

.sprite-ehon-section-12-back {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -990px 0px;
  width: 503px;
  height: 0;
  padding-top: 601px; }

.sprite-2x-book-section-10-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -253.5px -331px;
  width: 133.5px;
  padding-top: 163.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-10-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -473.5px -417.5px;
  width: 88.5px;
  padding-top: 62px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-10-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -509px -331px;
  width: 90.5px;
  padding-top: 84.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-10-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -389px -417.5px;
  width: 82.5px;
  padding-top: 73.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-10-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px -331px;
  width: 251.5px;
  padding-top: 194px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-11-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px -527px;
  width: 204px;
  padding-top: 198px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -304.5px -527px;
  width: 82px;
  padding-top: 84.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -473.5px -527px;
  width: 75px;
  padding-top: 73px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -206px -527px;
  width: 96.5px;
  padding-top: 87.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -389px -331px;
  width: 118px;
  padding-top: 84.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -206px -616.5px;
  width: 75.5px;
  padding-top: 93px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -601.5px -331px;
  width: 89.5px;
  padding-top: 78px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-12-img-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -388.5px -527px;
  width: 83px;
  padding-top: 77.5px;
  background-size: 746.5px 725px; }

.sprite-2x-book-section-13-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 239.5px;
  padding-top: 329px;
  background-size: 746.5px 725px; }

.sprite-2x-ehon-section-11-back {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -241.5px 0px;
  width: 251.5px;
  padding-top: 300.5px;
  background-size: 746.5px 725px; }

.sprite-2x-ehon-section-12-back {
  background-image: url(/csr/plastic-recycle/img/sprite-26.png);
  background-repeat: no-repeat;
  background-position: -495px 0px;
  width: 251.5px;
  padding-top: 300.5px;
  background-size: 746.5px 725px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-mobile-top-img {
  background-image: url(/csr/plastic-recycle/img/sprite-27.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 585px;
  height: 0;
  padding-top: 577px; }

.sprite-mobile-top-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-27.png);
  background-repeat: no-repeat;
  background-position: -589px 0px;
  width: 750px;
  height: 0;
  padding-top: 403px; }

.sprite-2x-mobile-top-img {
  background-image: url(/csr/plastic-recycle/img/sprite-27.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 292.5px;
  padding-top: 288.5px;
  background-size: 669.5px 288.5px; }

.sprite-2x-mobile-top-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-27.png);
  background-repeat: no-repeat;
  background-position: -294.5px 0px;
  width: 375px;
  padding-top: 201.5px;
  background-size: 669.5px 288.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-s-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-28.png);
  background-repeat: no-repeat;
  background-position: -725px 0px;
  width: 744px;
  height: 0;
  padding-top: 1874px; }

.sprite-susume-s-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-28.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 721px;
  height: 0;
  padding-top: 2813px; }

.sprite-2x-susume-s-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-28.png);
  background-repeat: no-repeat;
  background-position: -362.5px 0px;
  width: 372px;
  padding-top: 937px;
  background-size: 734.5px 1406.5px; }

.sprite-2x-susume-s-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-28.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 360.5px;
  padding-top: 1406.5px;
  background-size: 734.5px 1406.5px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-s-car-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1892px -450px;
  width: 221px;
  height: 0;
  padding-top: 184px; }

.sprite-susume-s-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1892px -638px;
  width: 214px;
  height: 0;
  padding-top: 183px; }

.sprite-susume-s-car-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1189px -730px;
  width: 91px;
  height: 0;
  padding-top: 75px; }

.sprite-susume-s-car-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1864px -1174px;
  width: 116px;
  height: 0;
  padding-top: 101px; }

.sprite-susume-s-garbage-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -2018px -916px;
  width: 37px;
  height: 0;
  padding-top: 26px; }

.sprite-susume-s-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1284px -730px;
  width: 46px;
  height: 0;
  padding-top: 54px; }

.sprite-susume-s-lightning-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -2061px -1279px;
  width: 34px;
  height: 0;
  padding-top: 74px; }

.sprite-susume-s-lightning {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -2058px -951px;
  width: 35px;
  height: 0;
  padding-top: 74px; }

.sprite-susume-s-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px -1468px;
  width: 727px;
  height: 0;
  padding-top: 316px; }

.sprite-susume-s-pointer {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1864px -1279px;
  width: 102px;
  height: 0;
  padding-top: 102px; }

.sprite-susume-s-popup-1-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1410px -450px;
  width: 478px;
  height: 0;
  padding-top: 627px; }

.sprite-susume-s-popup-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1410px -1081px;
  width: 450px;
  height: 0;
  padding-top: 351px; }

.sprite-susume-s-popup-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 712px;
  height: 0;
  padding-top: 1464px; }

.sprite-susume-s-popup-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -716px -730px;
  width: 469px;
  height: 0;
  padding-top: 505px; }

.sprite-susume-s-popup-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -731px -1468px;
  width: 432px;
  height: 0;
  padding-top: 267px; }

.sprite-susume-s-popup-1-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px -1788px;
  width: 294px;
  height: 0;
  padding-top: 294px; }

.sprite-susume-s-popup-1-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -298px -1788px;
  width: 294px;
  height: 0;
  padding-top: 294px; }

.sprite-susume-s-popup-1-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -596px -1788px;
  width: 294px;
  height: 0;
  padding-top: 294px; }

.sprite-susume-s-popup-1-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -894px -1788px;
  width: 294px;
  height: 0;
  padding-top: 294px; }

.sprite-susume-s-popup-3-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -716px 0px;
  width: 690px;
  height: 0;
  padding-top: 726px; }

.sprite-susume-s-result-bg {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1410px 0px;
  width: 708px;
  height: 0;
  padding-top: 446px; }

.sprite-susume-s-result-item-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -2000px -1081px;
  width: 112px;
  height: 0;
  padding-top: 81px; }

.sprite-susume-s-result-item-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -2018px -825px;
  width: 99px;
  height: 0;
  padding-top: 87px; }

.sprite-susume-s-result-item-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1984px -1174px;
  width: 113px;
  height: 0;
  padding-top: 95px; }

.sprite-susume-s-result-item-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1970px -1279px;
  width: 87px;
  height: 0;
  padding-top: 95px; }

.sprite-susume-s-result-item-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1892px -825px;
  width: 122px;
  height: 0;
  padding-top: 122px; }

.sprite-susume-s-result-item-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1892px -951px;
  width: 162px;
  height: 0;
  padding-top: 90px; }

.sprite-susume-s-result-item-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1864px -1081px;
  width: 132px;
  height: 0;
  padding-top: 89px; }

.sprite-2x-susume-s-car-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -946px -225px;
  width: 110.5px;
  padding-top: 92px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-car-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -946px -319px;
  width: 107px;
  padding-top: 91.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-car-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -594.5px -365px;
  width: 45.5px;
  padding-top: 37.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-car-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -932px -587px;
  width: 58px;
  padding-top: 50.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-garbage-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1009px -458px;
  width: 18.5px;
  padding-top: 13px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-garbage {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -642px -365px;
  width: 23px;
  padding-top: 27px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-lightning-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1030.5px -639.5px;
  width: 17px;
  padding-top: 37px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-lightning {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1029px -475.5px;
  width: 17.5px;
  padding-top: 37px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-logo {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px -734px;
  width: 363.5px;
  padding-top: 158px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-pointer {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -932px -639.5px;
  width: 51px;
  padding-top: 51px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-arrow-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -705px -225px;
  width: 239px;
  padding-top: 313.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -705px -540.5px;
  width: 225px;
  padding-top: 175.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-img-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 356px;
  padding-top: 732px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-img-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -358px -365px;
  width: 234.5px;
  padding-top: 252.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-img-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -365.5px -734px;
  width: 216px;
  padding-top: 133.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-photo-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: 0px -894px;
  width: 147px;
  padding-top: 147px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-photo-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -149px -894px;
  width: 147px;
  padding-top: 147px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-photo-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -298px -894px;
  width: 147px;
  padding-top: 147px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-1-photo-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -447px -894px;
  width: 147px;
  padding-top: 147px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-popup-3-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -358px 0px;
  width: 345px;
  padding-top: 363px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-bg {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -705px 0px;
  width: 354px;
  padding-top: 223px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1000px -540.5px;
  width: 56px;
  padding-top: 40.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -1009px -412.5px;
  width: 49.5px;
  padding-top: 43.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -992px -587px;
  width: 56.5px;
  padding-top: 47.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -985px -639.5px;
  width: 43.5px;
  padding-top: 47.5px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-5 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -946px -412.5px;
  width: 61px;
  padding-top: 61px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-6 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -946px -475.5px;
  width: 81px;
  padding-top: 45px;
  background-size: 1059px 1041px; }

.sprite-2x-susume-s-result-item-7 {
  background-image: url(/csr/plastic-recycle/img/sprite-29.png);
  background-repeat: no-repeat;
  background-position: -932px -540.5px;
  width: 66px;
  padding-top: 44.5px;
  background-size: 1059px 1041px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.sprite-susume-s-building {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: -715px 0px;
  width: 333px;
  height: 0;
  padding-top: 270px; }

.sprite-susume-s-cokes {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: -715px -274px;
  width: 49px;
  height: 0;
  padding-top: 35px; }

.sprite-susume-s-popup-4-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 711px;
  height: 0;
  padding-top: 1569px; }

.sprite-2x-susume-s-building {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: -357.5px 0px;
  width: 166.5px;
  padding-top: 135px;
  background-size: 524px 784.5px; }

.sprite-2x-susume-s-cokes {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: -357.5px -137px;
  width: 24.5px;
  padding-top: 17.5px;
  background-size: 524px 784.5px; }

.sprite-2x-susume-s-popup-4-img-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-30.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 355.5px;
  padding-top: 784.5px;
  background-size: 524px 784.5px; }

body {
  background-color: #93989e;
  min-width: 940px;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 500; }
  body.is-loading {
    overflow: hidden; }
  body.is-responsive {
    min-width: 0; }
    @media (max-width: 768px) {
      body.is-responsive {
        margin-top: 60px; } }
    body.is-responsive.is-ehon {
      overflow: hidden; }

.container {
  width: 940px;
  margin: auto;
  height: 100%; }
  @media (max-width: 768px) {
    .is-responsive .container {
      width: auto; } }

@media (max-width: 768px) {
  .is-responsive .container--top {
    width: 940px; } }

.company-logo {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 4;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  overflow: hidden; }
  @media (max-width: 768px) {
    .is-responsive .company-logo {
      height: 60px;
      width: 100%;
      background: #fff; } }

.company-logo__img {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.gnav {
  position: fixed;
  width: 270px;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 9;
  pointer-events: none; }

.gnav-toggle {
  text-decoration: none;
  border: 1px solid #000;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.85);
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  pointer-events: auto; }
  .gnav-toggle:hover {
    text-decoration: none; }

.gnav-toggle__label {
  color: #3598db;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 40px;
  white-space: nowrap;
  display: block;
  font-weight: bold; }

.gnav-toggle__bar {
  position: absolute;
  height: 5px;
  width: 36px;
  display: block;
  background-color: #3598db;
  left: 12px; }

.gnav-toggle__bar--type-1 {
  top: 11px; }

.gnav-toggle__bar--type-2 {
  top: 21px; }

.gnav-toggle__bar--type-3 {
  top: 31px; }

.gnav-toggle__bar-2 {
  display: block;
  height: 1px;
  width: 30px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.gnav-toggle__bar-2--type-1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.gnav-toggle__bar-2--type-2 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.gnav-close-items,
.gnav-open-items {
  transition: all 0.2s;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.gnav-close-items,
.is-open .gnav-open-items {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.gnav-open-items,
.is-open .gnav-close-items {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }

.gnav-open-items--type-2 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.gnav-menu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(270px);
          transform: translateX(270px);
  transition: all 0.2s;
  pointer-events: auto; }
  .is-open .gnav-menu {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.gnav-menu__title {
  font-size: 23px;
  color: #3598db;
  font-weight: bold;
  height: 60px;
  margin: 0 60px 0 0;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  text-transform: uppercase;
  line-height: 60px;
  white-space: nowrap; }

.gnav-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.gnav-list__link {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px 15px 15px 28px;
  color: #fff;
  display: block;
  position: relative;
  transition: background-color 0.2s; }
  .gnav-list__link::before {
    display: inline-block;
    font-family: "symbols";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA01";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    font-size: 11px;
    height: 1em;
    line-height: 1;
    margin: auto;
    color: #93989e;
    transition: color 0.2s; }
  .gnav-list__link:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000; }
    .gnav-list__link:hover::before {
      color: #3598db; }
  .is-active .gnav-list__link {
    background-color: #1a6090; }
    .is-active .gnav-list__link::before {
      color: #3598db; }

.gnav-list__item {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.footer {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #093b55;
  text-align: center;
  color: #137bb1;
  padding: 20px 10px; }
  .is-susume-windows-firefox .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0; }

.loading-cover {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 55vh;
  padding-top: 45vh;
  z-index: 13;
  color: #3598db;
  text-align: center; }
  .is-responsive .loading-cover {
    top: 0;
    left: 0; }

.custom-loader {
  text-align: center; }
  .custom-loader div {
    background-color: #3598db; }

.button-1 {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100px;
  border: 2px solid #fff;
  color: #0c4a75;
  display: inline-block;
  font-weight: bold;
  padding: .8em;
  text-align: center; }
  .button-1:hover {
    text-decoration: none;
    color: #0c4a75; }

.suuji-section {
  overflow: hidden;
  position: relative;
  padding-bottom: 80px; }
  .is-responsive .suuji-section {
    padding-bottom: 0; }

.suuji-section--type-1 {
  background-color: #b2e7ff;
  height: 510px;
  padding-bottom: 0; }
  @media (max-width: 768px) {
    .is-responsive .suuji-section--type-1 {
      background: url(/csr/plastic-recycle/img/mobile-suuji-img-1.png) 50% 50% no-repeat #b2e7ff;
      background-size: cover;
      height: 69vw; } }

.suuji-impression {
  background: url(/csr/plastic-recycle/img/suuji-impression-back.png) 50% 100% no-repeat #73d0ff;
  height: 600px;
  padding-bottom: 0; }

.suuji-section--type-2 {
  background-color: #f2ecda;
  height: 800px;
  padding-top: 30px; }
  .is-responsive .suuji-section--type-2 {
    height: auto;
    background-color: #f2ecda;
    padding-top: 0; }

.suuji-section--type-3 {
  background-color: #fff;
  height: 800px; }
  .is-responsive .suuji-section--type-3 {
    height: auto;
    background-color: #fff; }

.suuji-section--type-4 {
  background-color: #f2ecda;
  height: 1030px; }
  .is-responsive .suuji-section--type-4 {
    height: auto;
    background-color: #f2ecda; }

.suuji-logo {
  width: 867px;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  margin: auto; }

.suuji-logo__bar {
  position: absolute;
  bottom: 48px;
  left: 58px; }

.suuji-logo__glass {
  position: absolute;
  top: -30px;
  right: -10px; }

.suuji-logo__line {
  position: absolute;
  bottom: 30px;
  left: 40px; }

.suuji-logo__glass-front {
  position: absolute;
  right: 89px;
  top: -30px; }

.suuji-logo__text {
  position: absolute;
  left: 75px;
  top: 67px; }

.suuji-title-back {
  height: 220px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/csr/plastic-recycle/img/graph-img-1.png"); }

@-webkit-keyframes anime-1 {
  from {
    background-position: 0 0; }
  to {
    background-position: -1500px 0; } }

@keyframes anime-1 {
  from {
    background-position: 0 0; }
  to {
    background-position: -1500px 0; } }

@-webkit-keyframes anime-2 {
  from {
    background-position: -750px 0; }
  to {
    background-position: -2250px 0; } }

@keyframes anime-2 {
  from {
    background-position: -750px 0; }
  to {
    background-position: -2250px 0; } }

.suuji-title-back--type-1 {
  opacity: 0.5;
  background-position: 50% 0;
  -webkit-animation-name: anime-1;
          animation-name: anime-1;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.suuji-title-back--type-2 {
  bottom: -55px;
  -webkit-animation-name: anime-2;
          animation-name: anime-2;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.suuji-title {
  position: relative;
  z-index: 2;
  top: 30px;
  background-color: #1f6390;
  border-radius: 10px;
  display: inline-block;
  padding: 20px; }
  .is-responsive .suuji-title {
    top: 0;
    border-top: 20px solid #164666;
    background-color: #1f6390;
    display: block;
    text-align: center;
    padding: 20px 0;
    border-radius: 0;
    margin-bottom: 30px; }
    .is-responsive .suuji-title::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-width: 20px;
      border-style: solid;
      border-color: #1f6390 transparent transparent;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin: auto; }

.suumi-title--type-2 {
  position: absolute;
  right: 0; }

.suuji-title__text {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  padding-left: 120px;
  color: #fff;
  line-height: 1.1;
  margin: 0; }
  .is-responsive .suuji-title__text {
    font-size: 26px;
    font-size: 2.6rem;
    padding-left: 0.25em;
    padding-right: 0.25em;
    line-height: 1.25; }

.suuji-title__icon {
  position: absolute;
  left: 23px;
  top: 20px; }
  .is-responsive .suuji-title__icon {
    display: block;
    position: static;
    margin: 0 auto;
    margin-bottom: 15px; }

.suuji-map {
  position: absolute;
  right: 0;
  top: 0; }

.suuji-block-1 {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.suuji-block-1--type-1 {
  width: 240px;
  bottom: 0; }

.suuji-block-1--type-2 {
  width: 160px;
  bottom: 0;
  min-height: 198px; }

.suuji-block-1--type-3 {
  left: 260px; }

.suuji-block-1--type-4 {
  left: 440px; }

.suuji-block-1--type-5 {
  left: 620px; }

.suuji-block-1--type-6 {
  width: 140px;
  bottom: 0;
  left: 800px; }

.suuji-block-1__img {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto; }

.suuji-block-1__img--type-1 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -254px 0px;
  width: 216px;
  height: 0;
  padding-top: 134px; }

.suuji-block-1__img--type-2 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -254px -138px;
  width: 144px;
  height: 0;
  padding-top: 89px; }

.suuji-block-1__img--type-3 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: -134px -290px;
  width: 101px;
  height: 0;
  padding-top: 62px; }

.suuji-block-1__img--type-4 {
  background-image: url(/csr/plastic-recycle/img/sprite-2.png);
  background-repeat: no-repeat;
  background-position: 0px -290px;
  width: 130px;
  height: 0;
  padding-top: 80px;
  position: relative; }

.suuji-label {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  color: #fff;
  width: 80px;
  text-align: center; }
  .suuji-label::after, .suuji-label::before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 10px solid transparent;
    top: 0; }
  .suuji-label::before {
    right: 100%; }
  .suuji-label::after {
    left: 100%; }

.suuji-label--type-1 {
  background-color: rgba(102, 182, 16, 0.9); }
  .suuji-label--type-1::before {
    border-right-color: rgba(102, 182, 16, 0.9); }
  .suuji-label--type-1::after {
    border-left-color: rgba(102, 182, 16, 0.9); }

.suuji-label--type-2 {
  background-color: rgba(242, 121, 125, 0.9); }
  .suuji-label--type-2::before {
    border-right-color: rgba(242, 121, 125, 0.9); }
  .suuji-label--type-2::after {
    border-left-color: rgba(242, 121, 125, 0.9); }

.suuji-label--type-3 {
  background-color: rgba(255, 168, 0, 0.9); }
  .suuji-label--type-3::before {
    border-right-color: rgba(255, 168, 0, 0.9); }
  .suuji-label--type-3::after {
    border-left-color: rgba(255, 168, 0, 0.9); }

.suuji-label--type-4 {
  background-color: rgba(1, 185, 225, 0.9); }
  .suuji-label--type-4::before {
    border-right-color: rgba(1, 185, 225, 0.9); }
  .suuji-label--type-4::after {
    border-left-color: rgba(1, 185, 225, 0.9); }

.suuji-label--type-5 {
  background-color: rgba(188, 120, 180, 0.9); }
  .suuji-label--type-5::before {
    border-right-color: rgba(188, 120, 180, 0.9); }
  .suuji-label--type-5::after {
    border-left-color: rgba(188, 120, 180, 0.9); }

.suuji-label--type-6 {
  background-color: rgba(53, 119, 219, 0.9); }
  .suuji-label--type-6::before {
    border-right-color: rgba(53, 119, 219, 0.9); }
  .suuji-label--type-6::after {
    border-left-color: rgba(53, 119, 219, 0.9); }

.suuji-label--type-7 {
  background-color: rgba(53, 219, 174, 0.9); }
  .suuji-label--type-7::before {
    border-right-color: rgba(53, 219, 174, 0.9); }
  .suuji-label--type-7::after {
    border-left-color: rgba(53, 219, 174, 0.9); }

.suuji-layout-1 {
  position: absolute;
  top: 538px;
  width: 100%;
  height: 0; }

.suuji-block-2 {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  position: static; }

.suuji-layout-2 {
  top: 558px;
  width: 100%;
  position: absolute;
  height: 0; }

.suuji-title-2 {
  font-size: 35px;
  font-size: 3.5rem;
  margin: 0 -20px;
  color: #3598db;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  white-space: nowrap; }

.suuji-title-2--type-2 {
  font-size: 22px;
  font-size: 2.2rem; }

.suuji-title-2--type-3 {
  margin-top: 100px; }

.suuji-title-3 {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #7d9db3;
  border-radius: 100px;
  line-height: 1.2;
  padding: 0.3em 0;
  color: #fff;
  text-align: center;
  margin: 0.5em 0 0.2em; }

.suuji-title-3--type-2 {
  font-size: 16px;
  font-size: 1.6rem; }

.suuji-text-1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0.2em -20px;
  white-space: nowrap; }

.suuji-text-1--type-2 {
  font-size: 26px;
  font-size: 2.6rem; }

.suuji-text-2 {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0.2em 0; }

.suuji-text-2--type-2 {
  font-size: 20px;
  font-size: 2rem; }

.suuji-text-big {
  font-size: 1.3em; }

.suuji-text-4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 2em; }

@-webkit-keyframes anime-3 {
  0% {
    -webkit-transform: skewY(0);
            transform: skewY(0); }
  50% {
    -webkit-transform: skewY(10deg);
            transform: skewY(10deg); }
  100% {
    -webkit-transform: skewY(0);
            transform: skewY(0); } }

@keyframes anime-3 {
  0% {
    -webkit-transform: skewY(0);
            transform: skewY(0); }
  50% {
    -webkit-transform: skewY(10deg);
            transform: skewY(10deg); }
  100% {
    -webkit-transform: skewY(0);
            transform: skewY(0); } }

.suuji-flag {
  width: 9px;
  height: 48px;
  background: url("/csr/plastic-recycle/img/graph-section-1-flag-bar.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute; }
  .suuji-flag::before, .suuji-flag::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 13px 15px;
    position: absolute;
    top: 9px;
    left: 6px;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-animation-name: anime-3;
            animation-name: anime-3;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .suuji-flag::after {
    content: none;
    border-color: #fff transparent transparent #fff;
    border-width: 7px 9px;
    top: 13px;
    left: 9px; }

.suuji-flag--type-1 {
  bottom: 74px;
  left: 72px; }

.suuji-flag--type-2 {
  bottom: 49px;
  left: 47px; }

.suuji-flag--color-1::before {
  border-color: #f2797d transparent transparent #f2797d; }

.suuji-flag--color-2::before {
  border-color: #ffa800 transparent transparent #ffa800; }

.suuji-flag--color-3::before {
  border-color: #01b9e1 transparent transparent #01b9e1; }

.suuji-flag--color-4::before {
  border-color: #3577db transparent transparent #3577db; }

.suuji-flag--color-5::before {
  border-color: #35dbae transparent transparent #35dbae; }

.suuji-flag--color-6::before {
  border-color: #66b610 transparent transparent #66b610; }

.suuji-flag--color-7::before {
  border-color: #bc78b4 transparent transparent #bc78b4; }

.suuji-flag--type-3 {
  bottom: 34px;
  left: 32px; }

.suuji-flag--type-4 {
  bottom: 42px;
  left: 43px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.suuji-flag--type-5 {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(0.7);
          transform: scale(0.7); }

.suuji-flag--type-6::after {
  content: ""; }

.suuji-flag--layout-1 {
  top: 152px;
  left: 216px; }

.suuji-flag--layout-2 {
  top: 153px;
  left: 168px; }

.suuji-flag--layout-3 {
  top: 180px;
  left: 37px; }

.suuji-flag--layout-4 {
  top: 188px;
  left: 127px; }

.suuji-flag--layout-5 {
  top: 200px;
  left: 48px; }

.suuji-flag--layout-6 {
  top: 8px;
  left: 190px; }

.suuji-flag--layout-7 {
  top: 130px;
  left: 208px; }

.suuji-flag--layout-8 {
  top: 183px;
  left: 128px; }

.update-date {
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  bottom: 0;
  right: 10px;
  color: #3598db; }
  .is-responsive .update-date {
    position: relative;
    text-align: right; }

.suuji-trush {
  position: absolute;
  left: 147px;
  top: 502px; }

.suuji-human {
  position: absolute;
  left: 27px;
  top: 411px; }

.suuji-cup {
  position: absolute;
  top: 0;
  left: 28px; }

.suuji-cup-wrapper {
  position: absolute;
  left: 147px;
  top: 445px;
  overflow: hidden;
  width: 120px;
  height: 91px; }

.suuji-circle-glaph-1 {
  position: absolute;
  top: 102px;
  left: 635px; }

.suuji-circle-glaph-2 {
  position: absolute;
  top: 448px;
  left: 646px; }

.suuji-circle-glaph-3 {
  position: absolute;
  top: 494px;
  left: 574px; }

.suuji-circle-glaph-4 {
  position: absolute;
  left: 345px;
  top: 147px; }

.suuji-big-cup {
  position: absolute;
  left: -35px;
  top: -106px; }

.suuji-circle-graph-text {
  font-size: 23px;
  font-size: 2.3rem;
  position: absolute;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap; }

.suuji-circle-graph-text--type-1 {
  top: 142px;
  left: 67px;
  text-align: center; }

.suuji-circle-graph-text--type-2 {
  top: 270px;
  left: 110px; }

.suuji-circle-graph-text--type-3 {
  top: 32px;
  left: 36px; }

.suuji-circle-graph-text--type-4 {
  top: 20px;
  left: 22px; }

.suuji-circle-graph-text--type-5 {
  top: 235px;
  left: 8px; }

.suuji-circle-graph-text__big {
  font-size: 1.6087em; }

.suuji-circle-graph-text__big-2 {
  font-size: 1.25em; }

.suuji-circle-graph-text--smaller {
  font-size: 20px;
  font-size: 2rem; }

.suuji-circle-graph-center {
  border-radius: 50%;
  background-color: #fff;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 310px;
  left: 508px; }

.suuji-circle-graph-center__text {
  font-size: 30px;
  font-size: 3rem;
  white-space: nowrap;
  line-height: 1;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 3.4em;
  margin: auto;
  font-weight: bold;
  position: absolute;
  color: #3598db; }

.suuji-circle-graph-center__big {
  font-size: 2em; }

.suuji-circle-graph-arrow {
  position: absolute;
  top: 457px;
  left: 280px; }

.suuji-circle-logo {
  position: absolute;
  background-color: #fff;
  padding: 15px;
  top: 75px;
  left: 15px;
  box-shadow: 0 0 10px rgba(31, 99, 144, 0.3); }

.suuji-circle-logo__img {
  display: block; }

.graph-section-2-building-1 {
  position: absolute;
  top: 66px;
  left: 133px; }

.graph-section-2-building-2 {
  position: absolute;
  top: 100px;
  left: 70px; }

.suuji-line-graph-img {
  position: absolute;
  top: -24px;
  right: -76px; }

.suuji-line-graph {
  position: absolute;
  top: 320px;
  left: 0; }

.suuji-line-graph__bars {
  position: absolute;
  bottom: 48px;
  left: 67px; }

.suuji-line-graph__line {
  position: absolute;
  bottom: 49px;
  left: 85px; }

.suuji-line-graph__graph-text {
  position: absolute;
  bottom: 56px;
  left: 67px; }

.suuji-line-graph__info {
  position: absolute;
  top: 20px;
  left: 70px; }

.suuji-block-3 {
  background-color: #fff;
  border: 5px solid #3598db;
  padding: 20px; }

.suuji-layout-3 {
  position: absolute;
  top: 90px;
  right: 50px; }

.suuji-text-5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  color: #3598db; }

.suuji-text-6 {
  font-size: 13px;
  font-weight: bold;
  color: #b2b2b2;
  text-align: center;
  margin: 0.25em -20px;
  white-space: nowrap; }

.suuji-text-big-2 {
  font-size: 1.27778em;
  line-height: 1; }

.suuji-popup-1 {
  font-size: 23px;
  font-size: 2.3rem;
  background-color: #1f638f;
  border: 3px solid #164666;
  position: relative;
  padding: 15px 20px;
  border-radius: 10px 10px 0;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  -webkit-transform-origin: 100% 110%;
          transform-origin: 100% 110%; }
  .suuji-popup-1::before, .suuji-popup-1::after {
    content: "";
    width: 0;
    height: 0;
    border: 20px solid transparent;
    position: absolute; }
  .suuji-popup-1::before {
    border-color: #164666 #164666 transparent transparent;
    right: -3px;
    bottom: -40px; }
  .suuji-popup-1::after {
    border-color: #1f638f #1f638f transparent transparent;
    right: 0;
    bottom: -32px; }

.suuji-popup-1--type-2 {
  font-size: 18px;
  border-color: #3598db;
  background-color: #fff;
  color: #3598db;
  padding: 12px;
  box-sizing: border-box; }
  .suuji-popup-1--type-2::before, .suuji-popup-1--type-2::after {
    border-width: 10px; }
  .suuji-popup-1--type-2::before {
    border-color: #3598db #3598db transparent transparent;
    right: -3px;
    bottom: -20px; }
  .suuji-popup-1--type-2::after {
    border-color: #fff #fff transparent transparent;
    right: 0;
    bottom: -13px; }

.suuji-line-graph-popup {
  position: absolute;
  right: 59px;
  bottom: 718px; }

.suuji-line-graph-popup-2 {
  position: absolute;
  left: 497px;
  bottom: 488px; }

.suuji-line-graph-popup-3 {
  position: absolute;
  left: 271px;
  bottom: 293px; }

.suuji-line-graph-popup__label {
  font-size: 16px;
  background-color: #fff;
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 100px;
  color: #1f638f;
  margin-bottom: 0.5em; }

.suuji-line-graph-popup__label--type-2 {
  background-color: #7d9db3;
  color: #fff; }

@-webkit-keyframes anime-4 {
  to {
    -webkit-transform: translateX(25%);
            transform: translateX(25%); }
  from {
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%); } }

@keyframes anime-4 {
  to {
    -webkit-transform: translateX(25%);
            transform: translateX(25%); }
  from {
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%); } }

.suuji-cloud {
  position: absolute;
  -webkit-animation-name: anime-4;
          animation-name: anime-4;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

.suuji-cloud--type-1 {
  top: 64px;
  left: 1064px;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 9.8s;
          animation-duration: 9.8s; }

.suuji-cloud--type-2 {
  top: 193px;
  left: -100px;
  animation-direction: alternate-reverse;
  -webkit-animation-duration: 9.8s;
          animation-duration: 9.8s; }

.suuji-cloud--type-3 {
  top: 158px;
  right: -165px;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 12.6s;
          animation-duration: 12.6s; }

.suuji-cloud--type-4 {
  top: -46px;
  left: -92px;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 8.4s;
          animation-duration: 8.4s; }

.suuji-cloud--type-5 {
  top: -70px;
  left: 221px;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 25.2s;
          animation-duration: 25.2s; }

.suuji-cloud--type-6 {
  top: 113px;
  right: -461px;
  animation-direction: alternate-reverse;
  -webkit-animation-duration: 12.6s;
          animation-duration: 12.6s; }

.suuji-cloud--type-7 {
  top: -53px;
  left: 100%;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 11.2s;
          animation-duration: 11.2s; }

.suuji-cloud--type-8 {
  top: 36px;
  left: -360px;
  animation-direction: alternate-reverse;
  -webkit-animation-duration: 9.8s;
          animation-duration: 9.8s; }

.suuji-layout-4 {
  position: absolute;
  top: 70px; }
  .is-responsive .suuji-layout-4 {
    position: relative;
    width: 590px;
    height: 600px;
    margin: 0 auto;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }

.suuji-layout-4__fix {
  position: relative;
  left: -335px;
  top: -100px; }

.suuji-layout-5 {
  width: 278px;
  height: 278px;
  position: absolute;
  left: 43px;
  top: 179px; }
  .is-responsive .suuji-layout-5 {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 60px auto 150px;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }

@-webkit-keyframes anime-26 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes anime-26 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.suuji-result {
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.suuji-result-circle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  border: 5px solid #3598db;
  box-shadow: 0 0 0 5px #fff;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  color: #3598db;
  white-space: nowrap;
  padding-top: 45px; }

.suuji-result-circle__big {
  font-size: 38px; }

.suuji-cracker {
  position: absolute;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  left: -30px;
  bottom: 20px; }

@-webkit-keyframes anime-55 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes anime-55 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    opacity: 0; } }

.suuji-cracker__img-2 {
  position: absolute;
  top: -33px;
  left: -40px;
  -webkit-animation-name: anime-55;
          animation-name: anime-55;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 70% 90%;
          transform-origin: 70% 90%; }

.suuji-cracker__img--reflect {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.suuji-cracker--type-2 {
  left: auto;
  right: -30px; }

.suuji-cracker__reflect {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.suuji-popup-2 {
  background: #3598db;
  border-radius: 50%;
  width: 170px;
  height: 170px;
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  position: absolute;
  right: 100px;
  top: 10px;
  box-sizing: border-box;
  padding-top: 45px;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }
  .suuji-popup-2::after {
    content: "";
    border-width: 10px 20px;
    border-style: solid;
    border-color: transparent transparent transparent #3598db;
    position: absolute;
    right: -38px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    -webkit-transform-origin: -85px 50%;
            transform-origin: -85px 50%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.suuji-popup-2--type-2 {
  font-size: 28px;
  width: 200px;
  height: 200px;
  padding-top: 68px;
  position: absolute;
  left: 310px;
  top: 230px; }
  .is-responsive .suuji-popup-2--type-2 {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    height: auto;
    border-radius: 900px;
    width: 95%;
    top: 0;
    margin: 40px auto 70px; }
    .is-responsive .suuji-popup-2--type-2::after {
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: rotate(0deg) translateY(-50%);
              transform: rotate(0deg) translateY(-50%);
      right: 0;
      left: 0;
      margin: auto;
      bottom: 100%;
      border-color: transparent transparent #3598db;
      border-width: 20px 10px; }

.suuji-popup-2__big {
  font-size: 34px; }

.suuji-plant-img-1 {
  position: absolute;
  top: -365px;
  left: 10px;
  right: auto;
  bottom: auto; }

.suuji-plant-img-2 {
  position: absolute;
  top: -290px;
  left: 267px;
  bottom: auto;
  right: auto; }

.suuji-plant-img-3 {
  position: absolute;
  top: -290px;
  left: 447px;
  bottom: auto;
  right: auto; }

.suuji-plant-img-4 {
  position: absolute;
  top: -290px;
  left: 627px;
  bottom: auto;
  right: auto; }

.suuji-plant-img-5 {
  position: absolute;
  top: -229px;
  left: 819px;
  bottom: auto;
  right: auto; }

.suuji-plant-img-6 {
  position: absolute;
  top: 20px;
  left: 40px;
  bottom: auto;
  right: auto; }

.suuji-plant-img-7 {
  position: absolute;
  top: 20px;
  left: 520px;
  bottom: auto;
  right: auto; }

.suuji-hero {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
  .is-responsive .suuji-hero {
    height: 635px; }

.suuji-mobile-flags {
  width: 750px;
  height: 3427px;
  background: url(/csr/plastic-recycle/img/mobile-suuji-img-2.png) 0 0 no-repeat;
  position: relative;
  margin: 0 auto;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.suuji-flag--mobile {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(2.5);
          transform: scale(2.5); }

.suuji-flag--mobile-2 {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(1.5);
          transform: scale(1.5); }

.suuji-flag--mobile-3 {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }

.suuji-flag--mobile-layout-1 {
  left: 265px;
  top: 140px; }

.suuji-flag--mobile-layout-2 {
  left: 145px;
  top: 870px; }

.suuji-flag--mobile-layout-3 {
  left: 510px;
  top: 870px; }

.suuji-flag--mobile-layout-4 {
  left: 145px;
  top: 1400px; }

.suuji-flag--mobile-layout-5 {
  left: 510px;
  top: 1400px; }

.suuji-flag--mobile-layout-6 {
  left: 145px;
  top: 1930px; }

.suuji-flag--mobile-layout-7 {
  left: 510px;
  top: 1930px; }

.suuji-flag--mobile-layout-8 {
  left: 642px;
  top: 2966px; }

.suuji-flag--mobile-layout-9 {
  left: 522px;
  top: 2980px; }

.suuji-flag--mobile-layout-10 {
  left: 194px;
  top: 3020px; }

.suuji-flag--mobile-layout-11 {
  left: 220px;
  top: 3066px; }

.suuji-flag--mobile-layout-12 {
  left: 575px;
  top: 2610px; }

.suuji-flag--mobile-layout-13 {
  left: 620px;
  top: 2916px; }

.suuji-flag--mobile-layout-14 {
  left: 414px;
  top: 3056px; }

.suuji-impression-circle {
  width: 1220px;
  height: 380px;
  left: -140px;
  bottom: -129px;
  position: absolute;
  background: url(/csr/plastic-recycle/img/suuji-impression-circle.png) 0 0 no-repeat;
  -webkit-transform-origin: 50% 1387.5px;
          transform-origin: 50% 1387.5px; }

.suuji-slide-tabs {
  border-bottom: 2px solid #3598db;
  width: 100%; }

.suuji-slide-tab {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #3598db;
  padding: 0.5em 0.5em;
  background-color: #fff;
  border: 2px solid #3598db;
  border-radius: 5px 5px 0 0;
  display: block;
  margin: 0 -1px -2px;
  transition: all 0.2s; }
  .suuji-slide-tab:hover {
    color: #3598db;
    text-decoration: none; }
  .suuji-slide-tab.is-active {
    color: #fff;
    background-color: #1f6390;
    border-radius: #0d293c; }

body.is-top {
  background: #fff; }

.top-visual {
  width: 100%;
  height: 1104px;
  background: url(/csr/plastic-recycle/img/top-photo-1.png) 50% 0 no-repeat #fff;
  overflow: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
  @media (max-width: 768px) {
    .is-responsive .top-visual {
      display: none; } }

.top-visual-2 {
  position: absolute;
  width: 100%;
  height: 1104px;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none; }
  @media (max-width: 768px) {
    .is-responsive .top-visual-2 {
      display: none; } }

.top-co2-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.mobile-top-visual {
  width: 100%;
  height: 1178px;
  background: url(/csr/plastic-recycle/img/mobile-top-impression-photo.png) 50% 50% no-repeat;
  background-size: cover;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: none;
  overflow: hidden; }
  .mobile-top-visual::after {
    content: '';
    clear: both;
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: -1px;
    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); }
  @media (max-width: 768px) {
    .mobile-top-visual {
      display: block; } }

.mobile-top-visual-container {
  position: relative;
  width: 750px;
  margin: 0 auto; }

.mobile-top-visual-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto; }

.mobile-top-visual-img {
  position: absolute;
  left: 75px;
  top: 420px; }

.top-vislal__white {
  position: absolute;
  width: 100vw;
  height: 920px;
  background-color: #fff;
  left: 0;
  top: 0;
  z-index: 3; }

.top-cloud {
  position: absolute;
  pointer-events: none; }

.top-cloud--type-1 {
  top: 0;
  right: -280px; }

.top-cloud--type-2 {
  top: -243px;
  left: -451px; }

.top-cloud--type-3 {
  top: 332px;
  left: -316px; }

.top-cloud--type-4 {
  left: 657px;
  top: 351px; }

.top-area {
  position: absolute;
  cursor: pointer; }

.top-area--type-1 {
  top: 635px;
  left: 443px; }

.top-area--type-2 {
  top: 545px;
  left: 454px;
  cursor: default; }

.top-area--type-3 {
  top: 382px;
  left: 480px;
  cursor: default;
  pointer-events: none; }

.top-area--type-4 {
  top: 380px;
  left: 397px; }

.top-area--type-5 {
  top: 431px;
  left: 121px;
  cursor: default; }

.top-item {
  position: absolute;
  pointer-events: none; }

.top-item--type-1 {
  top: 630px;
  left: 460px; }

.top-item--type-2 {
  top: 510px;
  left: 490px;
  pointer-events: auto;
  cursor: pointer; }

.top-item--type-3 {
  top: 340px;
  left: 540px;
  pointer-events: auto;
  cursor: pointer; }

.top-item--type-4 {
  top: 380px;
  left: 440px; }

.top-item--type-5 {
  top: 450px;
  left: 125px;
  pointer-events: auto;
  cursor: pointer; }

.top-hit-area {
  position: absolute; }

.top-hit-area--type-2 {
  left: 452px;
  top: 509px;
  width: 166px;
  height: 127px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: skewX(-21deg);
          transform: skewX(-21deg); }

.top-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto; }

.top-popup {
  position: absolute;
  width: 400px;
  height: 400px;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }
  .top-popup::before, .top-popup::after {
    content: '';
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    display: block;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: translateX(198px);
            transform: translateX(198px); }
  .top-popup::before {
    border-width: 31px 62px;
    border-left-color: #fff; }
  .top-popup::after {
    border-width: 25px 50px;
    border-left-color: #3598db; }

.top-popup--type-1 {
  left: 650px;
  top: 370px;
  -webkit-transform-origin: -50px 290px;
          transform-origin: -50px 290px; }
  .top-popup--type-1::before, .top-popup--type-1::after {
    -webkit-transform: rotate(160deg) translateX(198px);
            transform: rotate(160deg) translateX(198px); }

.top-popup--type-2 {
  left: 610px;
  top: 270px;
  -webkit-transform-origin: -50px 290px;
          transform-origin: -50px 290px; }
  .top-popup--type-2::before, .top-popup--type-2::after {
    -webkit-transform: rotate(160deg) translateX(198px);
            transform: rotate(160deg) translateX(198px); }

.top-popup--type-3 {
  left: 620px;
  top: 390px;
  -webkit-transform-origin: -25px 65px;
          transform-origin: -25px 65px; }
  .top-popup--type-3::before, .top-popup--type-3::after {
    -webkit-transform: rotate(210deg) translateX(198px);
            transform: rotate(210deg) translateX(198px); }

.top-popup--type-4 {
  left: 80px;
  top: 470px;
  -webkit-transform-origin: 368px 2px;
          transform-origin: 368px 2px; }
  .top-popup--type-4::before, .top-popup--type-4::after {
    -webkit-transform: rotate(310deg) translateX(198px);
            transform: rotate(310deg) translateX(198px); }

.top-popup--type-5 {
  top: 350px;
  left: 430px;
  -webkit-transform-origin: -50px 290px;
          transform-origin: -50px 290px; }
  .top-popup--type-5::before, .top-popup--type-5::after {
    -webkit-transform: rotate(160deg) translateX(198px);
            transform: rotate(160deg) translateX(198px); }

.top-popup__body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  border: 10px solid #3598db;
  box-shadow: 0 0 0 5px #fff;
  position: absolute; }

.top-popup__title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 50px; }

.top-popup__text {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px; }

@-webkit-keyframes anime-5 {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes anime-5 {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.top-scroll-sign {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  -webkit-animation-name: anime-5;
          animation-name: anime-5;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  z-index: 11;
  pointer-events: none; }

.top-menu {
  margin: -140px 0 50px; }
  @media (max-width: 768px) {
    .top-menu {
      padding: 0 10px; } }

.top-menu--game {
  margin-top: 20px;
  position: relative; }
  @media (max-width: 768px) {
    .is-responsive .top-menu--game {
      display: none; } }

.top-menu-game-ribbon {
  display: block;
  position: absolute;
  left: -5px;
  top: 7px;
  z-index: 1;
  pointer-events: none; }

.top-menu__img {
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 100%; }

.top-menu__layout {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  background: rgba(10, 59, 86, 0.85);
  display: block;
  overflow: hidden;
  padding: 10px 10px 4em;
  height: 125px;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .top-menu__layout {
      height: auto; } }

.top-menu__layout--type-2 {
  width: 245px;
  height: 100%;
  left: auto;
  right: 0; }

.top-menu__text,
.top-button {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #3b99d8;
  border-radius: 500px;
  border: 3px solid #bbdbf1;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  min-width: 200px;
  padding: .25em 1em;
  text-align: center; }
  .top-menu__text:hover,
  .top-button:hover {
    color: #fff;
    text-decoration: none; }

.top-menu__text {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  margin: auto; }

.top-menu__text--game,
.top-button--game {
  background-color: #ed8622;
  border-color: #ffcb61;
  max-width: 100%;
  min-width: 0;
  display: block; }

.top-menu__text-2 {
  text-align: left;
  color: #fff;
  margin-bottom: 30px;
  display: block; }
  @media (max-width: 959px) {
    .top-menu__text-2 {
      margin-bottom: 1em; } }

.top-menu__icon {
  font-size: 2em;
  line-height: 0.25;
  vertical-align: top; }

.top-menu__link {
  display: block;
  overflow: hidden;
  position: relative;
  border: 4px solid #0a3b56; }
  .top-menu__link:hover::after {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.4); }
  .top-menu__link:hover .top-menu__img {
    -webkit-transform: scale(1.15) rotate(-3deg);
            transform: scale(1.15) rotate(-3deg); }

.top-menu__link--type-2 .top-menu__img {
  -webkit-transform-origin: 35% 50%;
          transform-origin: 35% 50%; }

.top-menu__link--type-2:hover .top-menu__img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.top-popup-2 {
  position: absolute;
  cursor: pointer;
  z-index: 1; }

.top-popup-2__label {
  border: 3px solid #3598db;
  background-color: #fff;
  padding: 8px 20px;
  position: absolute;
  white-space: nowrap;
  color: #3598db;
  font-weight: bold;
  pointer-events: none;
  -webkit-transform-origin: 50% 110%;
          transform-origin: 50% 110%;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
  .top-popup-2:hover .top-popup-2__label,
  .top-popup-2.is-saying .top-popup-2__label {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .top-popup-2__label::before, .top-popup-2__label::after {
    content: '';
    display: block;
    position: absolute;
    border-width: 10px 6px;
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .top-popup-2__label::before {
    border-top-color: #3598db;
    bottom: -23px; }
  .top-popup-2__label::after {
    border-top-color: #fff;
    bottom: -17px; }

.top-popup-2--type-1 {
  width: 200px;
  height: 100px;
  left: 120px;
  top: 40px; }

.top-popup-2__label--type-1 {
  left: 61px;
  top: -30px; }

.top-popup-2--type-2 {
  width: 200px;
  height: 70px;
  left: 780px;
  top: 170px; }

.top-popup-2__label--type-2 {
  left: 61px;
  top: -30px; }

.top-popup-2--type-3 {
  width: 200px;
  height: 120px;
  left: 820px;
  top: 290px; }

.top-popup-2__label--type-3 {
  left: 61px;
  top: -30px; }

.top-about-button--pc {
  font-size: 1.4rem;
  min-width: 200px;
  position: fixed;
  right: 70px;
  top: 10px;
  z-index: 8; }
  @media (max-width: 768px) {
    .top-about-button--pc {
      display: none; } }

.top-about-button--mobile {
  display: none;
  font-size: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -70px;
  margin: auto;
  max-width: 250px; }
  @media (max-width: 768px) {
    .top-about-button--mobile {
      display: block; } }

.top-about {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  text-align: center;
  top: 0;
  transition: all .5s;
  width: 100vw;
  z-index: 12; }
  .top-about:target {
    opacity: 1; }

.top-about__modal {
  background: #fff;
  bottom: 0;
  box-sizing: border-box;
  height: 90vh;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 90vw;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: all .5s; }
  .top-about:target .top-about__modal {
    -webkit-transform: scale(1);
            transform: scale(1);
    pointer-events: auto; }

.top-about__content {
  padding: 50px;
  overflow: auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

.top-about-close {
  position: absolute;
  top: 3%;
  right: 3%; }

.top-about-title {
  margin-bottom: 3em; }

.top-about-text {
  margin-bottom: 3em; }
  @media (max-width: 480px) {
    .top-about-text {
      text-align: left; } }

.top-co2 {
  border: 5px solid #0c4a75;
  box-shadow: inset 0 0 0 10px #3b99d8;
  background: url(/csr/plastic-recycle/img/top-co2-bg.png) 50% bottom repeat-x #fff;
  box-sizing: border-box;
  width: 340px;
  position: absolute;
  padding: 20px;
  top: -245px;
  right: 0;
  border-radius: 20px; }
  @media (max-width: 768px) {
    .top-co2 {
      width: 100%;
      margin: 0; } }

.top-co2-back {
  position: absolute;
  width: 100%; }

.top-co2-content {
  position: relative; }

.top-co2-numbers {
  display: flex;
  margin: 15px auto 5px;
  font-size: 45px;
  line-height: 1;
  overflow: hidden;
  max-width: 350px; }
  .top-co2-numbers > * {
    flex: 1; }

.top-co2-title {
  max-width: 250px; }

.top-co2-number {
  flex: 1;
  text-align: center;
  border: 1px solid #175473;
  margin-right: -1px;
  background: #33a7f4;
  background-image: linear-gradient(to bottom, #005bc2, #45b4fe, #005bc2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: bold;
  position: relative;
  height: 1em; }
  .top-co2-number:nth-child(3n+3)::before {
    content: ',';
    position: absolute;
    left: -5px;
    bottom: 0;
    font-size: 0.7em; }

.top-co2-number-string {
  height: 1em;
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%; }

.top-co2-number-scroll {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .top-co2-number-scroll::after {
    content: ''; }

.top-co2-unit {
  font-weight: bold;
  text-align: center; }

.top-co2-co2 {
  font-size: 1.8rem;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  max-width: 350px;
  margin: auto; }

.top-co2-co2-number {
  font-size: 2.2rem; }

.top-co2-notice {
  font-size: 1.1rem;
  color: #0c4a75;
  text-align: right;
  margin-top: .5em; }

.top-co2-icon {
  vertical-align: -10%; }

.top-co2-chara {
  position: absolute;
  width: 105px;
  top: -44px;
  right: 20px; }

.top-co2-comment {
  position: absolute;
  top: -50px;
  right: 110px; }

.top-game-info {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 20px;
  -webkit-transform-origin: 69px 69px;
          transform-origin: 69px 69px; }
  @media (max-width: 768px) {
    .is-responsive .top-game-info {
      display: none; } }

@-webkit-keyframes swing-custom {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 2deg);
            transform: rotate3d(0, 0, 1, 2deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -2deg);
            transform: rotate3d(0, 0, 1, -2deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing-custom {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 2deg);
            transform: rotate3d(0, 0, 1, 2deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -2deg);
            transform: rotate3d(0, 0, 1, -2deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

.top-game-info-charactor {
  position: relative; }

.top-game-info-charactor-img {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: swing-custom;
          animation-name: swing-custom;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.top-game-info-text {
  font-weight: bold; }

.top-game-info-charactor__saying {
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  padding: 10px;
  width: 225px;
  box-sizing: border-box;
  bottom: 0;
  left: 90%; }
  .top-game-info-charactor__saying::after {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 10px;
    border-radius: 0 0 0 100px;
    background: rgba(255, 255, 255, 0.85); }

.in-mobile {
  display: none; }
  @media (max-width: 768px) {
    .is-responsive .in-mobile {
      display: block; } }

.is-susume {
  overflow: hidden;
  width: 300vw; }
  .is-susume.is-responsive {
    overflow-y: scroll;
    width: 100vw; }
  .is-susume.is-locked {
    overflow: hidden;
    pointer-events: none; }

.susume-ground {
  width: 100%;
  height: 6880px;
  position: relative; }

.susume-ground-grid {
  background: url(/csr/plastic-recycle/img/susume-grid.png) 50% 0 repeat #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 6880px; }

.susume-container {
  position: relative; }

.susume-sea {
  max-width: none; }

.susume-sea-wrapper {
  position: absolute;
  left: -4008px;
  top: -1112px;
  width: 8590px;
  height: 7992px;
  overflow: hidden; }

.susume-item {
  position: absolute; }

.susume-bg-1 {
  width: 1300px;
  height: 783px;
  top: 595px;
  left: -180px;
  background: url(/csr/plastic-recycle/img/susume-bg-1.svg) 0 0 no-repeat; }

.susume-ship {
  left: -25px;
  top: 150px; }

.susume-ship-2 {
  left: 60px;
  top: 2250px; }

.susume-crane-1 {
  left: 464px;
  top: 44px; }

.susume-crane-2 {
  left: 392px;
  top: 87px; }

.susume-crane-3 {
  left: 737px;
  top: 5073px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-crane-4 {
  left: 836px;
  top: 5132px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-crane-5 {
  left: 183px;
  top: 2205px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-crane-6 {
  left: 242px;
  top: 2240px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-rail--type-1 {
  left: -616px;
  top: 602px; }

.susume-rail--type-2 {
  left: -613px;
  top: 602px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-rail--type-3 {
  left: 982px;
  top: 451px; }

.susume-rail--type-4 {
  left: 1035px;
  top: 542px; }

.susume-rail--type-5 {
  left: -706px;
  top: 3255px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-rail--type-6 {
  left: -736px;
  top: 3325px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

@-webkit-keyframes anime-6 {
  from {
    -webkit-transform: translate(0);
            transform: translate(0); }
  to {
    -webkit-transform: translate(-270px, 162px);
            transform: translate(-270px, 162px); } }

@keyframes anime-6 {
  from {
    -webkit-transform: translate(0);
            transform: translate(0); }
  to {
    -webkit-transform: translate(-270px, 162px);
            transform: translate(-270px, 162px); } }

@-webkit-keyframes anime-7 {
  from {
    -webkit-transform: scale(-1, 1) translate(0);
            transform: scale(-1, 1) translate(0); }
  to {
    -webkit-transform: scale(-1, 1) translate(-360px, 218px);
            transform: scale(-1, 1) translate(-360px, 218px); } }

@keyframes anime-7 {
  from {
    -webkit-transform: scale(-1, 1) translate(0);
            transform: scale(-1, 1) translate(0); }
  to {
    -webkit-transform: scale(-1, 1) translate(-360px, 218px);
            transform: scale(-1, 1) translate(-360px, 218px); } }

.susume-freight-cars {
  right: 0;
  top: -34px; }

.susume-freight-cars-2 {
  left: 0;
  top: -34px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.susume-freight-cars-3 {
  left: 0;
  top: -34px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.is-play.susume-freight-cars {
  -webkit-animation-name: anime-6;
          animation-name: anime-6;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.is-play.susume-freight-cars-2 {
  -webkit-animation-name: anime-7;
          animation-name: anime-7;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }

.is-play.susume-freight-cars-3 {
  -webkit-animation-name: anime-7;
          animation-name: anime-7;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }

.susume-logo {
  left: -44px;
  top: 255px; }

.susume-trash {
  left: 279px;
  top: 288px; }

.susume-cube--type-1 {
  left: 622px;
  top: 140px; }

.susume-cube--type-2 {
  left: 598px;
  top: 154px; }

.susume-cube--type-3 {
  left: 897px;
  top: 366px; }

.susume-cube--type-4 {
  left: 873px;
  top: 380px; }

.susume-cube--type-5 {
  left: 921px;
  top: 381px; }

.susume-forklift--type-1 {
  left: 648px;
  top: 188px; }

.susume-forklift--type-2 {
  left: 791px;
  top: 469px; }

.susume-forklift--type-3 {
  left: 696px;
  top: 2466px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }

.susume-forklift__cube {
  left: 0;
  top: 36px; }

.susume-bg-4 {
  left: 322px;
  top: 719px; }

.susume-garbage {
  left: 348px;
  top: 695px; }

.susume-housewife {
  left: 454px;
  top: 605px; }

.susume-text-1 {
  font-size: 37px;
  font-size: 3.7rem;
  font-weight: bold;
  top: 883px;
  width: 100%;
  text-align: center; }

.color-1 {
  color: #3598db; }

.susume-start {
  font-size: 14px;
  font-size: 1.4rem;
  width: 80px;
  height: 80px;
  white-space: nowrap;
  line-height: 80px;
  color: #fff;
  background: #1a6090;
  text-transform: uppercase;
  text-align: center;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 1232px;
  margin: auto;
  cursor: pointer; }
  .susume-start:hover {
    color: #fff;
    text-decoration: none; }

.susume-start__arrow {
  font-size: 20px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto; }

.susume-start--return {
  top: 6570px;
  left: 2020px; }
  .susume-start--return .susume-start__arrow {
    bottom: auto;
    top: 10px; }

.susume-road {
  width: 2337px;
  height: 1778px;
  background: url(/csr/plastic-recycle/img/susume-road.svg) 0 0 no-repeat;
  left: 71px;
  top: 665px;
  background-size: contain;
  pointer-events: none; }

.susume-tree--type-1 {
  left: 1518px;
  top: 1024px; }

.susume-house--type-1 {
  left: 1395px;
  top: 1047px; }

.susume-tree--type-2 {
  left: 1319px;
  top: 1144px; }

.susume-house--type-2 {
  left: 1194px;
  top: 1166px; }

.susume-tree--type-3 {
  left: 1119px;
  top: 1264px; }

.susume-house--type-3 {
  left: 994px;
  top: 1286px; }

.susume-tree--type-4 {
  left: 920px;
  top: 1384px; }

.susume-house--type-4 {
  left: 797px;
  top: 1409px; }

.susume-tree--type-5 {
  left: 1518px;
  top: 1204px; }

.susume-house--type-5 {
  left: 1393px;
  top: 1226px; }

.susume-tree--type-6 {
  left: 1318px;
  top: 1324px; }

.susume-house--type-6 {
  left: 1194px;
  top: 1347px; }

.susume-tree--type-7 {
  left: 1118px;
  top: 1445px; }

.susume-house--type-7 {
  left: 994px;
  top: 1467px; }

.susume-tree--type-8 {
  left: 919px;
  top: 1564px; }

.susume-house--type-8 {
  left: 795px;
  top: 1587px; }

.susume-car-1 {
  left: 503px;
  top: 1733px; }

.susume-tree--type-9 {
  left: 718px;
  top: 1503px; }

.susume-tree--type-10 {
  left: 621px;
  top: 1564px; }

.susume-tree--type-11 {
  left: 371px;
  top: 1714px; }

.susume-tree--type-12 {
  left: 721px;
  top: 1684px; }

.susume-tree--type-13 {
  left: 620px;
  top: 1744px; }

.susume-tree--type-14 {
  left: 520px;
  top: 1804px; }

.susume-tree--type-15 {
  left: 420px;
  top: 1864px; }

.susume-tree--type-16 {
  left: 320px;
  top: 1924px; }

.susume-tree--type-17 {
  left: 1669px;
  top: 5676px; }

.susume-tree--type-18 {
  left: 1869px;
  top: 5831px; }

.susume-tree--type-19 {
  left: 1769px;
  top: 5891px; }

.susume-tree--type-20 {
  left: 1669px;
  top: 5951px; }

.susume-tree--type-21 {
  left: 1570px;
  top: 6011px; }

.susume-tree--type-22 {
  left: 1469px;
  top: 6071px; }

.susume-tree--type-23 {
  left: 1370px;
  top: 6131px; }

.susume-tree--type-24 {
  left: 1270px;
  top: 6191px; }

.susume-tree--type-25 {
  left: 1170px;
  top: 6251px; }

.susume-tree--type-26 {
  left: 1269px;
  top: 6310px; }

.susume-tree--type-27 {
  left: 1370px;
  top: 6371px; }

.susume-tree--type-28 {
  left: 1469px;
  top: 6431px; }

.susume-tree--type-29 {
  left: 1569px;
  top: 6490px; }

.susume-tree--type-30 {
  left: 1669px;
  top: 6551px; }

.susume-tree--type-31 {
  left: 1769px;
  top: 6611px; }

.susume-tree--type-32 {
  left: 1869px;
  top: 6671px; }

.susume-tree--type-33 {
  left: 1969px;
  top: 6731px; }

.susume-tree--type-34 {
  left: 2219px;
  top: 5831px; }

.susume-tree--type-35 {
  left: 2318px;
  top: 5890px; }

.susume-tree--type-36 {
  left: 2417px;
  top: 5951px; }

.susume-tree--type-37 {
  left: 2518px;
  top: 6011px; }

.susume-tree--type-38 {
  left: 2618px;
  top: 6071px; }

.susume-tree--type-39 {
  left: 2718px;
  top: 6131px; }

.susume-tree--type-40 {
  left: 2817px;
  top: 6191px; }

.susume-tree--type-41 {
  left: 2817px;
  top: 6311px; }

.susume-tree--type-42 {
  left: 2718px;
  top: 6371px; }

.susume-tree--type-43 {
  left: 2617px;
  top: 6431px; }

.susume-tree--type-44 {
  left: 2518px;
  top: 6491px; }

.susume-tree--type-45 {
  left: 2418px;
  top: 6551px; }

.susume-tree--type-46 {
  left: 2318px;
  top: 6611px; }

.susume-tree--type-47 {
  left: 2218px;
  top: 6671px; }

.susume-tree--type-48 {
  left: 2117px;
  top: 6731px; }

.susume-tree--type-49 {
  left: 2215px;
  top: 6632px; }

.susume-tree--type-50 {
  left: 245px;
  top: 1973px; }

.susume-tree--type-51 {
  left: 345px;
  top: 2033px; }

.susume-tree--type-52 {
  left: 445px;
  top: 2093px; }

.susume-tree--type-53 {
  left: 545px;
  top: 2153px; }

.susume-tree--type-54 {
  left: 645px;
  top: 2213px; }

.susume-tree--type-55 {
  left: 745px;
  top: 2273px; }

.susume-tree--type-56 {
  left: 845px;
  top: 2333px; }

.susume-tree--type-57 {
  left: 945px;
  top: 2393px; }

.susume-tree--type-58 {
  left: 1045px;
  top: 2453px; }

.susume-tree--type-59 {
  left: 1145px;
  top: 2513px; }

.susume-tree--type-60 {
  left: 1245px;
  top: 2573px; }

.susume-tree--type-61 {
  left: 1345px;
  top: 2633px; }

.susume-tree--type-62 {
  left: 1445px;
  top: 2693px; }

.susume-trash-2 {
  left: 806px;
  top: 1502px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scaleY(0.64062) scaleX(-0.64062);
          transform: scaleY(0.64062) scaleX(-0.64062); }

.susume-garbage-2 {
  left: 506px;
  top: 1727px; }

.susume-building-1 {
  left: -9px;
  top: 1814px; }

.susume-closeup {
  background-color: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  z-index: 10;
  pointer-events: auto; }

.susume-closeup-content {
  opacity: 0;
  position: relative;
  pointer-events: none;
  z-index: 10; }

.susume-closeup-content--dummy {
  height: 3000px; }

.susume-closeup-content--dummy-1 {
  height: 2972px;
  background: url(/csr/plastic-recycle/img/popup-01.jpg) 50% 0 no-repeat; }

.susume-closeup-content--dummy-2 {
  height: 2972px;
  background: url(/csr/plastic-recycle/img/popup-04.jpg) 50% 0 no-repeat; }

.susume-closeup-content--dummy-3 {
  overflow-x: hidden;
  height: 1000px; }

.susume-car-2 {
  left: 123px;
  top: 2010px; }

.susume-bg-2 {
  width: 1855px;
  height: 1116px;
  left: -386px;
  top: 2391px;
  background: url(/csr/plastic-recycle/img/susume-bg-2.svg);
  background-size: contain; }

.susume-convayors {
  width: 2000px;
  height: 3000px;
  left: 147px;
  top: 2460px;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.susume-convayors-2 {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  left: auto;
  top: 510px;
  right: 50%;
  position: fixed;
  height: 2300px;
  width: 2200px;
  pointer-events: none; }

.susume-machine-1 {
  left: 1237px;
  top: 0; }

.susume-convayor-1 {
  left: 1643px;
  top: 184px; }

.susume-machine-2 {
  left: 1310px;
  top: 238px; }

.susume-machine-3 {
  left: 1681px;
  top: 616px; }

.susume-machine-4 {
  left: 1532px;
  top: 809px; }

.susume-machine-5 {
  left: 58px;
  top: 910px; }

@-webkit-keyframes anime-8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; }
  20% {
    -webkit-transform: translate(190px, 120px);
            transform: translate(190px, 120px);
    opacity: 1; }
  40% {
    -webkit-transform: translate(360px, 20px);
            transform: translate(360px, 20px); }
  43% {
    -webkit-transform: translate(360px, 20px) rotate(-20deg);
            transform: translate(360px, 20px) rotate(-20deg); }
  70% {
    -webkit-transform: translate(470px, -120px) rotate(-20deg);
            transform: translate(470px, -120px) rotate(-20deg); }
  73% {
    -webkit-transform: translate(490px, -120px);
            transform: translate(490px, -120px); }
  85% {
    -webkit-transform: translate(530px, -100px);
            transform: translate(530px, -100px);
    opacity: 1; }
  100% {
    -webkit-transform: translate(530px, -80px) rotate(30deg);
            transform: translate(530px, -80px) rotate(30deg);
    opacity: 0; } }

@keyframes anime-8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; }
  20% {
    -webkit-transform: translate(190px, 120px);
            transform: translate(190px, 120px);
    opacity: 1; }
  40% {
    -webkit-transform: translate(360px, 20px);
            transform: translate(360px, 20px); }
  43% {
    -webkit-transform: translate(360px, 20px) rotate(-20deg);
            transform: translate(360px, 20px) rotate(-20deg); }
  70% {
    -webkit-transform: translate(470px, -120px) rotate(-20deg);
            transform: translate(470px, -120px) rotate(-20deg); }
  73% {
    -webkit-transform: translate(490px, -120px);
            transform: translate(490px, -120px); }
  85% {
    -webkit-transform: translate(530px, -100px);
            transform: translate(530px, -100px);
    opacity: 1; }
  100% {
    -webkit-transform: translate(530px, -80px) rotate(30deg);
            transform: translate(530px, -80px) rotate(30deg);
    opacity: 0; } }

.susume-convayors-cube {
  left: 1280px;
  top: 113px; }
  .is-play .susume-convayors-cube {
    -webkit-animation-name: anime-8;
            animation-name: anime-8;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0; }
  .is-paused .susume-convayors-cube {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-cube--type-1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.susume-convayors-cube--type-2 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s; }

.susume-convayors-cube--type-3 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s; }

@-webkit-keyframes anime-9 {
  from {
    background-position: 0 -75; }
  to {
    background-position: -137px 14px; } }

@keyframes anime-9 {
  from {
    background-position: 0 -75; }
  to {
    background-position: -137px 14px; } }

.susume-convayors-garbage-1 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-1.png) 0 -75px no-repeat;
  width: 200px;
  height: 170px;
  left: 1700px;
  top: 180px; }
  .is-play .susume-convayors-garbage-1 {
    -webkit-animation-name: anime-9;
            animation-name: anime-9;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-1 {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-garbage-1--type-2 {
  left: 1364px;
  top: 388px; }

.susume-convayors-garbage-1--type-3 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: 1434px;
  top: 518px; }

.susume-machine-2-front {
  left: 1492px;
  top: 238px; }

.susume-machine-3-front {
  left: 1724px;
  top: 652px; }

.susume-machine-4-front {
  left: 1585px;
  top: 809px; }

@-webkit-keyframes anime-10 {
  from {
    background-position: -172px 7px; }
  to {
    background-position: 0 -15px; } }

@keyframes anime-10 {
  from {
    background-position: -172px 7px; }
  to {
    background-position: 0 -15px; } }

.susume-convayors-garbage-2 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-2.png) -172px 7px no-repeat;
  width: 112px;
  height: 50px;
  left: 1340px;
  top: 490px; }
  .is-play .susume-convayors-garbage-2 {
    -webkit-animation-name: anime-10;
            animation-name: anime-10;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-2 {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-garbage-2--type-2 {
  left: 1634px;
  top: 608px;
  width: 180px; }

@-webkit-keyframes anime-11 {
  from {
    background-position: 0 -74px; }
  to {
    background-position: 0 0; } }

@keyframes anime-11 {
  from {
    background-position: 0 -74px; }
  to {
    background-position: 0 0; } }

.susume-convayors-garbage-3 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-3.png) 0 -74px no-repeat;
  width: 112px;
  height: 100px;
  left: 1750px;
  top: 610px; }
  .is-play .susume-convayors-garbage-3 {
    -webkit-animation-name: anime-11;
            animation-name: anime-11;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-3 {
    -webkit-animation: none;
            animation: none; }

@-webkit-keyframes anime-12 {
  from {
    background-position: 10px -20px; }
  to {
    background-position: -44px 29px; } }

@keyframes anime-12 {
  from {
    background-position: 10px -20px; }
  to {
    background-position: -44px 29px; } }

.susume-convayors-garbage-4 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-4.png) 10px -20px no-repeat;
  width: 122px;
  height: 130px;
  left: 1680px;
  top: 740px; }
  .is-play .susume-convayors-garbage-4 {
    -webkit-animation-name: anime-12;
            animation-name: anime-12;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-4 {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-garbage-4--type-2 {
  left: 1520px;
  top: 850px; }

.susume-convayors-garbage-4--type-3 {
  left: 1300px;
  top: 1016px;
  width: 64px;
  height: 100px; }

.susume-convayors-garbage-4--type-4 {
  left: 1639px;
  top: 1153px;
  width: 90px;
  height: 90px;
  -webkit-transform: scaleX(-1) rotate(-31deg);
          transform: scaleX(-1) rotate(-31deg); }

@-webkit-keyframes anime-13 {
  from {
    background-position: -80px -50px; }
  to {
    background-position: 0 0; } }

@keyframes anime-13 {
  from {
    background-position: -80px -50px; }
  to {
    background-position: 0 0; } }

.susume-convayors-garbage-5 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-5.png) 0 0 no-repeat;
  width: 207px;
  height: 150px;
  left: 1300px;
  top: 1064px; }
  .is-play .susume-convayors-garbage-5 {
    -webkit-animation-name: anime-13;
            animation-name: anime-13;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-5 {
    -webkit-animation: none;
            animation: none; }

@-webkit-keyframes anime-14 {
  from {
    background-position: -94px 15px; }
  to {
    background-position: 0 0; } }

@keyframes anime-14 {
  from {
    background-position: -94px 15px; }
  to {
    background-position: 0 0; } }

.susume-convayors-garbage-6 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-8.png) 0 0 no-repeat;
  width: 200px;
  height: 150px;
  left: 1470px;
  top: 1147px; }
  .is-play .susume-convayors-garbage-6 {
    -webkit-animation-name: anime-14;
            animation-name: anime-14;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-6 {
    -webkit-animation: none;
            animation: none; }

@-webkit-keyframes anime-15 {
  from {
    background-position: -48px -30px; }
  to {
    background-position: 0 0; } }

@keyframes anime-15 {
  from {
    background-position: -48px -30px; }
  to {
    background-position: 0 0; } }

.susume-convayors-garbage-7 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-7.png) 0 0 no-repeat;
  width: 200px;
  height: 150px;
  left: 1725px;
  top: 1330px; }
  .is-play .susume-convayors-garbage-7 {
    -webkit-animation-name: anime-15;
            animation-name: anime-15;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-7 {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-garbage-7--type-2 {
  -webkit-transform: scaleX(-1) rotate(-42deg);
          transform: scaleX(-1) rotate(-42deg);
  left: 1703px;
  top: 1381px; }

.susume-convayors-garbage-7--type-3 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: 1633px;
  top: 1421px;
  width: 70px;
  height: 100px; }

@-webkit-keyframes anime-16 {
  from {
    background-position: -50px -46px; }
  to {
    background-position: -10px -10px; } }

@keyframes anime-16 {
  from {
    background-position: -50px -46px; }
  to {
    background-position: -10px -10px; } }

.susume-convayors-garbage-8 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-6.png) -10px -10px no-repeat;
  width: 50px;
  height: 50px;
  left: 1700px;
  top: 1306px; }
  .is-play .susume-convayors-garbage-8 {
    -webkit-animation-name: anime-16;
            animation-name: anime-16;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-8 {
    -webkit-animation: none;
            animation: none; }

.susume-convayors-garbage-8--type-1 {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.susume-convayors-garbage-8--type-2 {
  -webkit-transform: scaleX(-1) rotate(31deg);
          transform: scaleX(-1) rotate(31deg);
  left: 1560px;
  top: 1478px;
  width: 100px;
  height: 60px; }

@-webkit-keyframes anime-17 {
  from {
    background-position: 130px -94px; }
  to {
    background-position: 0 -15px; } }

@keyframes anime-17 {
  from {
    background-position: 130px -94px; }
  to {
    background-position: 0 -15px; } }

.susume-convayors-garbage-9 {
  background: url(/csr/plastic-recycle/img/susume-section-2-garbage-9.png) 0 -15px no-repeat;
  width: 1390px;
  height: 860px;
  left: 166px;
  top: 1663px; }
  .is-play .susume-convayors-garbage-9 {
    -webkit-animation-name: anime-17;
            animation-name: anime-17;
    -webkit-animation-duration: 1.3s;
            animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .is-paused .susume-convayors-garbage-9 {
    -webkit-animation: none;
            animation: none; }

.susume-human-1 {
  left: 1534px;
  top: 585px;
  cursor: pointer; }

.susume-human-2 {
  left: 1451px;
  top: 536px;
  cursor: pointer; }

.susume-human-small {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4); }

.susume-human-small-reflect {
  -webkit-transform: scale(-0.4, 0.4);
          transform: scale(-0.4, 0.4); }

.susume-human-3 {
  left: 1059px;
  top: 2657px; }

.susume-human-4 {
  left: 1011px;
  top: 2552px; }

.susume-human-5 {
  left: 573px;
  top: 2523px; }

.susume-human-6 {
  left: 942px;
  top: 2635px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.susume-human-7 {
  left: 370px;
  top: 2310px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.top-popup-2--type-4 {
  left: 912px;
  top: 2615px;
  width: 100px;
  height: 100px; }

.top-popup-2--type-5 {
  left: 522px;
  top: 2495px;
  width: 100px;
  height: 100px; }

.top-popup-2--type-6 {
  left: 972px;
  top: 2520px;
  width: 100px;
  height: 100px; }

.top-popup-2--type-7 {
  left: 1015px;
  top: 2630px;
  width: 100px;
  height: 100px; }

.top-popup-2--type-8 {
  left: 335px;
  top: 2290px;
  width: 100px;
  height: 100px; }

.top-popup-2--type-9 {
  left: 712px;
  top: 2672px;
  width: 40px;
  height: 50px; }

.top-popup-2--type-10 {
  left: 747px;
  top: 2688px;
  width: 40px;
  height: 50px; }

.top-popup-2__label--type-4 {
  left: -10px;
  top: -35px; }

.top-popup-2__label--type-5 {
  left: -35px;
  top: -50px;
  text-align: center; }

.susume-human-body {
  left: 0;
  top: 0; }

@-webkit-keyframes anime-18 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

@keyframes anime-18 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

.susume-human-arm-1 {
  left: 14px;
  top: 24px;
  -webkit-transform-origin: 3px 7px;
          transform-origin: 3px 7px; }
  .is-play .susume-human-arm-1 {
    -webkit-animation-name: anime-18;
            animation-name: anime-18;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

.susume-human-arm-2 {
  left: 4px;
  top: 13px;
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px; }
  .is-play .susume-human-arm-2 {
    -webkit-animation-name: anime-18;
            animation-name: anime-18;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

.susume-cube-2 {
  left: 676px;
  top: 2413px; }

.susume-shelf--type-1 {
  left: 541px;
  top: 2492px; }

.susume-shelf--type-2 {
  left: 512px;
  top: 2510px; }

.susume-shelf--type-3 {
  left: 479px;
  top: 2528px; }

.susume-shelf--type-4 {
  left: 989px;
  top: 2513px; }

.susume-shelf--type-5 {
  left: 1018px;
  top: 2531px; }

.susume-shelf--type-6 {
  left: 1051px;
  top: 2549px; }

.susume-shelf--type-7 {
  left: 19px;
  top: 2816px; }

.susume-shelf--type-8 {
  left: -10px;
  top: 2834px; }

.susume-shelf--type-9 {
  left: -43px;
  top: 2852px; }

.susume-shelf--type-10 {
  left: -328px;
  top: 3056px; }

.susume-shelf--type-11 {
  left: -299px;
  top: 3074px; }

.susume-shelf--type-12 {
  left: -266px;
  top: 3092px; }

.susume-shelf--type-13 {
  left: -162px;
  top: 3157px; }

.susume-shelf--type-14 {
  left: -133px;
  top: 3175px; }

.susume-shelf--type-15 {
  left: -100px;
  top: 3193px; }

.susume-shelf--reflect {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-forklift-2--type-1 {
  left: 452px;
  top: 2574px; }

.susume-forklift-2--type-2 {
  left: 430px;
  top: 2589px; }

.susume-forklift-2--type-3 {
  left: 404px;
  top: 2605px; }

.susume-forklift-2--type-4 {
  left: -77px;
  top: 2894px; }

.susume-forklift-2--type-5 {
  left: -99px;
  top: 2909px; }

.susume-forklift-2--type-6 {
  left: -125px;
  top: 2925px; }

.susume-forklift-2--type-7 {
  left: -77px;
  top: 3230px; }

.susume-forklift-2--type-8 {
  left: -52px;
  top: 3241px; }

.susume-forklift-2--type-9 {
  left: -33px;
  top: 3252px; }

.susume-convayors-shadow {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.susume-convayors-shadow--type-1 {
  left: 212px;
  top: 2615px; }

.susume-convayors-shadow--type-2 {
  left: 50px;
  top: 2763px;
  -webkit-transform: scale(0.85746);
          transform: scale(0.85746); }

.susume-cube-3 {
  left: 1056px;
  top: 2613px; }

.susume-furnace {
  left: -26px;
  top: 3292px; }

.susume-pipe-1 {
  left: -750px;
  top: 3369px; }

.susume-pipe-2 {
  left: -430px;
  top: 3445px; }

.susume-convayor-2 {
  left: -69px;
  top: 3559px; }

@-webkit-keyframes anime-19 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; }
  8% {
    -webkit-transform: translate(110px, 70px);
            transform: translate(110px, 70px); }
  65% {
    -webkit-transform: translate(-620px, 515px);
            transform: translate(-620px, 515px); }
  95% {
    -webkit-transform: translate(-240px, 750px);
            transform: translate(-240px, 750px);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-240px, 750px);
            transform: translate(-240px, 750px);
    opacity: 0; } }

@keyframes anime-19 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; }
  8% {
    -webkit-transform: translate(110px, 70px);
            transform: translate(110px, 70px); }
  65% {
    -webkit-transform: translate(-620px, 515px);
            transform: translate(-620px, 515px); }
  95% {
    -webkit-transform: translate(-240px, 750px);
            transform: translate(-240px, 750px);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-240px, 750px);
            transform: translate(-240px, 750px);
    opacity: 0; } }

.susume-cokes {
  left: 585px;
  top: 3625px;
  -webkit-animation-name: anime-19;
          animation-name: anime-19;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-cokes--type-1 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s; }

.susume-cokes--type-2 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s; }

.susume-cokes--type-3 {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s; }

.susume-cokes--type-4 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s; }

.susume-cokes--type-5 {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s; }

.susume-box--type-1 {
  left: -394px;
  top: 4310px; }

.susume-box--type-2 {
  left: -195px;
  top: 4190px; }

.susume-plant-1 {
  left: -394px;
  top: 4228px; }

.susume-plant-2 {
  left: -183px;
  top: 4150px; }

.susume-brust-furnace--type-1 {
  left: 439px;
  top: 4077px; }

.susume-brust-furnace--type-2 {
  left: 289px;
  top: 4166px; }

.susume-converter-furnace {
  left: 792px;
  top: 4564px; }

.susume-casting {
  left: 1048px;
  top: 4729px; }

.susume-rolling {
  left: 1555px;
  top: 5104px; }

.susume-iron-1 {
  left: 2141px;
  top: 5249px; }

.susume-iron-2 {
  left: 2048px;
  top: 5301px; }

.susume-iron-3 {
  left: 1948px;
  top: 5416px; }

.susume-iron-4 {
  left: 1849px;
  top: 5482px; }

.susume-label {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #3598db;
  padding: .3em .6em;
  color: #fff;
  border-radius: 3px;
  white-space: nowrap; }

.susume-label--type-1 {
  left: 2269px;
  top: 5381px; }

.susume-label--type-2 {
  left: 2169px;
  top: 5441px; }

.susume-label--type-3 {
  left: 2068px;
  top: 5501px; }

.susume-label--type-4 {
  left: 1968px;
  top: 5561px; }

.susume-result-bg--type-1 {
  left: 1519px;
  top: 6126px; }

.susume-result-bg--type-2 {
  left: 1669px;
  top: 6037px; }

.susume-result-bg--type-3 {
  left: 1819px;
  top: 6126px; }

.susume-result-bg--type-4 {
  left: 1969px;
  top: 6037px; }

.susume-result-bg--type-5 {
  left: 2117px;
  top: 6127px; }

.susume-result-bg--type-6 {
  left: 2268px;
  top: 6037px; }

.susume-result-bg--type-7 {
  left: 2418px;
  top: 6126px; }

.susume-result-label {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  color: #fff;
  width: 120px;
  text-align: center;
  line-height: 1.2; }

.susume-result-label--multi {
  bottom: 24px; }

.susume-result-item--type-1 {
  left: 1574px;
  top: 6127px; }

.susume-result-item--type-2 {
  left: 1727px;
  top: 6024px; }

.susume-result-item--type-3 {
  left: 1884px;
  top: 6119px; }

.susume-result-item--type-4 {
  left: 2023px;
  top: 6022px; }

.susume-result-item--type-5 {
  left: 2155px;
  top: 6128px; }

.susume-result-item--type-6 {
  left: 2343px;
  top: 6026px; }

.susume-result-item--type-7 {
  left: 2471px;
  top: 6098px; }

.susume-last-text {
  width: 1040px;
  font-size: 23px;
  font-weight: bold;
  left: 1548px;
  top: 6280px;
  text-align: center; }

.susume-last-text__big {
  font-size: 37px;
  font-weight: bold;
  margin-bottom: .5em; }

.susume-last-text__big-2 {
  font-size: 37px;
  font-weight: bold;
  color: #3598db;
  margin-top: .5em; }

.susume-map {
  position: fixed;
  left: 10px;
  bottom: 10px;
  width: 314px;
  height: 314px; }

.susume-map__wrapper {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  border: 10px solid #fff;
  box-shadow: 0 0 0 6px #3598db;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  width: 314px;
  height: 314px;
  position: relative; }

.susume-map__img {
  position: absolute;
  left: -8px;
  top: -8px; }

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

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

.susume-map__pin {
  position: absolute;
  -webkit-animation-name: anime-20;
          animation-name: anime-20;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-map__pin--type-1 {
  left: 200px;
  top: 130px; }

.susume-map__pin--type-2 {
  left: 180px;
  top: 80px; }

.susume-map__pin--type-3 {
  left: 183px;
  top: 30px; }

.susume-map__pin--type-4 {
  left: 147px;
  top: 30px; }

.susume-map__pin--type-5 {
  left: 110px;
  top: 120px; }

@-webkit-keyframes anime-21 {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

@keyframes anime-21 {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

.susume-lamp::before, .susume-lamp::after {
  display: inline-block;
  height: 0;
  vertical-align: middle;
  background-image: url(/csr/plastic-recycle/img/sprite-14.png);
  background-repeat: no-repeat;
  background-position: -218px -124px;
  width: 27px;
  height: 0;
  padding-top: 58px;
  content: '';
  position: absolute;
  top: -10px;
  -webkit-animation-name: anime-21;
          animation-name: anime-21;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }
  .susume-lamp::before.is-canceled, .susume-lamp::after.is-canceled {
    width: auto;
    height: auto;
    background-image: none;
    padding-top: 0; }
  @media (max-width: 959px) {
    .susume-lamp::before.pc-max-is-canceled, .susume-lamp::after.pc-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 768px) {
    .susume-lamp::before.tablet-is-canceled, .susume-lamp::after.tablet-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 767px) {
    .susume-lamp::before.tablet-max-is-canceled, .susume-lamp::after.tablet-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 640px) {
    .susume-lamp::before.breakpoint-1-is-canceled, .susume-lamp::after.breakpoint-1-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 480px) {
    .susume-lamp::before.mobile-is-canceled, .susume-lamp::after.mobile-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }
  @media (max-width: 479px) {
    .susume-lamp::before.mobile-max-is-canceled, .susume-lamp::after.mobile-max-is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; } }

.susume-lamp::before {
  right: 100%; }

.susume-lamp::after {
  left: 100%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

@-webkit-keyframes anime-25 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); }
  5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  80% {
    opacity: 1;
    -webkit-transform: translate(127px, 74px);
            transform: translate(127px, 74px); }
  100% {
    opacity: 0;
    -webkit-transform: translate(137px, 54px);
            transform: translate(137px, 54px); } }

@keyframes anime-25 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); }
  5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  80% {
    opacity: 1;
    -webkit-transform: translate(127px, 74px);
            transform: translate(127px, 74px); }
  100% {
    opacity: 0;
    -webkit-transform: translate(137px, 54px);
            transform: translate(137px, 54px); } }

.susume-lamp--anime {
  -webkit-animation-name: anime-25;
          animation-name: anime-25;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-lamp--anime--order-2 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s; }

.susume-lamp--layout-1 {
  left: -253px;
  top: 4454px; }

.susume-lamp--layout-2 {
  left: -150px;
  top: 4525px; }

.susume-oil--layout-1 {
  left: -52px;
  top: 4345px; }

.susume-oil--layout-2 {
  left: -2px;
  top: 4379px; }

.susume-oil--layout-3 {
  left: 62px;
  top: 4416px; }

.susume-popup {
  background-color: #3598db;
  color: #fff;
  font-size: 23px;
  border: 4px solid #124465;
  white-space: nowrap;
  padding: .5em;
  line-height: 1.5;
  border-radius: 10px;
  text-align: center;
  -webkit-transform-origin: 50% 120%;
          transform-origin: 50% 120%;
  z-index: 1; }
  .susume-popup::before, .susume-popup::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px;
    border-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto; }
  .susume-popup::before {
    border-top-color: #124465;
    bottom: -44px; }
  .susume-popup::after {
    border-top-color: #3598db;
    bottom: -36px; }

.susume-popup--right::before, .susume-popup--right::after {
  border-width: 10px 20px;
  border-top-color: transparent;
  top: 0;
  bottom: 0;
  right: auto; }

.susume-popup--right::before {
  border-right-color: #124465;
  left: -44px; }

.susume-popup--right::after {
  border-right-color: #3598db;
  left: -36px; }

.susume-popup__sub {
  font-size: 14px; }

.susume-popup--type-1 {
  left: 40px;
  top: 1840px; }

.susume-popup--type-2 {
  left: 630px;
  top: 2598px; }

.susume-popup--type-3 {
  left: 350px;
  top: 3440px; }

.susume-popup--type-4 {
  left: -212px;
  top: 4092px; }

.susume-popup-2 {
  position: absolute;
  border: 5px solid #3598db;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  font-size: 22px;
  color: #3598db;
  line-height: 1.25;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 45px;
  -webkit-transform-origin: 105% 105%;
          transform-origin: 105% 105%;
  font-weight: bold; }
  .susume-popup-2::before, .susume-popup-2::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 20px 40px;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .susume-popup-2::before {
    right: -43px;
    bottom: -31px;
    border-color: transparent transparent transparent #3598db; }
  .susume-popup-2::after {
    right: -35px;
    bottom: -22px;
    border-color: transparent transparent transparent #fff; }

.susume-popup-2--single-line {
  padding-top: 57px; }

.susume-popup-2--layout-1 {
  left: -345px;
  top: 3708px; }

.susume-popup-2--layout-2 {
  left: -24px;
  top: 3672px; }

.susume-popup-2--layout-3 {
  left: 98px;
  top: 3841px; }

.susume-popup-3 {
  border: 10px solid #3598db;
  padding: 15px 20px;
  font-size: 22px;
  position: absolute;
  white-space: nowrap;
  background-color: #fff; }

.susume-popup-3__title {
  font-size: 36px;
  font-weight: bold;
  color: #3598db; }

.susume-popup-3--layout-1 {
  left: -390px;
  top: 4580px; }

.susume-popup-3--layout-2 {
  left: 200px;
  top: 3780px; }

.susume-popup-3--layout-3 {
  left: 370px;
  top: 4260px; }

.susume-popup-3--layout-4 {
  left: 640px;
  top: 4750px; }

.susume-popup-3--layout-5 {
  left: 1300px;
  top: 4710px; }

.susume-popup-3--layout-6 {
  left: 1801px;
  top: 5006px; }

.susume-closeup-back-img {
  position: absolute;
  height: 100%;
  width: 100%; }

.susume-closeup-back-overlay {
  background: url(/csr/plastic-recycle/img/mosaic.png) 0 0 repeat rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .is-ie .susume-closeup-back-overlay {
    background-color: #000;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat; }

.is-ie .susume-closeup-back-overlay--closeup-1 {
  background-image: url(/csr/plastic-recycle/img/kimitsu_01.png); }

.is-ie .susume-closeup-back-overlay--closeup-2 {
  background-image: none; }

.is-ie .susume-closeup-back-overlay--closeup-3 {
  background-image: url(/csr/plastic-recycle/img/kimitsu_03.png); }

.is-ie .susume-closeup-back-overlay--closeup-4 {
  background-color: #000;
  opacity: 0.6; }

.susume-closeup-body {
  position: relative;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  overflow: hidden;
  min-height: 105vh; }

.susume-closeup-screen {
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.is-ie .susume-closeup-screen--closeup-2 {
  background-image: url(/csr/plastic-recycle/img/kimitsu_02.png);
  background-size: cover;
  background-position: 50% 50%; }

.susume-closeup-body--type-1 {
  height: 3000px; }

.susume-closeup-body--type-2 {
  padding-bottom: 100vh; }

.susume-closeup-body--type-3 {
  height: 6500px; }

.susume-closeup-body--type-4 {
  height: 5000px; }

.susume-closeup-body--type-5 {
  height: 3300px; }

.susume-bg-video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }
  .is-ie .susume-bg-video {
    display: none; }
    .is-ie .susume-bg-video.susume-bg-video--closeup-4 {
      display: block; }

.susume-title-1 {
  font-size: 55px;
  font-weight: bold; }

.susume-title-2 {
  padding: .3em .5em;
  background-color: rgba(33, 125, 188, 0.6);
  border-radius: 5px;
  display: inline-block; }

.susume-title-3 {
  font-size: 37px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  padding: .2em .4em;
  border-radius: 100px;
  display: block; }

.susume-closeup-graphics {
  position: fixed;
  width: 940px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  pointer-events: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.susume-closeup-3-plastic {
  width: 50px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 25px;
  background-color: #fff;
  position: absolute;
  left: 387px;
  top: 80px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.susume-closeup-3-coal {
  width: 50px;
  height: 100px;
  box-sizing: border-box;
  background-color: #7f7f7f;
  position: absolute;
  left: 505px;
  top: 80px;
  border: 2px solid #fff; }

.susume-closeup-3-furnace {
  position: absolute;
  left: 225px;
  top: 200px; }

@-webkit-keyframes anime-22 {
  from {
    background-color: #882528; }
  to {
    background-color: #f78e31; } }

@keyframes anime-22 {
  from {
    background-color: #882528; }
  to {
    background-color: #f78e31; } }

.susume-closeup-3-furnace__fire {
  width: 80px;
  height: 280px;
  position: absolute;
  left: 40px;
  top: 40px;
  background-color: #882528;
  -webkit-animation-name: anime-22;
          animation-name: anime-22;
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }

.susume-closeup-3-furnace__fire--type-2 {
  left: 380px; }

.susume-closeup-3-text-1 {
  position: absolute;
  left: 353px;
  top: 40px; }

.susume-closeup-3-text-2 {
  position: absolute;
  left: 510px;
  top: 40px; }

@-webkit-keyframes anime-23 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0; } }

@keyframes anime-23 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0; } }

.susume-closeup-3-furnace__arrows {
  -webkit-animation-name: anime-23;
          animation-name: anime-23;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.susume-closeup-3-furnace__arrows-layout-1 {
  position: absolute;
  left: 60px;
  top: 73px; }

.susume-closeup-3-furnace__arrows-layout-2 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  position: absolute;
  left: 368px;
  top: 73px; }

@-webkit-keyframes anime-24 {
  from {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05); }
  to {
    -webkit-transform: scale(1.05, 0.95);
            transform: scale(1.05, 0.95); } }

@keyframes anime-24 {
  from {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05); }
  to {
    -webkit-transform: scale(1.05, 0.95);
            transform: scale(1.05, 0.95); } }

.susume-closeup-3-gas {
  -webkit-animation-name: anime-24;
          animation-name: anime-24;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }

.susume-closeup-3-gas-layout {
  position: absolute;
  left: 383px;
  top: 240px; }

.susume-closeup-3-text-3 {
  position: absolute;
  width: 740px;
  text-align: center;
  left: 90px;
  top: 447px;
  border-radius: 20px; }

.susume-closeup-3-text-4 {
  position: absolute;
  left: 267px;
  top: 50px; }

.susume-closeup-3-text-5 {
  position: absolute;
  left: 750px;
  top: 50px; }

.susume-closeup-3-text-6 {
  position: absolute;
  opacity: 0;
  width: 780px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  top: 800px;
  padding: .4em 0;
  font-size: 60px; }

.susume-closeup-3-arrow-1 {
  position: absolute;
  left: 139px;
  top: 225px; }

.susume-closeup-3-arrow-2 {
  position: absolute;
  left: 781px;
  top: 225px; }

.susume-closeup-3-img-1 {
  position: absolute;
  left: 0;
  top: 360px; }

.susume-closeup-3-img-2 {
  position: absolute;
  left: 320px;
  top: 360px; }

.susume-closeup-3-img-3 {
  position: absolute;
  left: 640px;
  top: 360px; }

.susume-closeup-label {
  background-color: #3598db;
  border-radius: 100px;
  width: 220px;
  padding: .5em 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: absolute;
  box-sizing: border-box; }
  .susume-closeup-label::after {
    content: '';
    border-style: solid;
    border-width: 10px 7px;
    border-color: transparent transparent #3598db;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -19px;
    margin: auto; }

.susume-closeup-label--up::after {
  top: auto;
  bottom: -19px;
  border-color: #3598db transparent transparent; }

.susume-closeup-label--type-2 {
  width: 200px; }

.susume-closeup-label--layout-1 {
  left: 40px;
  top: 680px; }

.susume-closeup-label--layout-2 {
  left: 360px;
  top: 680px; }

.susume-closeup-label--layout-3 {
  left: 680px;
  top: 680px; }

.susume-closeup-label--layout-4 {
  left: 929px;
  top: 4337px; }

.susume-closeup-label--layout-5 {
  left: 35px;
  top: 153px; }

.susume-closeup-label--layout-6 {
  left: 255px;
  top: 153px; }

.susume-closeup-label--layout-7 {
  left: 480px;
  top: 153px; }

.susume-closeup-label--layout-8 {
  left: 703px;
  top: 153px; }

.susume-closeup-label-2 {
  background-color: #fff;
  border-radius: 200px;
  font-size: 23px;
  font-weight: bold;
  padding: .2em 1em;
  color: #333; }

.susume-closeup-label-2--layout-1 {
  position: absolute;
  left: 390px;
  top: 593px; }

.susume-closeup-label-2--layout-2 {
  position: absolute;
  left: 178px;
  top: 743px; }

.susume-closeup-label-2--layout-3 {
  position: absolute;
  left: 648px;
  top: 743px; }

.susume-closeup-label-3 {
  background-color: #3598db;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  width: 90px;
  height: 90px;
  box-sizing: border-box;
  padding-top: 25px;
  text-align: center;
  font-size: 14px; }

.susume-closeup-label-3--single-line {
  padding-top: 35px; }

.susume-closeup-label-3--large {
  width: 130px;
  height: 130px;
  padding-top: 45px;
  font-size: 18px; }

.susume-cooker {
  left: 780px;
  top: 4492px; }

.susume-closeup-1-circle {
  display: inline-block;
  width: 300px;
  height: 120px;
  position: relative;
  background-color: #fff;
  border-radius: 50%; }

.susume-closeup-1-circle--layout-1 {
  margin-top: 130px; }

.susume-closeup-1-circle--layout-2 {
  position: absolute;
  left: 50%;
  top: 510px;
  margin-left: -150px; }

.susume-closeup-1-circle--layout-3 {
  top: -240px;
  left: -180px; }

.susume-closeup-1-garbage {
  position: absolute;
  left: 30px;
  top: -20px; }

.susume-closeup-1-human {
  position: absolute;
  left: 140px;
  top: -115px; }

.susume-closeup-1-car {
  position: relative;
  top: -15px; }

.susume-closeup-1-frame {
  position: relative; }

.susume-closeup-1-photo-1 {
  position: absolute;
  left: 35px;
  top: 220px; }

.susume-closeup-1-photo-2 {
  position: absolute;
  left: 255px;
  top: 220px; }

.susume-closeup-1-photo-3 {
  position: absolute;
  left: 480px;
  top: 220px; }

.susume-closeup-1-photo-4 {
  position: absolute;
  left: 700px;
  top: 220px; }

.susume-closeup-1-img {
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
  display: block;
  position: relative;
  width: 205px;
  height: 205px;
  background-color: #fff;
  overflow: hidden; }
  .susume-closeup-1-img::after {
    content: '';
    border-width: 18px 24px;
    border-style: solid;
    border-color: transparent transparent transparent #3598db;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -54px;
    z-index: 1; }

.susume-closeup-1-img--no-arrow::after {
  content: none; }

.susume-closeup-1-arrow {
  position: relative;
  top: -23px;
  left: 180px; }

.susume-closeup-1-car-2 {
  position: relative;
  top: -20px; }

.susume-closeup-1-video-2,
.susume-closeup-1-video-3 {
  opacity: 0; }

.susume-closeup-1-img-1 {
  position: absolute;
  left: 100px;
  top: 107px; }

.susume-closeup-1-img-2 {
  position: absolute;
  left: 20px;
  top: 94px; }

.susume-closeup-1-img-3 {
  position: absolute;
  left: -55px;
  bottom: 30px; }

.susume-closeup-1-img-4 {
  position: absolute;
  bottom: 37px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-1-img-4--layout-1 {
  left: 4px; }

.susume-closeup-1-img-4--layout-2 {
  left: 40px; }

.susume-closeup-1-img-4--layout-3 {
  left: 76px; }

.susume-closeup-1-img-4--layout-4 {
  left: 112px; }

.susume-closeup-1-img-4--layout-5 {
  left: 148px; }

.susume-closeup-1-img-4--layout-6 {
  left: 184px; }

.susume-closeup-1-img-4--layout-7 {
  left: -8px;
  top: 87px; }

.susume-closeup-1-img-4--layout-8 {
  left: 29px;
  top: 87px; }

.susume-closeup-1-img-4--layout-9 {
  left: 67px;
  top: 87px; }

.susume-closeup-1-img-4--layout-10 {
  left: 105px;
  top: 87px; }

.susume-closeup-1-img-4--layout-11 {
  left: 294px;
  top: 127px; }

.susume-closeup-1-img-4--layout-12 {
  left: 257px;
  top: 127px; }

.susume-closeup-1-img-4--layout-13 {
  left: 219px;
  top: 127px; }

.susume-closeup-1-img-4--layout-14 {
  left: 149px;
  top: 197px; }

.susume-closeup-1-img-4--layout-15 {
  left: 187px;
  top: 197px; }

.susume-closeup-1-img-4--layout-16 {
  left: 224px;
  top: 197px; }

.susume-closeup-1-img-4--layout-17 {
  left: 262px;
  top: 197px; }

.susume-closeup-1-img-4--layout-18 {
  left: 301px;
  top: 197px; }

.susume-closeup-1-img-4--layout-19 {
  left: 17px;
  top: 177px; }

.susume-closeup-1-img-4--layout-20 {
  left: 55px;
  top: 177px; }

.susume-closeup-1-img-4--layout-21 {
  left: 94px;
  top: 177px; }

.susume-closeup-1-img-4--layout-22 {
  left: 132px;
  top: 177px; }

.susume-closeup-1-img-4--layout-23 {
  left: 170px;
  top: 177px; }

.susume-closeup-1-img-4--layout-24 {
  left: 209px;
  top: 177px; }

.susume-closeup-1-img-4--layout-25 {
  left: 247px;
  top: 177px; }

.susume-closeup-1-img-4--layout-26 {
  left: 285px;
  top: 177px; }

.susume-closeup-1-img-4--layout-27 {
  left: 2px;
  top: 182px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-28 {
  left: 40px;
  top: 182px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-29 {
  left: 78px;
  top: 182px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-30 {
  left: 7px;
  top: 47px; }

.susume-closeup-1-img-4--layout-31 {
  left: 46px;
  top: 47px; }

.susume-closeup-1-img-4--layout-32 {
  left: 84px;
  top: 47px; }

.susume-closeup-1-img-4--layout-33 {
  left: 122px;
  top: 47px; }

.susume-closeup-1-img-4--layout-34 {
  left: 160px;
  top: 47px; }

.susume-closeup-1-img-4--layout-35 {
  left: 177px;
  top: 117px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-36 {
  left: 214px;
  top: 117px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-37 {
  left: 252px;
  top: 117px;
  animation-direction: reverse; }

.susume-closeup-1-img-4--layout-38 {
  left: 291px;
  top: 117px;
  animation-direction: reverse; }

@-webkit-keyframes anime-45 {
  from {
    background-position: 0 0; }
  to {
    background-position: 219px 0; } }

@keyframes anime-45 {
  from {
    background-position: 0 0; }
  to {
    background-position: 219px 0; } }

.susume-closeup-1-img-10 {
  position: absolute;
  width: 100%;
  height: 31px;
  bottom: 47px;
  left: 0;
  background: url(/csr/plastic-recycle/img/susume-closeup-1-img-10.png) 0 0 repeat;
  -webkit-animation-name: anime-45;
          animation-name: anime-45;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-1-img-5 {
  position: absolute;
  left: 17px;
  top: 30px;
  -webkit-transform-origin: 80% 100%;
          transform-origin: 80% 100%; }

.susume-closeup-1-img-6 {
  position: absolute;
  left: 118px;
  top: 44px;
  -webkit-transform-origin: 20% 100%;
          transform-origin: 20% 100%; }

.susume-closeup-1-img-7 {
  position: absolute;
  top: 77px;
  left: 0; }

@-webkit-keyframes anime-46 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 96px; } }

@keyframes anime-46 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 96px; } }

.susume-closeup-1-img-8 {
  width: 49px;
  height: 80px;
  background: url(/csr/plastic-recycle/img/susume-closeup-1-img-8.png) 0 0 repeat;
  position: absolute;
  left: 12px;
  top: 0;
  -webkit-animation-name: anime-46;
          animation-name: anime-46;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-1-img-9 {
  width: 30px;
  height: 30px;
  background-color: #8cdaff; }

.susume-closeup-1-img-9--layout-1 {
  position: absolute;
  bottom: 39px;
  left: 60px; }

.susume-closeup-1-img-9--layout-2 {
  position: absolute;
  right: -10px;
  bottom: 17px; }

.susume-closeup-1-img-12 {
  position: absolute;
  left: 27px;
  top: 105px; }

.susume-closeup-1-img-11 {
  position: absolute;
  left: 152px;
  top: 76px; }

.susume-convayors-popup {
  background-color: #1a6090;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 96px;
  line-height: 160px;
  white-space: nowrap;
  text-align: center;
  position: absolute; }
  .susume-convayors-popup::after {
    content: '';
    display: block;
    border-width: 24px 34px;
    border-style: solid;
    border-color: transparent transparent transparent #1a6090;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 155px;
    margin: auto;
    -webkit-transform-origin: -75px 50%;
            transform-origin: -75px 50%; }

.susume-convayors-popup--bottom-left {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }
  .susume-convayors-popup--bottom-left::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }

.susume-convayors-popup--top-left {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
  .susume-convayors-popup--top-left::after {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }

.susume-convayors-popup--top-right {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0; }
  .susume-convayors-popup--top-right::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.susume-convayors-popup--layout-1 {
  left: 1860px;
  top: -100px; }

.susume-convayors-popup--layout-2 {
  left: 1650px;
  top: 390px; }

.susume-convayors-popup--layout-3 {
  left: 1360px;
  top: 650px; }

.susume-convayors-popup--layout-4 {
  left: 1830px;
  top: 810px; }

.susume-convayors-popup--layout-5 {
  left: 1600px;
  top: 980px; }

.susume-convayors-popup--layout-6 {
  left: 1450px;
  top: 1310px; }

.susume-convayors-popup--layout-7 {
  left: 1670px;
  top: 1650px; }

.susume-convayors-details {
  position: absolute;
  top: 500px;
  left: 50%;
  width: 440px; }

.susume-convayors-detail {
  background-color: #3598db;
  padding: 5px; }

.susume-convayors-detail__number {
  color: #fff;
  padding-top: 15px;
  font-weight: bold;
  font-size: 37px;
  width: 55px;
  text-align: center; }

.susume-convayors-detail__body {
  background-color: #fff;
  font-size: 23px;
  padding: 15px;
  color: #333; }

.susume-convayors-detail__title {
  color: #3598db;
  font-size: 36px;
  margin-top: auto; }

.susume-convayors-detail__block {
  border: 8px solid #dadde5;
  position: relative;
  width: 323px;
  height: 224px;
  overflow: hidden;
  display: block;
  background-color: #fff;
  margin: .5em 0; }

.susume-closeup-4-photo-1 {
  position: absolute;
  left: 370px;
  top: 383px; }

.susume-closeup-4-photo-2 {
  position: absolute;
  left: 135px;
  top: 533px; }

.susume-closeup-4-photo-3 {
  position: absolute;
  left: 603px;
  top: 533px; }

.susume-closeup-4-arrow-1 {
  position: absolute;
  left: 204px;
  top: 440px; }

.susume-closeup-4-arrow-2 {
  position: absolute;
  left: 546px;
  top: 440px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-closeup-4-arrow-3 {
  position: absolute;
  left: 51px;
  top: 765px; }

.susume-closeup-4-arrow-4 {
  position: absolute;
  left: 481px;
  top: 765px; }

.susume-closeup-4-arrow-5 {
  position: absolute;
  left: 194px;
  top: 1067px; }

.susume-closeup-4-layout-1 {
  position: absolute;
  left: 40px;
  top: 867px; }

.susume-closeup-4-layout-2 {
  position: absolute;
  left: 140px;
  top: 867px; }

.susume-closeup-4-layout-3 {
  position: absolute;
  left: 240px;
  top: 867px; }

.susume-closeup-4-layout-4 {
  position: absolute;
  left: 340px;
  top: 867px; }

.susume-closeup-4-layout-5 {
  position: absolute;
  left: 566px;
  top: 867px; }

.susume-closeup-4-layout-6 {
  position: absolute;
  left: 661px;
  top: 867px; }

.susume-closeup-4-layout-7 {
  position: absolute;
  left: 757px;
  top: 867px; }

.susume-closeup-4-layout-8 {
  position: absolute;
  left: 852px;
  top: 867px; }

.susume-closeup-4-layout-9 {
  position: absolute;
  left: 450px;
  top: 957px; }

.susume-closeup-4-graphics {
  position: relative;
  top: -350px;
  height: 850px;
  margin-top: calc(100vh - 350px); }

.susume-closeup-4-title {
  color: #3598db;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 0; }

.susume-closeup-4-block {
  text-align: left;
  width: 50%;
  margin-top: -100px;
  box-sizing: border-box;
  padding: 0 15px 0 0;
  position: relative; }
  .susume-closeup-4-block::after {
    display: inline-block;
    height: 0;
    vertical-align: middle;
    background-image: url(/csr/plastic-recycle/img/sprite-19.png);
    background-repeat: no-repeat;
    background-position: 0px -723px;
    width: 320px;
    height: 0;
    padding-top: 89px;
    content: '';
    position: absolute;
    left: 424px;
    bottom: 90px; }
    .susume-closeup-4-block::after.is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; }
    @media (max-width: 959px) {
      .susume-closeup-4-block::after.pc-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 768px) {
      .susume-closeup-4-block::after.tablet-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .susume-closeup-4-block::after.tablet-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 640px) {
      .susume-closeup-4-block::after.breakpoint-1-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 480px) {
      .susume-closeup-4-block::after.mobile-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 479px) {
      .susume-closeup-4-block::after.mobile-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }

.susume-closeup-4-block--odd {
  margin-left: 50%;
  padding: 0 0 0 15px; }
  .susume-closeup-4-block--odd::after {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    left: auto;
    right: 424px; }

.susume-closeup-4-block--last::after {
  content: none;
  display: none; }

.susume-closeup-close {
  position: fixed;
  background: #000;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer; }

.susume-closeup-3-end {
  position: absolute;
  bottom: 10px; }

.susume-closeup-2-title {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0; }

.susume-closeup-2-item-1 {
  position: absolute;
  left: 60px;
  top: 40px;
  -webkit-transform-origin: 51px 62px;
          transform-origin: 51px 62px; }

.susume-closeup-2-item-1--type-2 {
  left: 160px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-closeup-2-item-2 {
  position: absolute;
  left: 130px;
  top: 20px; }

.susume-closeup-2-item-3 {
  position: absolute;
  left: 70px;
  top: 60px; }

.susume-closeup-2-item-3--type-2 {
  left: 165px; }

.susume-closeup-2-item-4 {
  position: absolute;
  left: 110px;
  top: 120px; }

.susume-closeup-2-item-5 {
  left: -400px;
  position: absolute;
  top: 80px; }

.susume-closeup-2-item-5--type-2 {
  left: 210px;
  top: 120px; }

.susume-closeup-2-item-5--type-3 {
  left: 140px;
  top: 190px; }

.susume-closeup-2-item-5--type-4 {
  left: -67px;
  top: 170px; }

.susume-closeup-2-item-5--type-5 {
  left: -345px;
  top: 40px; }

.susume-closeup-2-item-5--type-6 {
  left: 130px;
  top: 110px; }

.susume-closeup-2-item-5--type-7 {
  left: 130px;
  top: 110px; }

.susume-closeup-2-item-5--type-8 {
  right: 220px;
  left: auto;
  top: 175px; }

@-webkit-keyframes anime-48 {
  from {
    background-position: 0 0; }
  to {
    background-position: 422px 0; } }

@keyframes anime-48 {
  from {
    background-position: 0 0; }
  to {
    background-position: 422px 0; } }

@-webkit-keyframes anime-49 {
  from {
    background-position: 0 0; }
  to {
    background-position: 169px 0; } }

@keyframes anime-49 {
  from {
    background-position: 0 0; }
  to {
    background-position: 169px 0; } }

.susume-closeup-2-item-6 {
  background: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-5.png) repeat-x 0 0;
  height: 35px;
  width: 422px;
  position: absolute;
  -webkit-animation-name: anime-48;
          animation-name: anime-48;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-2-item-6--type-1 {
  left: 0px;
  top: 57px;
  width: 140px; }

.susume-closeup-2-item-6--type-2 {
  right: 0;
  top: 100px;
  width: 120px; }

.susume-closeup-2-item-6--type-3 {
  right: 0;
  top: 176px;
  width: 180px;
  height: 21px;
  background-image: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-10.png);
  -webkit-animation-name: anime-49;
          animation-name: anime-49;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }

.susume-closeup-2-item-6--type-4 {
  left: 0;
  top: 65px;
  width: 140px;
  height: 21px;
  background-image: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-10.png);
  -webkit-animation-name: anime-49;
          animation-name: anime-49;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }

.susume-closeup-2-item-6--type-5 {
  left: 0;
  top: 148px;
  width: 100%; }

@-webkit-keyframes anime-50 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes anime-50 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.susume-closeup-2-item-7 {
  position: absolute;
  left: 129px;
  top: 90px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-animation-name: anime-50;
          animation-name: anime-50;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-2-item-8 {
  position: absolute;
  left: 150px;
  top: 50px; }

.susume-closeup-2-item-9 {
  position: absolute;
  left: 160px;
  top: 130px; }

.susume-closeup-2-item-12 {
  position: absolute;
  top: 160px;
  left: 40px; }

.susume-closeup-2-item-13 {
  position: absolute;
  left: 184px;
  top: 36px;
  -webkit-transform-origin: 20% 100%;
          transform-origin: 20% 100%; }

.susume-closeup-2-item-10 {
  position: absolute;
  top: 25px;
  left: 23px;
  -webkit-transform-origin: 70% 100%;
          transform-origin: 70% 100%; }

.susume-closeup-2-item-14 {
  position: absolute;
  left: 75px;
  top: 60px; }

.susume-closeup-2-item-14--type-2 {
  left: 165px; }

.susume-closeup-2-item-15 {
  position: absolute;
  left: 67px;
  top: 40px;
  -webkit-transform-origin: 51px 62px;
          transform-origin: 51px 62px; }

.susume-closeup-2-item-15--type-2 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: 160px; }

.susume-closeup-2-item-16 {
  position: absolute;
  left: 120px;
  top: 0px; }

.susume-closeup-2-item-17 {
  position: absolute;
  top: 110px;
  left: 130px; }

.susume-closeup-2-item-18 {
  position: absolute;
  top: 110px;
  left: 130px; }

.susume-closeup-2-item-18 {
  position: absolute;
  top: -80px;
  left: 60px; }

.susume-closeup-2-item-19 {
  position: absolute;
  top: 110px;
  left: 130px; }

.susume-closeup-2-item-20 {
  position: absolute;
  left: 156px;
  top: 170px;
  border-radius: 0 0 10px 10px; }

@-webkit-keyframes anime-51 {
  from {
    background-position: 0 0; }
  to {
    background-position: 141px 0; } }

@keyframes anime-51 {
  from {
    background-position: 0 0; }
  to {
    background-position: 141px 0; } }

.susume-closeup-2-item-21 {
  background: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-16.png) repeat-x 0 0;
  height: 18px;
  width: 141px;
  position: absolute;
  -webkit-animation-name: anime-51;
          animation-name: anime-51;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-closeup-2-item-21--type-1 {
  left: 0;
  top: 30px;
  width: 184px; }

.susume-closeup-2-item-21--type-1 {
  left: 0;
  top: 30px;
  width: 184px; }

.susume-closeup-2-item-21--type-2 {
  right: 0;
  top: 100px;
  width: 194px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-closeup-2-item-21--type-3 {
  left: 0;
  top: 163px;
  width: 100%; }

.susume-closeup-2-item-22 {
  position: absolute;
  left: 200px;
  top: 30px; }

.susume-closeup-2-item-22--type-2 {
  left: 80px;
  top: 100px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.susume-closeup-2-item-23 {
  position: absolute;
  left: 0;
  bottom: 0; }

.susume-closeup-2-item-24 {
  position: absolute;
  left: 117px;
  top: 55px; }

@-webkit-keyframes anime-52 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 103px; } }

@keyframes anime-52 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 103px; } }

.susume-closeup-2-item-25 {
  background: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-19.png) 0 0 repeat-y;
  width: 65px;
  height: 103px;
  -webkit-animation-name: anime-52;
          animation-name: anime-52;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: absolute;
  left: 80px;
  top: 0; }

@-webkit-keyframes anime-53 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 48px; } }

@keyframes anime-53 {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 48px; } }

@-webkit-keyframes anime-54 {
  from {
    background-position: 0 0; }
  to {
    background-position: -31px 48px; } }

@keyframes anime-54 {
  from {
    background-position: 0 0; }
  to {
    background-position: -31px 48px; } }

.susume-closeup-2-item-26 {
  background: url(/csr/plastic-recycle/img/susume-closeup-2-illust-img-20.png) 0 0 repeat;
  width: 65px;
  height: 80px;
  -webkit-animation-name: anime-53;
          animation-name: anime-53;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: absolute;
  left: 130px;
  bottom: 0; }

.susume-closeup-2-item-26--type-2 {
  width: 198px;
  height: 110px;
  position: absolute;
  left: 100px;
  top: 50px;
  -webkit-animation-name: anime-54;
          animation-name: anime-54; }

.susume-closeup-2-item-26--type-3 {
  width: 31px;
  height: 50px;
  position: absolute;
  left: 250px;
  top: 0; }

.susume-closeup-2-item-27 {
  bottom: 0;
  left: 0;
  position: absolute; }

.susume-closeup-2-item-28 {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.susume-closeup-2-item-29 {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.susume-closeup-2-item-30 {
  position: absolute;
  left: 74px;
  top: 74px; }

.susume-closeup-2-item-31 {
  position: absolute;
  left: 74px;
  top: 134px; }

.susume-scroll-blocker {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: block; }

.susume-welcome-title {
  left: 515px;
  top: 2055px; }

.susume-welcome-title__text {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  position: relative;
  top: -165px;
  color: #fff;
  text-shadow: 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f, 0 0 8px #e6650f; }

.susume-bg-5 {
  background: url(/csr/plastic-recycle/img/susume-bg-5.png) 0 0 no-repeat;
  width: 1245px;
  height: 1147px;
  left: 521px;
  top: 2844px; }

.susume-bg-6 {
  background: url(/csr/plastic-recycle/img/susume-bg-6.png) 0 0 no-repeat;
  width: 1626px;
  height: 967px;
  left: 120px;
  top: 4705px; }

.susume-bg-7 {
  background: url(/csr/plastic-recycle/img/susume-bg-7.png) 0 0 no-repeat;
  width: 2024px;
  height: 1216px;
  left: 919px;
  top: 4274px; }

.susume-welcome {
  width: 1178px;
  height: 831px;
  max-width: none;
  top: 1968px;
  left: 26px;
  pointer-events: none; }

.sound-select {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7; }

.sound-select-block {
  font-size: 18px;
  font-size: 1.8rem;
  width: 440px;
  height: 230px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #00507c;
  border: 1px solid #00507c;
  position: absolute;
  box-shadow: inset 0 0 0 9px #fff;
  color: #fff;
  padding: 50px 20px;
  box-sizing: border-box;
  text-align: center; }

.susume-sound-select-btn {
  background-color: #fff;
  color: #00507c;
  padding: .5em .75em;
  border: 2px solid #000e16;
  text-align: center;
  height: 2.5em;
  line-height: 1;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.susume-sound-anime-bg {
  position: relative;
  margin-top: 10px; }

@-webkit-keyframes susume-anime-1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes susume-anime-1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.susume-sound-loading {
  position: absolute;
  -webkit-animation-name: susume-anime-1;
          animation-name: susume-anime-1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  left: 108px;
  top: 12px; }

@-webkit-keyframes susume-anime-2 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 44px 0; } }

@keyframes susume-anime-2 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 44px 0; } }

@-webkit-keyframes susume-anime-3 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 30px 0; } }

@keyframes susume-anime-3 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 30px 0; } }

.susume-sound-anime-1 {
  height: 32px;
  width: 97px;
  background: url(/csr/plastic-recycle/img/susume-sound-anime-1.png) 0 0 repeat-x;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation-name: susume-anime-2;
          animation-name: susume-anime-2;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-sound-anime-2 {
  height: 11px;
  width: 97px;
  background: url(/csr/plastic-recycle/img/susume-sound-anime-2.png) 0 0 repeat-x;
  position: absolute;
  right: 0;
  top: 21px;
  -webkit-animation-name: susume-anime-3;
          animation-name: susume-anime-3;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.susume-s-nav-btn.susume-s-nav-btn--susume-closeup-3 {
  font-size: 20px;
  font-size: 2rem;
  width: 300px;
  position: relative;
  top: 50px;
  height: auto;
  transition: all .2s; }
  .susume-s-nav-btn.susume-s-nav-btn--susume-closeup-3:hover {
    background-color: #3598db; }

.susume-s-nav-btn.susume-s-nav-btn--susume-closeup-3--type-2 {
  top: -5px;
  left: 0;
  right: 0;
  margin: 20px auto 0;
  display: none;
  pointer-events: auto; }

.susume-closeup-play-icon {
  font-size: 100px; }

.warning-firefox {
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 320px;
  height: 180px;
  margin: auto;
  color: #fff;
  border-radius: 10px; }
  .warning-firefox *:last-child {
    margin-bottom: 0; }

.warning-firefox__link {
  color: #fff;
  text-decoration: underline; }

.warning-firefox__title {
  font-size: 1.2em;
  margin-top: 0; }

.warning-firefox__btn, .warning-firefox__btn:hover {
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  margin: auto;
  border-color: #000;
  background: #2d2d2d;
  color: #fff;
  text-shadow: 0 1px 1px #000; }

body.is-responsive.is-locked {
  overflow: hidden; }

.susume-s-bg-1 {
  background: url(/csr/plastic-recycle/img/susume-s-bg-1.png) 0 0 repeat #fff;
  background-size: 50px 30px;
  overflow: hidden;
  width: 100vw;
  position: relative; }

.susume-s-container {
  position: relative;
  max-width: 375px;
  margin: 0 auto;
  min-height: 4455px; }

.susume-s-img-1 {
  width: 100%;
  height: 444.5px;
  background: url(/csr/plastic-recycle/img/susume-s-img-1.png) 50% 0 no-repeat;
  background-size: 701.5px 444.5px;
  top: 157px; }

.susume-s-img-2 {
  width: 669px;
  height: 418.5px;
  background: url(/csr/plastic-recycle/img/susume-s-img-2.png) 50% 0 no-repeat;
  background-size: 669px 418.5px;
  top: 863.5px;
  left: -126px; }

.susume-s-rail {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  top: 215px;
  left: -198.5px; }

@-webkit-keyframes anime-7-s {
  from {
    -webkit-transform: scale(-1, 1) translate(0);
            transform: scale(-1, 1) translate(0); }
  to {
    -webkit-transform: scale(-1, 1) translate(-180px, 109px);
            transform: scale(-1, 1) translate(-180px, 109px); } }

@keyframes anime-7-s {
  from {
    -webkit-transform: scale(-1, 1) translate(0);
            transform: scale(-1, 1) translate(0); }
  to {
    -webkit-transform: scale(-1, 1) translate(-180px, 109px);
            transform: scale(-1, 1) translate(-180px, 109px); } }

.susume-s-freight-cars-2 {
  left: 0;
  top: -19px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }
  .susume-s-freight-cars-2.is-play {
    -webkit-animation-name: anime-7-s;
            animation-name: anime-7-s;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate; }

.susume-s-sea-1 {
  background: url(/csr/plastic-recycle/img/susume-s-sea-1.png) 50% 0 no-repeat;
  background-size: 940px 344.5px;
  height: 344.5px;
  width: 100%;
  top: -60px; }

.susume-s-sea-2 {
  background: url(/csr/plastic-recycle/img/susume-s-sea-2.png) 50% 0 no-repeat;
  background-size: 940px 853.5px;
  height: 853.5px;
  width: 100%;
  top: 346px; }

.susume-s-sea-3 {
  background: url(/csr/plastic-recycle/img/susume-s-sea-3.png) 50% 0 no-repeat;
  background-size: 940px 987.5px;
  height: 987.5px;
  width: 100%;
  bottom: 0; }

.susume-s-logo {
  left: 0;
  right: 0;
  margin: auto;
  top: 26.5px; }

.susume-text-1--s {
  font-size: 18px;
  font-size: 1.8rem;
  padding-top: 343px;
  position: relative;
  top: 0; }

.susume-s-welcome-title {
  top: 690px;
  left: 150px; }

.susume-welcome-title__text--s {
  font-size: 17px;
  font-size: 1.7rem;
  top: -82.5px;
  text-shadow: 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f, 0 0 4px #e6650f; }

.susume-s-road {
  width: 646px;
  height: 475.5px;
  background: url(/csr/plastic-recycle/img/susume-s-road.png) 0 0 no-repeat;
  background-size: 646px 475.5px;
  position: absolute;
  top: 407.5px;
  left: 12px; }

.susume-convayors--s {
  -webkit-transform: scale(0.16);
          transform: scale(0.16);
  left: -80px;
  top: 0; }

.susume-convayors--s--type-2 {
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  left: -250px; }

.susume-convayors--s--type-3 {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  left: 0;
  top: 0; }

.susume-s-convayors-wrapper {
  left: 110px;
  top: 890px;
  width: 320px;
  height: 480px;
  overflow: hidden; }

.susume-s-convayors-wrapper--type-2 {
  left: 0;
  top: 0;
  position: relative;
  width: 145px;
  height: 380px;
  display: inline-block;
  margin: 1em 0; }

.susume-s-convayors-wrapper--type-3 {
  left: -890px;
  top: 10px;
  position: absolute;
  width: 2000px;
  height: 3000px; }

.susume-s-img-3 {
  top: 1218.5px;
  left: 10px; }

.susume-s-img-4 {
  top: 2101.5px;
  left: 10px; }

.susume-s-crane-1 {
  top: 3608px;
  left: 301px; }

.susume-s-crane-2 {
  top: 3631px;
  left: 261.5px; }

.susume-s-ship-1 {
  top: -26px;
  left: 7.5px; }

.susume-s-ship-2 {
  top: 3636px;
  left: 298px; }

.susume-s-trash {
  top: 32.5px;
  left: 126px; }

.susume-s-garbage-1 {
  top: 83px;
  left: 348.5px; }

.susume-s-garbage-2 {
  top: 90px;
  left: 336.5px; }

.susume-s-garbage-3 {
  top: 90px;
  left: 360.5px; }

.susume-s-forklift-1 {
  top: 9px;
  left: 224.5px; }

.susume-s-forklift-2 {
  top: 140.5px;
  left: 304.5px; }

.susume-s-result-bg {
  top: 3815px;
  left: 12.5px; }

@-webkit-keyframes susume-s-anime-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes susume-s-anime-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.susume-s-lamp {
  position: relative; }
  .susume-s-lamp::before, .susume-s-lamp::after {
    display: inline-block;
    height: 0;
    vertical-align: middle;
    content: '';
    position: absolute;
    top: 0;
    -webkit-animation-name: anime-21;
            animation-name: anime-21;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
    .susume-s-lamp::before.is-canceled, .susume-s-lamp::after.is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; }
    @media (max-width: 959px) {
      .susume-s-lamp::before.pc-max-is-canceled, .susume-s-lamp::after.pc-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 768px) {
      .susume-s-lamp::before.tablet-is-canceled, .susume-s-lamp::after.tablet-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .susume-s-lamp::before.tablet-max-is-canceled, .susume-s-lamp::after.tablet-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 640px) {
      .susume-s-lamp::before.breakpoint-1-is-canceled, .susume-s-lamp::after.breakpoint-1-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 480px) {
      .susume-s-lamp::before.mobile-is-canceled, .susume-s-lamp::after.mobile-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 479px) {
      .susume-s-lamp::before.mobile-max-is-canceled, .susume-s-lamp::after.mobile-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
  .susume-s-lamp::before {
    background-image: url(/csr/plastic-recycle/img/sprite-29.png);
    background-repeat: no-repeat;
    background-position: -1029px -475.5px;
    width: 17.5px;
    padding-top: 37px;
    background-size: 1059px 1041px;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    right: 85%; }
  .susume-s-lamp::after {
    background-image: url(/csr/plastic-recycle/img/sprite-29.png);
    background-repeat: no-repeat;
    background-position: -1030.5px -639.5px;
    width: 17px;
    padding-top: 37px;
    background-size: 1059px 1041px;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    left: 90%; }

.susume-s-result-item-1 {
  top: 50px;
  left: 40px; }

.susume-s-result-item-2 {
  top: -1px;
  left: 120px; }

.susume-s-result-item-3 {
  top: 112px;
  left: 76px; }

.susume-s-result-item-4 {
  left: 153px;
  top: 68px;
  position: absolute; }

.susume-s-result-item-5 {
  left: 218px;
  top: 5px; }

.susume-s-result-item-6 {
  top: 141px;
  left: 174px; }

.susume-s-result-item-7 {
  left: 255px;
  top: 91px; }

.susume-s-result-item__text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #fff;
  position: absolute;
  top: 100%;
  margin-top: .25em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.1;
  width: 100%; }

.susume-last-text--s {
  font-size: 15px;
  font-size: 1.5rem;
  top: 4050px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box; }

.susume-last-text__big--s {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: .25em; }

.susume-last-text__big-2--s {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: .25em; }

.susume-start--return--s {
  top: 100%;
  bottom: auto;
  left: 0;
  right: 0;
  margin: .5em auto 0; }

.susume-start--s {
  position: relative;
  top: .5em; }

@-webkit-keyframes susume-s-anime-1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-10px, -5px);
            transform: translate(-10px, -5px); } }

@keyframes susume-s-anime-1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-10px, -5px);
            transform: translate(-10px, -5px); } }

.susume-popup__more {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  text-align: center;
  padding: .25em .5em; }
  .susume-popup__more::after {
    display: inline-block;
    height: 0;
    vertical-align: middle;
    background-image: url(/csr/plastic-recycle/img/sprite-29.png);
    background-repeat: no-repeat;
    background-position: -932px -639.5px;
    width: 51px;
    padding-top: 51px;
    background-size: 1059px 1041px;
    content: '';
    position: absolute;
    top: 100%;
    left: 70%;
    margin: -20px 0 0;
    -webkit-animation-name: susume-s-anime-1;
            animation-name: susume-s-anime-1;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    .susume-popup__more::after.is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; }
    @media (max-width: 959px) {
      .susume-popup__more::after.pc-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 768px) {
      .susume-popup__more::after.tablet-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .susume-popup__more::after.tablet-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 640px) {
      .susume-popup__more::after.breakpoint-1-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 480px) {
      .susume-popup__more::after.mobile-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 479px) {
      .susume-popup__more::after.mobile-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }

.susume-popup--s {
  display: block; }
  .susume-popup--s:hover {
    color: #fff;
    text-decoration: none; }
  .susume-popup--s:target, .susume-popup--s:focus {
    outline: none; }

.susume-popup--s--type-1 {
  top: 560px;
  left: 10px; }

.susume-popup--s--type-2 {
  top: 930px;
  left: 24px; }

.susume-popup--s--type-3 {
  top: 1180px;
  left: 149px; }

.susume-popup--s--type-4 {
  top: 1790px;
  left: 210px; }

.susume-popup-3--s {
  font-size: 15px;
  font-size: 1.5rem;
  border-width: 5px;
  padding: .25em .5em;
  white-space: normal;
  font-weight: bold; }

.susume-popup-3__title--2 {
  font-size: 24px;
  font-size: 2.4rem;
  white-space: normal; }

.susume-popup-3--s--layout-1 {
  left: auto;
  top: 1600px;
  width: 55%;
  right: 10px; }

.susume-popup-3--s--layout-2 {
  left: auto;
  top: 2050px;
  width: 55%;
  right: 120px; }

.susume-popup-3--s--layout-3 {
  left: auto;
  top: 2250px;
  width: 180px;
  right: 10px; }

.susume-popup-3--s--layout-4 {
  left: auto;
  top: 2500px;
  width: 180px;
  right: 10px; }

.susume-popup-3--s--layout-5 {
  left: auto;
  top: 2750px;
  width: 180px;
  right: 10px; }

.susume-popup-3--s--layout-6 {
  left: auto;
  top: 3050px;
  width: 180px;
  right: 10px; }

.susume-label--s--type-1 {
  top: 3340px;
  left: 290px; }

.susume-label--s--type-2 {
  top: 3380px;
  left: 224px; }

.susume-label--s--type-3 {
  top: 3418px;
  left: 157px; }

.susume-label--s--type-4 {
  top: 3457px;
  left: 89px; }

.susume-s-popup-wrapper {
  width: 100vw;
  height: calc(100vh - 50px);
  box-shadow: 0 50px 0 #000;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  transition: all .3s ease-out;
  -webkit-transform: scale(0);
          transform: scale(0); }
  .susume-s-popup-wrapper:target, .susume-s-popup-wrapper.is-opened {
    pointer-events: auto;
    -webkit-transform: scale(1);
            transform: scale(1);
    overflow-y: scroll; }

.susume-s-popup {
  font-size: 15px;
  font-size: 1.5rem;
  background: #000;
  color: #fff;
  width: 100vw;
  height: calc(100vh - 50px);
  box-shadow: 0 50px 0 #000;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  overflow: scroll; }

.susume-title-1--s {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.25; }

.susume-s-popup-1-bg-1 {
  background: url(/csr/plastic-recycle/img/susume-s-popup-1-bg-1.png) no-repeat;
  background-size: 100% auto; }

.susume-s-popup-1-bg-2 {
  background: url(/csr/plastic-recycle/img/susume-s-popup-1-bg-2.png) no-repeat;
  background-size: 100% auto; }

.susume-s-popup-1-bg-3 {
  background: url(/csr/plastic-recycle/img/susume-s-popup-1-bg-3.png) no-repeat;
  background-size: 100% auto; }

.susume-s-popup-3-bg {
  background: url(/csr/plastic-recycle/img/susume-s-popup-3-bg.png) no-repeat;
  background-size: 100% auto;
  min-height: 100vh; }

.susume-s-popup-4-bg {
  background: url(/csr/plastic-recycle/img/susume-s-popup-4-bg.png) no-repeat;
  background-size: 100% auto;
  min-height: 100vh; }

.susume-s-popup-container {
  padding: 10px; }

.susume-s-popup-1-photo-1 {
  position: absolute;
  top: 130px;
  left: 25px; }

.susume-s-popup-1-photo-2 {
  position: absolute;
  top: 130px;
  right: 25px; }

.susume-s-popup-1-photo-3 {
  position: absolute;
  top: 348px;
  left: 25px; }

.susume-s-popup-1-photo-4 {
  position: absolute;
  top: 348px;
  right: 25px; }

.susume-closeup-label--type-2--s {
  font-size: 15px;
  font-size: 1.5rem;
  width: 150px;
  white-space: nowrap; }

.susume-closeup-label--layout-5--s {
  left: 23px;
  top: 80px; }

.susume-closeup-label--layout-6--s {
  left: 182px;
  top: 80px; }

.susume-closeup-label--layout-7--s {
  left: 23px;
  top: 300px; }

.susume-closeup-label--layout-8--s {
  left: 182px;
  top: 300px; }

.susume-closeup-1-img--s {
  margin: 8px auto;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0; }

.susume-closeup-label--type-2--s-2 {
  font-size: 15px;
  font-size: 1.5rem;
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box; }

.susume-s-car-1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
  margin: auto; }

.susume-s-popup-1-arrow-1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 112px;
  margin: auto; }

.susume-s-popup-1-img-3 {
  margin-bottom: -120px;
  position: relative;
  margin-top: -77px; }

.susume-s-car-2 {
  position: absolute;
  top: 80px;
  left: 60px; }

.susume-s-popup-1-block-1 {
  margin: 120px 0; }

.susume-s-btn {
  display: inline-block;
  border-radius: 100px;
  color: #fff;
  background-color: #3598db;
  width: 90%;
  padding: .5em;
  border: 3px solid #60aee3; }
  .susume-s-btn:hover {
    color: #fff;
    text-decoration: none; }

.susume-s-btn--type-2 {
  background-color: #494b4d;
  border-color: #626567; }

.susume-s-btn--type-3 {
  border-radius: 3px;
  width: 75%; }

.susume-s-popup-2 {
  width: 100vw;
  height: calc(100vh - 50px);
  box-shadow: 0 50px 0 #000;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
  overflow: hidden; }
  .susume-s-popup-2.is-opened {
    opacity: 1;
    pointer-events: auto; }

.susume-convayors-details--s {
  top: auto;
  left: 0;
  bottom: 50px;
  width: 700vw;
  display: flex;
  align-items: flex-end; }

.susume-convayors-detail--s {
  width: 100vw;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .susume-convayors-detail--s .susume-convayors-detail__number {
    font-size: 30px;
    font-size: 3rem;
    padding-top: 0;
    background-color: #1f6390; }
  .susume-convayors-detail--s .susume-convayors-detail__title {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    margin-top: auto;
    position: absolute;
    top: 0;
    left: 2em;
    line-height: 1.5; }
  .susume-convayors-detail--s .susume-convayors-detail__body {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 0 15px;
    line-height: 1.3;
    overflow: hidden;
    height: 180px; }
  .susume-convayors-detail--s .susume-convayors-detail__media {
    display: block; }

.susume-s-popup-2-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f2f2f2;
  height: 50px;
  width: 100%;
  padding-top: 5px;
  box-sizing: border-box;
  overflow: hidden; }

.susume-s-nav-btn {
  font-size: 18px;
  font-size: 1.8rem;
  height: 40px;
  background-color: #1a6090;
  border: 1px solid #3598db;
  color: #fff;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 .5em;
  box-sizing: border-box; }
  .susume-s-nav-btn:hover {
    color: #fff;
    text-decoration: none; }

.susume-s-nav-btn--type-2 {
  background-color: #494b4d;
  border-color: #626567;
  display: none; }

.susume-s-nav-btn--next {
  position: relative; }

.is-responsive .susume-closeup-close {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6); }

.is-responsive .susume-closeup-3-furnace {
  position: absolute;
  left: 13px;
  top: 222px;
  right: 0;
  margin: auto;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.is-responsive .susume-closeup-3-text-1 {
  left: 90px; }

.is-responsive .susume-closeup-3-text-2 {
  left: 230px; }

.is-responsive .susume-closeup-3-plastic {
  left: 110px; }

.is-responsive .susume-closeup-3-coal {
  left: 220px; }

.is-responsive .susume-closeup-3-gas-layout {
  position: absolute;
  left: 100px;
  top: 20px;
  opacity: 0; }

.is-responsive .susume-closeup-3-text-3 {
  top: 300px;
  font-size: 20px;
  left: 10px;
  width: auto;
  margin: auto 10px;
  box-sizing: border-box;
  right: 10px; }

.is-responsive .susume-closeup-3-text-6 {
  top: 545px;
  font-size: 20px;
  left: 10px;
  width: auto;
  margin: auto;
  box-sizing: border-box;
  right: 10px; }

.is-responsive .susume-closeup-3-text-4 {
  left: 87px;
  opacity: 0; }

.is-responsive .susume-closeup-3-text-5 {
  left: 245px;
  opacity: 0; }

.is-responsive .susume-closeup-video {
  width: 100%;
  height: auto; }

.is-responsive .susume-popup {
  background-color: rgba(30, 111, 166, 0.8);
  padding: 8px; }
  .is-responsive .susume-popup::after {
    content: none; }

.is-responsive .susume-lamp--layout-1,
.is-responsive .susume-oil--layout-1 {
  left: 0;
  top: 0; }

.is-responsive .susume-convayors-detail__block {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  margin-top: -125px;
  margin-left: auto;
  margin-right: auto; }

.is-responsive .susume-lamp--anime {
  -webkit-animation: none;
          animation: none; }

.is-responsive .susume-popup__sub {
  display: block;
  padding: 0.25em 0; }

.susume-s-lamps {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  top: 493px;
  left: 67px; }

.susume-s-oils {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  top: 697px;
  left: 165px; }

.susume-s-popup-3-detail {
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
  min-height: 550px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  .susume-s-popup-3-detail.is-opened {
    opacity: 1;
    pointer-events: auto; }

.susume-s-popup-3-img-1 {
  left: 20px;
  top: 170px;
  opacity: 0; }

.susume-closeup-4-block {
  padding: 0 10px;
  width: auto; }

.susume-s-car-3 {
  left: 377px;
  top: 554px;
  transition: all 1.5s ease-in-out; }
  .susume-s-car-3.is-moved {
    -webkit-transform: translate(-260px, 156px);
            transform: translate(-260px, 156px); }

.susume-s-car-4 {
  left: 82px;
  top: 756px;
  transition: all 1.5s ease-in-out; }
  .susume-s-car-4.is-moved {
    -webkit-transform: translate(160px, 99px);
            transform: translate(160px, 99px); }

.susume-s-building {
  left: 12px;
  top: 658px; }

.susume-s-cokes {
  right: 35px;
  top: 151px; }

.susume-s-welcome {
  width: 435px;
  height: 300px;
  top: 690px;
  left: 10px;
  max-width: none; }

.susume-s-popup-3-close-btn {
  margin-top: 600px;
  display: block; }

.susume-s-pupup-3-btn {
  width: 90%;
  margin: .5em auto;
  pointer-events: auto;
  position: relative;
  z-index: 5; }

.susume-s-popup-3-close-btn {
  width: 90%;
  margin: 600px auto 0; }

.is-responsive .is-anime-pause * {
  -webkit-animation: none;
          animation: none; }

.susume-s-human {
  top: 920px;
  left: 340px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scale(0.3);
          transform: scale(0.3); }

.top-popup-2--type-s {
  left: 332px;
  top: 950px;
  width: 40px;
  height: 40px; }

.top-popup-2__label--type-s {
  top: -40px;
  left: -70px;
  -webkit-transform-origin: 80% 100%;
          transform-origin: 80% 100%; }
  .top-popup-2__label--type-s::before, .top-popup-2__label--type-s::after {
    right: 10px;
    left: auto; }

.ehon-screen {
  background: url(/csr/plastic-recycle/img/ehon-back.png) 50% top repeat;
  width: 100vw;
  height: calc(100vh - 58px);
  min-height: 750px;
  position: relative;
  overflow: hidden; }
  .is-responsive .ehon-screen {
    width: 750px;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }

.container--ehon {
  position: relative; }
  .is-responsive .container--ehon {
    left: -155px;
    height: 85%; }
    .is-responsive .container--ehon.is-opened {
      height: 660px;
      -webkit-transform: translate(245px, -20px);
              transform: translate(245px, -20px); }
  .is-small .container--ehon {
    left: -92px; }

.ehon-screen-2 {
  height: 660px;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-perspective: 1500px;
          perspective: 1500px; }

.ehon-back-mat {
  position: absolute;
  right: 0;
  bottom: 0; }

.ehon-back-spoon {
  position: absolute;
  right: 0;
  bottom: 150px; }

.ehon-back-fork {
  position: absolute;
  right: 0;
  bottom: 0; }

.ehon-back-cup {
  position: absolute;
  right: 10px;
  top: 0; }

.ehon-back-pack {
  position: absolute;
  left: 0;
  bottom: 0; }

.ehon-top {
  position: absolute;
  left: 246px;
  top: 10px;
  -webkit-transform-origin: 10px 50%;
          transform-origin: 10px 50%; }

.ehon-last {
  position: absolute;
  left: 246px;
  top: 10px;
  -webkit-transform-origin: 469px 50%;
          transform-origin: 469px 50%; }

.ehon-top-graphic {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-top-graphic-2 {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto; }

.ehon-top-graphic-3 {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto; }

.ehon-top-graphic-4 {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto; }

.ehon-nav__hit {
  position: fixed;
  width: 50vw;
  height: 100vh;
  top: 0;
  cursor: pointer; }

.ehon-nav__hit--prev {
  left: 0; }

.ehon-nav__hit--next {
  right: 0; }

@-webkit-keyframes anime-28 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes anime-28 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

.ehon-nav__icon {
  position: absolute;
  top: 50%;
  margin-top: -30px; }
  .ehon-nav:hover .ehon-nav__icon {
    -webkit-animation-name: anime-28;
            animation-name: anime-28;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    .is-responsive .ehon-nav:hover .ehon-nav__icon {
      -webkit-animation: none;
              animation: none; }
  .is-responsive .ehon-nav__icon {
    font-size: 40px;
    font-size: 4rem;
    background-color: rgba(0, 0, 0, 0.4);
    margin-top: -100px;
    width: 1.25em;
    height: 4em;
    text-align: center; }

.ehon-nav__icon-2 {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center; }

.ehon-nav__icon--prev {
  left: 10px; }
  .is-responsive .ehon-nav__icon--prev {
    left: 0;
    border-radius: 0 20px 20px 0; }

.ehon-nav__icon--next {
  right: 10px; }
  .is-responsive .ehon-nav__icon--next {
    right: 0;
    border-radius: 20px 0 0 20px; }

.ehon-nav-icon-reflect {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.ehon-container {
  overflow: hidden;
  width: 450px;
  height: 640px;
  position: absolute;
  left: 250px;
  top: 11px; }
  .is-responsive .ehon-container {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }

.ehon-container--type-2 {
  width: 1006px;
  height: 601px;
  left: -30px;
  top: 50px;
  position: absolute; }

.ehon-section--page-1 {
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%; }
  .is-responsive .ehon-section--page-1 {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%; }

.ehon-book-2 {
  position: absolute;
  left: -30px;
  top: 50px; }
  .is-responsive .ehon-book-2 {
    width: 503px;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }

@-webkit-keyframes anime-29 {
  from {
    background-position: -2012px 0; }
  to {
    background-position: 0 0; } }

@keyframes anime-29 {
  from {
    background-position: -2012px 0; }
  to {
    background-position: 0 0; } }

.ehon-page-2-item-road {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/csr/plastic-recycle/img/book-section-2-img-3.png) 0 0 repeat;
  -webkit-animation-name: anime-29;
          animation-name: anime-29;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  height: 120px;
  width: 100%; }

.ehon-page-shadow {
  height: 601px;
  width: 100px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  position: absolute;
  top: 50px;
  left: 373px;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  opacity: 0; }

.ehon-page-2-tire {
  position: absolute;
  top: 220px;
  left: 84px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: reverse; }

.ehon-page-2-tire--layout-2 {
  left: 422px; }

.ehon-page-2-car-body {
  position: relative; }

@-webkit-keyframes anime-31 {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

@keyframes anime-31 {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

.ehon-page-2-plastic {
  position: absolute;
  top: -43px;
  left: 191px;
  -webkit-animation-name: anime-31;
          animation-name: anime-31;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: .1s;
          animation-delay: .1s; }

.ehon-page-2-car {
  position: absolute;
  bottom: 100px;
  left: -130px;
  -webkit-animation-name: anime-31;
          animation-name: anime-31;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse; }

.ehon-page-effect {
  width: 503px;
  height: 601px;
  position: absolute;
  left: 473px;
  top: 50px;
  background-color: #d6d6d6;
  opacity: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.ehon-page-text {
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  top: 100px;
  left: 540px;
  width: 440px; }
  .ehon-page-text p {
    margin-bottom: 1em; }

.ehon-page-text--type-2 {
  top: 20px; }

.ehon-item {
  position: absolute; }

.ehon-page-3-mask {
  bottom: 0;
  left: 0; }

.ehon-page-3-back {
  left: -10px;
  top: -33px; }

.ehon-page-3-trash {
  top: 50px;
  left: 27px; }

.ehon-page-3-face {
  top: 30px;
  left: 330px; }

@-webkit-keyframes anime-33 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); } }

@keyframes anime-33 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); } }

.ehon-page-3-hand {
  top: 130px;
  left: 220px;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-animation-name: anime-33;
          animation-name: anime-33;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate; }

.ehon-page-mask {
  width: 503px;
  height: 601px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }
  .is-responsive .ehon-page-mask {
    background-color: #f2f2f2; }

.ehon-page-3-chara {
  bottom: 70px;
  left: -80px;
  -webkit-animation-name: anime-31;
          animation-name: anime-31;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: .1s;
          animation-delay: .1s; }

.ehon-page-3-car {
  left: 0;
  bottom: 0;
  -webkit-animation-name: anime-31;
          animation-name: anime-31;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse; }

.ehon-page-4-car {
  bottom: -10px;
  left: 0;
  -webkit-animation-name: anime-31;
          animation-name: anime-31;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: .1s;
          animation-delay: .1s; }

@-webkit-keyframes anime-34 {
  0% {
    -webkit-transform: translate(-290px, 100px);
            transform: translate(-290px, 100px);
    opacity: 1; }
  10% {
    -webkit-transform: translate(-290px, 100px);
            transform: translate(-290px, 100px); }
  35% {
    -webkit-transform: translate(-145px, -50px);
            transform: translate(-145px, -50px); }
  60% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

@keyframes anime-34 {
  0% {
    -webkit-transform: translate(-290px, 100px);
            transform: translate(-290px, 100px);
    opacity: 1; }
  10% {
    -webkit-transform: translate(-290px, 100px);
            transform: translate(-290px, 100px); }
  35% {
    -webkit-transform: translate(-145px, -50px);
            transform: translate(-145px, -50px); }
  60% {
    -webkit-transform: translate(0);
            transform: translate(0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

.ehon-page-4-chara {
  top: 10px;
  left: 220px;
  -webkit-animation-name: anime-34;
          animation-name: anime-34;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-text--type-3 {
  color: #fff;
  bottom: 10px;
  top: auto; }

.ehon-page-5-ground {
  bottom: 0;
  left: 0; }
  .is-responsive .ehon-page-5-ground {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5); }

@-webkit-keyframes anime-35 {
  0% {
    -webkit-transform: translate(-30px, 14px);
            transform: translate(-30px, 14px);
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

@keyframes anime-35 {
  0% {
    -webkit-transform: translate(-30px, 14px);
            transform: translate(-30px, 14px);
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

.ehon-page-5-chara-1 {
  top: 40px;
  left: 40px;
  -webkit-animation-name: anime-35;
          animation-name: anime-35;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .is-responsive .ehon-page-5-chara-1 {
    left: 10px; }

@-webkit-keyframes anime-36 {
  0% {
    -webkit-transform: translate(-20px, 30px);
            transform: translate(-20px, 30px);
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

@keyframes anime-36 {
  0% {
    -webkit-transform: translate(-20px, 30px);
            transform: translate(-20px, 30px);
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 0; } }

.ehon-page-5-chara-2 {
  top: 270px;
  left: 383px;
  -webkit-animation-name: anime-36;
          animation-name: anime-36;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .is-responsive .ehon-page-5-chara-2 {
    left: 173px; }

.ehon-page-5-chara-3 {
  top: 10px;
  left: 545px; }
  .is-responsive .ehon-page-5-chara-3 {
    left: 225px; }

@-webkit-keyframes anime-37 {
  from {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

@keyframes anime-37 {
  from {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

.ehon-page-5-chara-4 {
  left: 730px;
  top: 198px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .is-responsive .ehon-page-5-chara-4 {
    left: 350px; }

@-webkit-keyframes anime-38 {
  from {
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  to {
    -webkit-transform: rotate(0.9);
            transform: rotate(0.9); } }

@keyframes anime-38 {
  from {
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  to {
    -webkit-transform: rotate(0.9);
            transform: rotate(0.9); } }

.ehon-page-5-chara-5 {
  left: 890px;
  top: 33px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation-name: anime-38;
          animation-name: anime-38;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .is-responsive .ehon-page-5-chara-5 {
    left: 430px; }

.ehon-page-6-back {
  top: 0;
  left: 0; }

.ehon-page-6-img-1 {
  left: -35px;
  bottom: 290px; }

.ehon-page-6-img-2 {
  left: -180px;
  bottom: -40px; }

.ehon-page-6-img-3 {
  left: -7px;
  bottom: 290px; }

.ehon-page-6-chara {
  left: 0;
  right: 0;
  margin: auto;
  bottom: -60px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation-name: anime-38;
          animation-name: anime-38;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-7-body {
  right: 0;
  top: 0; }

.ehon-page-7-hand {
  bottom: -60px;
  left: 10px; }

.ehon-page-7-chara {
  top: -200px;
  left: 80px; }

@-webkit-keyframes anime-39 {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, -10px);
            transform: translate(10px, -10px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes anime-39 {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, -10px);
            transform: translate(10px, -10px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

.ehon-page-7-tear-1 {
  left: -75px;
  top: 110px;
  -webkit-animation-name: anime-39;
          animation-name: anime-39;
  -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes anime-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, 5px);
            transform: translate(10px, 5px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes anime-40 {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, 5px);
            transform: translate(10px, 5px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

.ehon-page-7-tear-2 {
  top: 30px;
  left: -50px;
  -webkit-animation-name: anime-40;
          animation-name: anime-40;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes anime-41 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 5px);
            transform: translate(-10px, 5px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes anime-41 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 5px);
            transform: translate(-10px, 5px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

.ehon-page-7-tear-3 {
  top: 30px;
  left: 130px;
  -webkit-animation-name: anime-41;
          animation-name: anime-41;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes anime-42 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -10px);
            transform: translate(-10px, -10px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes anime-42 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -10px);
            transform: translate(-10px, -10px); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0);
            transform: translate(0); } }

.ehon-page-7-tear-4 {
  top: 130px;
  left: 160px;
  -webkit-animation-name: anime-41;
          animation-name: anime-41;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-7-tear-5 {
  left: 60px;
  top: 90px; }

.ehon-description {
  border-radius: 10px;
  border: 4px solid #3598db;
  box-sizing: border-box;
  width: 450px;
  padding: 35px 10px 5px;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 23px;
  bottom: 30px;
  background-color: #fff; }
  .is-responsive .ehon-description {
    position: relative;
    height: 165px;
    bottom: 0;
    top: 0;
    width: auto;
    left: 0;
    margin: auto -10px;
    border-radius: 0;
    color: #333;
    padding-top: 30px; }
  .is-small .ehon-description {
    height: 135px; }

.ehon-description__title {
  color: #fff;
  background-color: #3598db;
  border-radius: 5px 0;
  font-weight: bold;
  padding: 5px 15px 5px 47px;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0; }
  .ehon-description__title::after {
    display: inline-block;
    height: 0;
    vertical-align: middle;
    background-image: url(/csr/plastic-recycle/img/sprite-24.png);
    background-repeat: no-repeat;
    background-position: -1289px -474px;
    width: 90px;
    height: 0;
    padding-top: 77px;
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px; }
    .ehon-description__title::after.is-canceled {
      width: auto;
      height: auto;
      background-image: none;
      padding-top: 0; }
    @media (max-width: 959px) {
      .ehon-description__title::after.pc-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 768px) {
      .ehon-description__title::after.tablet-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .ehon-description__title::after.tablet-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 640px) {
      .ehon-description__title::after.breakpoint-1-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 480px) {
      .ehon-description__title::after.mobile-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }
    @media (max-width: 479px) {
      .ehon-description__title::after.mobile-max-is-canceled {
        width: auto;
        height: auto;
        background-image: none;
        padding-top: 0; } }

.ehon-page-8-back {
  left: -45px;
  top: 20px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-8-chara {
  left: 70px;
  bottom: -80px; }

.ehon-page-8-img-1 {
  left: 190px;
  top: 240px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-8-img-2 {
  top: 250px;
  left: 196px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-8-img-3 {
  left: 207px;
  top: 260px;
  -webkit-animation-name: anime-26;
          animation-name: anime-26;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ehon-page-8-img-4 {
  left: 227px;
  top: 286px; }

.ehon-page-9-body {
  right: 0;
  bottom: 0; }

.ehon-page-9-hand {
  bottom: -60px;
  left: 10px; }

@-webkit-keyframes anime-32 {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); } }

@keyframes anime-32 {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); } }

.ehon-page-9-chara {
  left: 60px;
  top: 230px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

.ehon-page-10-back {
  left: 0;
  top: 0; }

.ehon-page-10-chara {
  bottom: -50px;
  left: 130px; }

.ehon-page-10-chara-2 {
  left: 30px;
  top: 170px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse; }

.ehon-page-10-chara-3 {
  left: 160px;
  top: 30px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.3s;
          animation-delay: -.3s; }

.ehon-page-10-chara-4 {
  left: 310px;
  top: 140px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s; }

.ehon-page-11-back {
  left: 0;
  top: 0; }

@-webkit-keyframes anime-43 {
  from {
    -webkit-transform: translateY(560px) rotate(15deg);
            transform: translateY(560px) rotate(15deg); }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg); } }

@keyframes anime-43 {
  from {
    -webkit-transform: translateY(560px) rotate(15deg);
            transform: translateY(560px) rotate(15deg); }
  to {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg); } }

.ehon-page-11-chara {
  left: 40px;
  top: 70px;
  -webkit-animation-name: anime-43;
          animation-name: anime-43;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse; }

.ehon-page-12-back {
  left: 0;
  top: 0; }

.ehon-page-12-img-1 {
  left: 310px;
  top: 170px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.2s;
          animation-delay: -.2s; }

.ehon-page-12-img-2 {
  left: 190px;
  top: 310px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.4s;
          animation-delay: -.4s; }

.ehon-page-12-img-3 {
  left: 60px;
  top: 400px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s; }

.ehon-page-12-img-4 {
  left: 20px;
  top: 200px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.8s;
          animation-delay: -.8s; }

.ehon-page-12-img-5 {
  left: 310px;
  top: 360px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.1s;
          animation-delay: -.1s; }

.ehon-page-12-img-6 {
  left: 210px;
  top: 30px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s; }

.ehon-page-12-img-7 {
  left: 30px;
  top: 40px;
  -webkit-animation-name: anime-37;
          animation-name: anime-37;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s; }

.ehon-replay-btn {
  background-color: #124465;
  border-radius: 100px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding: .5em 1em;
  position: relative;
  left: 0;
  right: 0;
  bottom: 180px;
  margin: auto;
  cursor: pointer;
  max-width: 200px;
  text-align: center;
  display: none; }
  .is-responsive .ehon-replay-btn {
    bottom: 200px; }

.ehon-back-leaf-1 {
  right: -20px;
  top: 180px; }

.ehon-back-leaf-2 {
  right: -30px;
  top: 80px; }

.ehon-back-leaf-3 {
  left: 0;
  bottom: 200px; }

.ehon-back-leaf-4 {
  left: -60px;
  top: 110px; }

.ehon-back-leaf-5 {
  left: -70px;
  bottom: 260px; }

@-webkit-keyframes anime-47 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes anime-47 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ehon-star {
  -webkit-animation-name: anime-47;
          animation-name: anime-47;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  opacity: 0; }

.ehon-star--layout-1 {
  left: 251px;
  top: 262px;
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.ehon-star--layout-2 {
  left: 201px;
  top: 282px;
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.ehon-star--layout-3 {
  left: 241px;
  top: 312px; }

.ehon-page-nav-block {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%; }

.ehon-page-nav {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  border-radius: 100px; }

.ehon-page-nav__link {
  display: inline-block;
  height: 2em;
  line-height: 2;
  width: 2em;
  border-radius: 50%;
  background-color: #fff;
  color: #3598db;
  font-weight: bold;
  transition: all .2s; }
  .ehon-page-nav__link:hover, .ehon-page-nav__link.is-current {
    text-decoration: none;
    color: #fff;
    background-color: #3598db; }

.color-2 {
  color: #dd2f2f; }

.ehon-text-block {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  height: 165px;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s; }
  .ehon-text-block.is-active {
    opacity: 1; }
  .is-small .ehon-text-block {
    font-size: 13px;
    font-size: 1.3rem;
    height: 135px; }

.ehon-text-block__page {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 10px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity .5s; }
  .ehon-text-block__page.is-active {
    opacity: 1; }

.ruby-text {
  font-size: .9em; }

.ehon-help {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  border: 4px solid #3598db;
  border-radius: 10px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 12;
  opacity: 0;
  pointer-events: none;
  transition: all .2s;
  box-sizing: border-box; }
  .modal:target {
    pointer-events: auto;
    opacity: 1; }

.modal__img {
  max-width: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 1em; }

.modal__close {
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  background-color: #000;
  line-height: 2;
  height: 2em;
  width: 2em;
  text-align: center;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  position: fixed;
  display: block; }
  .modal__close:hover {
    color: #fff;
    text-decoration: none; }

.slick-dots li button:before {
  font-size: 15px;
  color: #217dbc; }

.slick-dots li.slick-active button:before {
  color: #3598db; }

.h-mt-n {
  margin-top: 0; }

.h-mb-n {
  margin-bottom: 0; }

.h-ml-n {
  margin-left: 0; }

.h-mr-n {
  margin-right: 0; }

.h-mv-n {
  margin-top: 0;
  margin-bottom: 0; }

.h-mh-n {
  margin-right: 0;
  margin-left: 0; }

.h-ma-n {
  margin: 0; }

.h-mt-s {
  margin-top: 0.5em; }

.h-mb-s {
  margin-bottom: 0.5em; }

.h-ml-s {
  margin-left: 0.5em; }

.h-mr-s {
  margin-right: 0.5em; }

.h-mv-s {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.h-mh-s {
  margin-right: 0.5em;
  margin-left: 0.5em; }

.h-ma-s {
  margin: 0.5em; }

.h-mt-m {
  margin-top: 1em; }

.h-mb-m {
  margin-bottom: 1em; }

.h-ml-m {
  margin-left: 1em; }

.h-mr-m {
  margin-right: 1em; }

.h-mv-m {
  margin-top: 1em;
  margin-bottom: 1em; }

.h-mh-m {
  margin-right: 1em;
  margin-left: 1em; }

.h-ma-m {
  margin: 1em; }

.h-mt-l {
  margin-top: 1.5em; }

.h-mb-l {
  margin-bottom: 1.5em; }

.h-ml-l {
  margin-left: 1.5em; }

.h-mr-l {
  margin-right: 1.5em; }

.h-mv-l {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.h-mh-l {
  margin-right: 1.5em;
  margin-left: 1.5em; }

.h-ma-l {
  margin: 1.5em; }

.h-mt-2l {
  margin-top: 2em; }

.h-mb-2l {
  margin-bottom: 2em; }

.h-ml-2l {
  margin-left: 2em; }

.h-mr-2l {
  margin-right: 2em; }

.h-mv-2l {
  margin-top: 2em;
  margin-bottom: 2em; }

.h-mh-2l {
  margin-right: 2em;
  margin-left: 2em; }

.h-ma-2l {
  margin: 2em; }

.h-mt-3l {
  margin-top: 3em; }

.h-mb-3l {
  margin-bottom: 3em; }

.h-ml-3l {
  margin-left: 3em; }

.h-mr-3l {
  margin-right: 3em; }

.h-mv-3l {
  margin-top: 3em;
  margin-bottom: 3em; }

.h-mh-3l {
  margin-right: 3em;
  margin-left: 3em; }

.h-ma-3l {
  margin: 3em; }

.h-pt-n {
  padding-top: 0; }

.h-pb-n {
  padding-bottom: 0; }

.h-pl-n {
  padding-left: 0; }

.h-pr-n {
  padding-right: 0; }

.h-pv-n {
  padding-top: 0;
  padding-bottom: 0; }

.h-ph-n {
  padding-right: 0;
  padding-left: 0; }

.h-pa-n {
  padding: 0; }

.h-pt-s {
  padding-top: 0.5em; }

.h-pb-s {
  padding-bottom: 0.5em; }

.h-pl-s {
  padding-left: 0.5em; }

.h-pr-s {
  padding-right: 0.5em; }

.h-pv-s {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.h-ph-s {
  padding-right: 0.5em;
  padding-left: 0.5em; }

.h-pa-s {
  padding: 0.5em; }

.h-pt-m {
  padding-top: 1em; }

.h-pb-m {
  padding-bottom: 1em; }

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

.h-pr-m {
  padding-right: 1em; }

.h-pv-m {
  padding-top: 1em;
  padding-bottom: 1em; }

.h-ph-m {
  padding-right: 1em;
  padding-left: 1em; }

.h-pa-m {
  padding: 1em; }

.h-pt-l {
  padding-top: 1.5em; }

.h-pb-l {
  padding-bottom: 1.5em; }

.h-pl-l {
  padding-left: 1.5em; }

.h-pr-l {
  padding-right: 1.5em; }

.h-pv-l {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.h-ph-l {
  padding-right: 1.5em;
  padding-left: 1.5em; }

.h-pa-l {
  padding: 1.5em; }

.h-pt-2l {
  padding-top: 2em; }

.h-pb-2l {
  padding-bottom: 2em; }

.h-pl-2l {
  padding-left: 2em; }

.h-pr-2l {
  padding-right: 2em; }

.h-pv-2l {
  padding-top: 2em;
  padding-bottom: 2em; }

.h-ph-2l {
  padding-right: 2em;
  padding-left: 2em; }

.h-pa-2l {
  padding: 2em; }

/* CLEARFIX */
.clearfix:after, .clearfix:before,
.cf:after,
.cf:before {
  display: table;
  clear: both;
  content: ""; }

/* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
.txtl,
.alignleft,
.h-ta-l {
  text-align: left; }

.txtr,
.alignright,
.h-ta-r {
  text-align: right; }

.txtc,
.aligncenter,
.h-ta-c {
  text-align: center; }

.h-ta-j {
  text-align: justify; }

/* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
.left,
.h-fl-l {
  float: left;
  margin-top: 0; }

.right,
.h-fl-r {
  float: right;
  margin-top: 0; }

.clear,
.h-cl {
  float: none;
  clear: both; }

.h-d-n {
  display: none; }

.h-d-b {
  display: block; }

.h-d-i {
  display: inline; }

.h-d-ib {
  display: inline-block; }

.h-pos-r {
  position: relative; }

.h-pos-a {
  position: absolute; }

.h-pos-s {
  position: static; }

.h-ov-h {
  overflow: hidden; }

.h-ov-v {
  overflow: visible; }

.h-pe-n {
  pointer-events: none; }

.h-va-t {
  vertical-align: top; }

.h-va-m {
  vertical-align: middle; }

.h-va-b {
  vertical-align: bottom; }

.h-fw-b {
  font-weight: bold; }

.h-fw-n {
  font-weight: normal; }

.h-ws-nw {
  white-space: nowrap; }

@media (max-width: 959px) {
  .h-pc-max-mt-n {
    margin-top: 0; }
  .h-pc-max-mb-n {
    margin-bottom: 0; }
  .h-pc-max-ml-n {
    margin-left: 0; }
  .h-pc-max-mr-n {
    margin-right: 0; }
  .h-pc-max-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-pc-max-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-pc-max-ma-n {
    margin: 0; }
  .h-pc-max-mt-s {
    margin-top: 0.5em; }
  .h-pc-max-mb-s {
    margin-bottom: 0.5em; }
  .h-pc-max-ml-s {
    margin-left: 0.5em; }
  .h-pc-max-mr-s {
    margin-right: 0.5em; }
  .h-pc-max-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-pc-max-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-pc-max-ma-s {
    margin: 0.5em; }
  .h-pc-max-mt-m {
    margin-top: 1em; }
  .h-pc-max-mb-m {
    margin-bottom: 1em; }
  .h-pc-max-ml-m {
    margin-left: 1em; }
  .h-pc-max-mr-m {
    margin-right: 1em; }
  .h-pc-max-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-pc-max-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-pc-max-ma-m {
    margin: 1em; }
  .h-pc-max-mt-l {
    margin-top: 1.5em; }
  .h-pc-max-mb-l {
    margin-bottom: 1.5em; }
  .h-pc-max-ml-l {
    margin-left: 1.5em; }
  .h-pc-max-mr-l {
    margin-right: 1.5em; }
  .h-pc-max-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-pc-max-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-pc-max-ma-l {
    margin: 1.5em; }
  .h-pc-max-mt-2l {
    margin-top: 2em; }
  .h-pc-max-mb-2l {
    margin-bottom: 2em; }
  .h-pc-max-ml-2l {
    margin-left: 2em; }
  .h-pc-max-mr-2l {
    margin-right: 2em; }
  .h-pc-max-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-pc-max-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-pc-max-ma-2l {
    margin: 2em; }
  .h-pc-max-mt-3l {
    margin-top: 3em; }
  .h-pc-max-mb-3l {
    margin-bottom: 3em; }
  .h-pc-max-ml-3l {
    margin-left: 3em; }
  .h-pc-max-mr-3l {
    margin-right: 3em; }
  .h-pc-max-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-pc-max-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-pc-max-ma-3l {
    margin: 3em; }
  .h-pc-max-pt-n {
    padding-top: 0; }
  .h-pc-max-pb-n {
    padding-bottom: 0; }
  .h-pc-max-pl-n {
    padding-left: 0; }
  .h-pc-max-pr-n {
    padding-right: 0; }
  .h-pc-max-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-pc-max-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-pc-max-pa-n {
    padding: 0; }
  .h-pc-max-pt-s {
    padding-top: 0.5em; }
  .h-pc-max-pb-s {
    padding-bottom: 0.5em; }
  .h-pc-max-pl-s {
    padding-left: 0.5em; }
  .h-pc-max-pr-s {
    padding-right: 0.5em; }
  .h-pc-max-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-pc-max-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-pc-max-pa-s {
    padding: 0.5em; }
  .h-pc-max-pt-m {
    padding-top: 1em; }
  .h-pc-max-pb-m {
    padding-bottom: 1em; }
  .h-pc-max-pl-m {
    padding-left: 1em; }
  .h-pc-max-pr-m {
    padding-right: 1em; }
  .h-pc-max-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-pc-max-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-pc-max-pa-m {
    padding: 1em; }
  .h-pc-max-pt-l {
    padding-top: 1.5em; }
  .h-pc-max-pb-l {
    padding-bottom: 1.5em; }
  .h-pc-max-pl-l {
    padding-left: 1.5em; }
  .h-pc-max-pr-l {
    padding-right: 1.5em; }
  .h-pc-max-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-pc-max-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-pc-max-pa-l {
    padding: 1.5em; }
  .h-pc-max-pt-2l {
    padding-top: 2em; }
  .h-pc-max-pb-2l {
    padding-bottom: 2em; }
  .h-pc-max-pl-2l {
    padding-left: 2em; }
  .h-pc-max-pr-2l {
    padding-right: 2em; }
  .h-pc-max-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-pc-max-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-pc-max-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-pc-max-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-pc-max-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-pc-max-ta-c {
    text-align: center; }
  .h-pc-max-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-pc-max-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-pc-max-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-pc-max-cl {
    float: none;
    clear: both; }
  .h-pc-max-d-n {
    display: none; }
  .h-pc-max-d-b {
    display: block; }
  .h-pc-max-d-i {
    display: inline; }
  .h-pc-max-d-ib {
    display: inline-block; }
  .h-pc-max-pos-r {
    position: relative; }
  .h-pc-max-pos-a {
    position: absolute; }
  .h-pc-max-pos-s {
    position: static; }
  .h-pc-max-ov-h {
    overflow: hidden; }
  .h-pc-max-ov-v {
    overflow: visible; }
  .h-pc-max-pe-n {
    pointer-events: none; }
  .h-pc-max-va-t {
    vertical-align: top; }
  .h-pc-max-va-m {
    vertical-align: middle; }
  .h-pc-max-va-b {
    vertical-align: bottom; }
  .h-pc-max-fw-b {
    font-weight: bold; }
  .h-pc-max-fw-n {
    font-weight: normal; }
  .h-pc-max-ws-nw {
    white-space: nowrap; } }

@media (max-width: 768px) {
  .h-tablet-mt-n {
    margin-top: 0; }
  .h-tablet-mb-n {
    margin-bottom: 0; }
  .h-tablet-ml-n {
    margin-left: 0; }
  .h-tablet-mr-n {
    margin-right: 0; }
  .h-tablet-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-tablet-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-tablet-ma-n {
    margin: 0; }
  .h-tablet-mt-s {
    margin-top: 0.5em; }
  .h-tablet-mb-s {
    margin-bottom: 0.5em; }
  .h-tablet-ml-s {
    margin-left: 0.5em; }
  .h-tablet-mr-s {
    margin-right: 0.5em; }
  .h-tablet-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-tablet-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-tablet-ma-s {
    margin: 0.5em; }
  .h-tablet-mt-m {
    margin-top: 1em; }
  .h-tablet-mb-m {
    margin-bottom: 1em; }
  .h-tablet-ml-m {
    margin-left: 1em; }
  .h-tablet-mr-m {
    margin-right: 1em; }
  .h-tablet-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-tablet-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-tablet-ma-m {
    margin: 1em; }
  .h-tablet-mt-l {
    margin-top: 1.5em; }
  .h-tablet-mb-l {
    margin-bottom: 1.5em; }
  .h-tablet-ml-l {
    margin-left: 1.5em; }
  .h-tablet-mr-l {
    margin-right: 1.5em; }
  .h-tablet-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-tablet-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-tablet-ma-l {
    margin: 1.5em; }
  .h-tablet-mt-2l {
    margin-top: 2em; }
  .h-tablet-mb-2l {
    margin-bottom: 2em; }
  .h-tablet-ml-2l {
    margin-left: 2em; }
  .h-tablet-mr-2l {
    margin-right: 2em; }
  .h-tablet-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-tablet-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-tablet-ma-2l {
    margin: 2em; }
  .h-tablet-mt-3l {
    margin-top: 3em; }
  .h-tablet-mb-3l {
    margin-bottom: 3em; }
  .h-tablet-ml-3l {
    margin-left: 3em; }
  .h-tablet-mr-3l {
    margin-right: 3em; }
  .h-tablet-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-tablet-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-tablet-ma-3l {
    margin: 3em; }
  .h-tablet-pt-n {
    padding-top: 0; }
  .h-tablet-pb-n {
    padding-bottom: 0; }
  .h-tablet-pl-n {
    padding-left: 0; }
  .h-tablet-pr-n {
    padding-right: 0; }
  .h-tablet-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-tablet-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-tablet-pa-n {
    padding: 0; }
  .h-tablet-pt-s {
    padding-top: 0.5em; }
  .h-tablet-pb-s {
    padding-bottom: 0.5em; }
  .h-tablet-pl-s {
    padding-left: 0.5em; }
  .h-tablet-pr-s {
    padding-right: 0.5em; }
  .h-tablet-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-tablet-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-tablet-pa-s {
    padding: 0.5em; }
  .h-tablet-pt-m {
    padding-top: 1em; }
  .h-tablet-pb-m {
    padding-bottom: 1em; }
  .h-tablet-pl-m {
    padding-left: 1em; }
  .h-tablet-pr-m {
    padding-right: 1em; }
  .h-tablet-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-tablet-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-tablet-pa-m {
    padding: 1em; }
  .h-tablet-pt-l {
    padding-top: 1.5em; }
  .h-tablet-pb-l {
    padding-bottom: 1.5em; }
  .h-tablet-pl-l {
    padding-left: 1.5em; }
  .h-tablet-pr-l {
    padding-right: 1.5em; }
  .h-tablet-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-tablet-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-tablet-pa-l {
    padding: 1.5em; }
  .h-tablet-pt-2l {
    padding-top: 2em; }
  .h-tablet-pb-2l {
    padding-bottom: 2em; }
  .h-tablet-pl-2l {
    padding-left: 2em; }
  .h-tablet-pr-2l {
    padding-right: 2em; }
  .h-tablet-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-tablet-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-tablet-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-tablet-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-tablet-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-tablet-ta-c {
    text-align: center; }
  .h-tablet-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-tablet-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-tablet-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-tablet-cl {
    float: none;
    clear: both; }
  .h-tablet-d-n {
    display: none; }
  .h-tablet-d-b {
    display: block; }
  .h-tablet-d-i {
    display: inline; }
  .h-tablet-d-ib {
    display: inline-block; }
  .h-tablet-pos-r {
    position: relative; }
  .h-tablet-pos-a {
    position: absolute; }
  .h-tablet-pos-s {
    position: static; }
  .h-tablet-ov-h {
    overflow: hidden; }
  .h-tablet-ov-v {
    overflow: visible; }
  .h-tablet-pe-n {
    pointer-events: none; }
  .h-tablet-va-t {
    vertical-align: top; }
  .h-tablet-va-m {
    vertical-align: middle; }
  .h-tablet-va-b {
    vertical-align: bottom; }
  .h-tablet-fw-b {
    font-weight: bold; }
  .h-tablet-fw-n {
    font-weight: normal; }
  .h-tablet-ws-nw {
    white-space: nowrap; } }

@media (max-width: 767px) {
  .h-tablet-max-mt-n {
    margin-top: 0; }
  .h-tablet-max-mb-n {
    margin-bottom: 0; }
  .h-tablet-max-ml-n {
    margin-left: 0; }
  .h-tablet-max-mr-n {
    margin-right: 0; }
  .h-tablet-max-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-tablet-max-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-tablet-max-ma-n {
    margin: 0; }
  .h-tablet-max-mt-s {
    margin-top: 0.5em; }
  .h-tablet-max-mb-s {
    margin-bottom: 0.5em; }
  .h-tablet-max-ml-s {
    margin-left: 0.5em; }
  .h-tablet-max-mr-s {
    margin-right: 0.5em; }
  .h-tablet-max-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-tablet-max-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-tablet-max-ma-s {
    margin: 0.5em; }
  .h-tablet-max-mt-m {
    margin-top: 1em; }
  .h-tablet-max-mb-m {
    margin-bottom: 1em; }
  .h-tablet-max-ml-m {
    margin-left: 1em; }
  .h-tablet-max-mr-m {
    margin-right: 1em; }
  .h-tablet-max-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-tablet-max-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-tablet-max-ma-m {
    margin: 1em; }
  .h-tablet-max-mt-l {
    margin-top: 1.5em; }
  .h-tablet-max-mb-l {
    margin-bottom: 1.5em; }
  .h-tablet-max-ml-l {
    margin-left: 1.5em; }
  .h-tablet-max-mr-l {
    margin-right: 1.5em; }
  .h-tablet-max-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-tablet-max-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-tablet-max-ma-l {
    margin: 1.5em; }
  .h-tablet-max-mt-2l {
    margin-top: 2em; }
  .h-tablet-max-mb-2l {
    margin-bottom: 2em; }
  .h-tablet-max-ml-2l {
    margin-left: 2em; }
  .h-tablet-max-mr-2l {
    margin-right: 2em; }
  .h-tablet-max-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-tablet-max-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-tablet-max-ma-2l {
    margin: 2em; }
  .h-tablet-max-mt-3l {
    margin-top: 3em; }
  .h-tablet-max-mb-3l {
    margin-bottom: 3em; }
  .h-tablet-max-ml-3l {
    margin-left: 3em; }
  .h-tablet-max-mr-3l {
    margin-right: 3em; }
  .h-tablet-max-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-tablet-max-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-tablet-max-ma-3l {
    margin: 3em; }
  .h-tablet-max-pt-n {
    padding-top: 0; }
  .h-tablet-max-pb-n {
    padding-bottom: 0; }
  .h-tablet-max-pl-n {
    padding-left: 0; }
  .h-tablet-max-pr-n {
    padding-right: 0; }
  .h-tablet-max-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-tablet-max-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-tablet-max-pa-n {
    padding: 0; }
  .h-tablet-max-pt-s {
    padding-top: 0.5em; }
  .h-tablet-max-pb-s {
    padding-bottom: 0.5em; }
  .h-tablet-max-pl-s {
    padding-left: 0.5em; }
  .h-tablet-max-pr-s {
    padding-right: 0.5em; }
  .h-tablet-max-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-tablet-max-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-tablet-max-pa-s {
    padding: 0.5em; }
  .h-tablet-max-pt-m {
    padding-top: 1em; }
  .h-tablet-max-pb-m {
    padding-bottom: 1em; }
  .h-tablet-max-pl-m {
    padding-left: 1em; }
  .h-tablet-max-pr-m {
    padding-right: 1em; }
  .h-tablet-max-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-tablet-max-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-tablet-max-pa-m {
    padding: 1em; }
  .h-tablet-max-pt-l {
    padding-top: 1.5em; }
  .h-tablet-max-pb-l {
    padding-bottom: 1.5em; }
  .h-tablet-max-pl-l {
    padding-left: 1.5em; }
  .h-tablet-max-pr-l {
    padding-right: 1.5em; }
  .h-tablet-max-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-tablet-max-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-tablet-max-pa-l {
    padding: 1.5em; }
  .h-tablet-max-pt-2l {
    padding-top: 2em; }
  .h-tablet-max-pb-2l {
    padding-bottom: 2em; }
  .h-tablet-max-pl-2l {
    padding-left: 2em; }
  .h-tablet-max-pr-2l {
    padding-right: 2em; }
  .h-tablet-max-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-tablet-max-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-tablet-max-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-tablet-max-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-tablet-max-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-tablet-max-ta-c {
    text-align: center; }
  .h-tablet-max-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-tablet-max-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-tablet-max-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-tablet-max-cl {
    float: none;
    clear: both; }
  .h-tablet-max-d-n {
    display: none; }
  .h-tablet-max-d-b {
    display: block; }
  .h-tablet-max-d-i {
    display: inline; }
  .h-tablet-max-d-ib {
    display: inline-block; }
  .h-tablet-max-pos-r {
    position: relative; }
  .h-tablet-max-pos-a {
    position: absolute; }
  .h-tablet-max-pos-s {
    position: static; }
  .h-tablet-max-ov-h {
    overflow: hidden; }
  .h-tablet-max-ov-v {
    overflow: visible; }
  .h-tablet-max-pe-n {
    pointer-events: none; }
  .h-tablet-max-va-t {
    vertical-align: top; }
  .h-tablet-max-va-m {
    vertical-align: middle; }
  .h-tablet-max-va-b {
    vertical-align: bottom; }
  .h-tablet-max-fw-b {
    font-weight: bold; }
  .h-tablet-max-fw-n {
    font-weight: normal; }
  .h-tablet-max-ws-nw {
    white-space: nowrap; } }

@media (max-width: 640px) {
  .h-breakpoint-1-mt-n {
    margin-top: 0; }
  .h-breakpoint-1-mb-n {
    margin-bottom: 0; }
  .h-breakpoint-1-ml-n {
    margin-left: 0; }
  .h-breakpoint-1-mr-n {
    margin-right: 0; }
  .h-breakpoint-1-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-breakpoint-1-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-breakpoint-1-ma-n {
    margin: 0; }
  .h-breakpoint-1-mt-s {
    margin-top: 0.5em; }
  .h-breakpoint-1-mb-s {
    margin-bottom: 0.5em; }
  .h-breakpoint-1-ml-s {
    margin-left: 0.5em; }
  .h-breakpoint-1-mr-s {
    margin-right: 0.5em; }
  .h-breakpoint-1-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-breakpoint-1-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-breakpoint-1-ma-s {
    margin: 0.5em; }
  .h-breakpoint-1-mt-m {
    margin-top: 1em; }
  .h-breakpoint-1-mb-m {
    margin-bottom: 1em; }
  .h-breakpoint-1-ml-m {
    margin-left: 1em; }
  .h-breakpoint-1-mr-m {
    margin-right: 1em; }
  .h-breakpoint-1-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-breakpoint-1-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-breakpoint-1-ma-m {
    margin: 1em; }
  .h-breakpoint-1-mt-l {
    margin-top: 1.5em; }
  .h-breakpoint-1-mb-l {
    margin-bottom: 1.5em; }
  .h-breakpoint-1-ml-l {
    margin-left: 1.5em; }
  .h-breakpoint-1-mr-l {
    margin-right: 1.5em; }
  .h-breakpoint-1-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-breakpoint-1-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-breakpoint-1-ma-l {
    margin: 1.5em; }
  .h-breakpoint-1-mt-2l {
    margin-top: 2em; }
  .h-breakpoint-1-mb-2l {
    margin-bottom: 2em; }
  .h-breakpoint-1-ml-2l {
    margin-left: 2em; }
  .h-breakpoint-1-mr-2l {
    margin-right: 2em; }
  .h-breakpoint-1-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-breakpoint-1-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-breakpoint-1-ma-2l {
    margin: 2em; }
  .h-breakpoint-1-mt-3l {
    margin-top: 3em; }
  .h-breakpoint-1-mb-3l {
    margin-bottom: 3em; }
  .h-breakpoint-1-ml-3l {
    margin-left: 3em; }
  .h-breakpoint-1-mr-3l {
    margin-right: 3em; }
  .h-breakpoint-1-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-breakpoint-1-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-breakpoint-1-ma-3l {
    margin: 3em; }
  .h-breakpoint-1-pt-n {
    padding-top: 0; }
  .h-breakpoint-1-pb-n {
    padding-bottom: 0; }
  .h-breakpoint-1-pl-n {
    padding-left: 0; }
  .h-breakpoint-1-pr-n {
    padding-right: 0; }
  .h-breakpoint-1-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-breakpoint-1-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-breakpoint-1-pa-n {
    padding: 0; }
  .h-breakpoint-1-pt-s {
    padding-top: 0.5em; }
  .h-breakpoint-1-pb-s {
    padding-bottom: 0.5em; }
  .h-breakpoint-1-pl-s {
    padding-left: 0.5em; }
  .h-breakpoint-1-pr-s {
    padding-right: 0.5em; }
  .h-breakpoint-1-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-breakpoint-1-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-breakpoint-1-pa-s {
    padding: 0.5em; }
  .h-breakpoint-1-pt-m {
    padding-top: 1em; }
  .h-breakpoint-1-pb-m {
    padding-bottom: 1em; }
  .h-breakpoint-1-pl-m {
    padding-left: 1em; }
  .h-breakpoint-1-pr-m {
    padding-right: 1em; }
  .h-breakpoint-1-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-breakpoint-1-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-breakpoint-1-pa-m {
    padding: 1em; }
  .h-breakpoint-1-pt-l {
    padding-top: 1.5em; }
  .h-breakpoint-1-pb-l {
    padding-bottom: 1.5em; }
  .h-breakpoint-1-pl-l {
    padding-left: 1.5em; }
  .h-breakpoint-1-pr-l {
    padding-right: 1.5em; }
  .h-breakpoint-1-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-breakpoint-1-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-breakpoint-1-pa-l {
    padding: 1.5em; }
  .h-breakpoint-1-pt-2l {
    padding-top: 2em; }
  .h-breakpoint-1-pb-2l {
    padding-bottom: 2em; }
  .h-breakpoint-1-pl-2l {
    padding-left: 2em; }
  .h-breakpoint-1-pr-2l {
    padding-right: 2em; }
  .h-breakpoint-1-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-breakpoint-1-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-breakpoint-1-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-breakpoint-1-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-breakpoint-1-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-breakpoint-1-ta-c {
    text-align: center; }
  .h-breakpoint-1-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-breakpoint-1-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-breakpoint-1-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-breakpoint-1-cl {
    float: none;
    clear: both; }
  .h-breakpoint-1-d-n {
    display: none; }
  .h-breakpoint-1-d-b {
    display: block; }
  .h-breakpoint-1-d-i {
    display: inline; }
  .h-breakpoint-1-d-ib {
    display: inline-block; }
  .h-breakpoint-1-pos-r {
    position: relative; }
  .h-breakpoint-1-pos-a {
    position: absolute; }
  .h-breakpoint-1-pos-s {
    position: static; }
  .h-breakpoint-1-ov-h {
    overflow: hidden; }
  .h-breakpoint-1-ov-v {
    overflow: visible; }
  .h-breakpoint-1-pe-n {
    pointer-events: none; }
  .h-breakpoint-1-va-t {
    vertical-align: top; }
  .h-breakpoint-1-va-m {
    vertical-align: middle; }
  .h-breakpoint-1-va-b {
    vertical-align: bottom; }
  .h-breakpoint-1-fw-b {
    font-weight: bold; }
  .h-breakpoint-1-fw-n {
    font-weight: normal; }
  .h-breakpoint-1-ws-nw {
    white-space: nowrap; } }

@media (max-width: 480px) {
  .h-mobile-mt-n {
    margin-top: 0; }
  .h-mobile-mb-n {
    margin-bottom: 0; }
  .h-mobile-ml-n {
    margin-left: 0; }
  .h-mobile-mr-n {
    margin-right: 0; }
  .h-mobile-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-mobile-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-mobile-ma-n {
    margin: 0; }
  .h-mobile-mt-s {
    margin-top: 0.5em; }
  .h-mobile-mb-s {
    margin-bottom: 0.5em; }
  .h-mobile-ml-s {
    margin-left: 0.5em; }
  .h-mobile-mr-s {
    margin-right: 0.5em; }
  .h-mobile-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-mobile-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-mobile-ma-s {
    margin: 0.5em; }
  .h-mobile-mt-m {
    margin-top: 1em; }
  .h-mobile-mb-m {
    margin-bottom: 1em; }
  .h-mobile-ml-m {
    margin-left: 1em; }
  .h-mobile-mr-m {
    margin-right: 1em; }
  .h-mobile-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-mobile-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-mobile-ma-m {
    margin: 1em; }
  .h-mobile-mt-l {
    margin-top: 1.5em; }
  .h-mobile-mb-l {
    margin-bottom: 1.5em; }
  .h-mobile-ml-l {
    margin-left: 1.5em; }
  .h-mobile-mr-l {
    margin-right: 1.5em; }
  .h-mobile-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-mobile-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-mobile-ma-l {
    margin: 1.5em; }
  .h-mobile-mt-2l {
    margin-top: 2em; }
  .h-mobile-mb-2l {
    margin-bottom: 2em; }
  .h-mobile-ml-2l {
    margin-left: 2em; }
  .h-mobile-mr-2l {
    margin-right: 2em; }
  .h-mobile-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-mobile-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-mobile-ma-2l {
    margin: 2em; }
  .h-mobile-mt-3l {
    margin-top: 3em; }
  .h-mobile-mb-3l {
    margin-bottom: 3em; }
  .h-mobile-ml-3l {
    margin-left: 3em; }
  .h-mobile-mr-3l {
    margin-right: 3em; }
  .h-mobile-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-mobile-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-mobile-ma-3l {
    margin: 3em; }
  .h-mobile-pt-n {
    padding-top: 0; }
  .h-mobile-pb-n {
    padding-bottom: 0; }
  .h-mobile-pl-n {
    padding-left: 0; }
  .h-mobile-pr-n {
    padding-right: 0; }
  .h-mobile-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-mobile-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-mobile-pa-n {
    padding: 0; }
  .h-mobile-pt-s {
    padding-top: 0.5em; }
  .h-mobile-pb-s {
    padding-bottom: 0.5em; }
  .h-mobile-pl-s {
    padding-left: 0.5em; }
  .h-mobile-pr-s {
    padding-right: 0.5em; }
  .h-mobile-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-mobile-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-mobile-pa-s {
    padding: 0.5em; }
  .h-mobile-pt-m {
    padding-top: 1em; }
  .h-mobile-pb-m {
    padding-bottom: 1em; }
  .h-mobile-pl-m {
    padding-left: 1em; }
  .h-mobile-pr-m {
    padding-right: 1em; }
  .h-mobile-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-mobile-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-mobile-pa-m {
    padding: 1em; }
  .h-mobile-pt-l {
    padding-top: 1.5em; }
  .h-mobile-pb-l {
    padding-bottom: 1.5em; }
  .h-mobile-pl-l {
    padding-left: 1.5em; }
  .h-mobile-pr-l {
    padding-right: 1.5em; }
  .h-mobile-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-mobile-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-mobile-pa-l {
    padding: 1.5em; }
  .h-mobile-pt-2l {
    padding-top: 2em; }
  .h-mobile-pb-2l {
    padding-bottom: 2em; }
  .h-mobile-pl-2l {
    padding-left: 2em; }
  .h-mobile-pr-2l {
    padding-right: 2em; }
  .h-mobile-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-mobile-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-mobile-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-mobile-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-mobile-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-mobile-ta-c {
    text-align: center; }
  .h-mobile-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-mobile-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-mobile-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-mobile-cl {
    float: none;
    clear: both; }
  .h-mobile-d-n {
    display: none; }
  .h-mobile-d-b {
    display: block; }
  .h-mobile-d-i {
    display: inline; }
  .h-mobile-d-ib {
    display: inline-block; }
  .h-mobile-pos-r {
    position: relative; }
  .h-mobile-pos-a {
    position: absolute; }
  .h-mobile-pos-s {
    position: static; }
  .h-mobile-ov-h {
    overflow: hidden; }
  .h-mobile-ov-v {
    overflow: visible; }
  .h-mobile-pe-n {
    pointer-events: none; }
  .h-mobile-va-t {
    vertical-align: top; }
  .h-mobile-va-m {
    vertical-align: middle; }
  .h-mobile-va-b {
    vertical-align: bottom; }
  .h-mobile-fw-b {
    font-weight: bold; }
  .h-mobile-fw-n {
    font-weight: normal; }
  .h-mobile-ws-nw {
    white-space: nowrap; } }

@media (max-width: 479px) {
  .h-mobile-max-mt-n {
    margin-top: 0; }
  .h-mobile-max-mb-n {
    margin-bottom: 0; }
  .h-mobile-max-ml-n {
    margin-left: 0; }
  .h-mobile-max-mr-n {
    margin-right: 0; }
  .h-mobile-max-mv-n {
    margin-top: 0;
    margin-bottom: 0; }
  .h-mobile-max-mh-n {
    margin-right: 0;
    margin-left: 0; }
  .h-mobile-max-ma-n {
    margin: 0; }
  .h-mobile-max-mt-s {
    margin-top: 0.5em; }
  .h-mobile-max-mb-s {
    margin-bottom: 0.5em; }
  .h-mobile-max-ml-s {
    margin-left: 0.5em; }
  .h-mobile-max-mr-s {
    margin-right: 0.5em; }
  .h-mobile-max-mv-s {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .h-mobile-max-mh-s {
    margin-right: 0.5em;
    margin-left: 0.5em; }
  .h-mobile-max-ma-s {
    margin: 0.5em; }
  .h-mobile-max-mt-m {
    margin-top: 1em; }
  .h-mobile-max-mb-m {
    margin-bottom: 1em; }
  .h-mobile-max-ml-m {
    margin-left: 1em; }
  .h-mobile-max-mr-m {
    margin-right: 1em; }
  .h-mobile-max-mv-m {
    margin-top: 1em;
    margin-bottom: 1em; }
  .h-mobile-max-mh-m {
    margin-right: 1em;
    margin-left: 1em; }
  .h-mobile-max-ma-m {
    margin: 1em; }
  .h-mobile-max-mt-l {
    margin-top: 1.5em; }
  .h-mobile-max-mb-l {
    margin-bottom: 1.5em; }
  .h-mobile-max-ml-l {
    margin-left: 1.5em; }
  .h-mobile-max-mr-l {
    margin-right: 1.5em; }
  .h-mobile-max-mv-l {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .h-mobile-max-mh-l {
    margin-right: 1.5em;
    margin-left: 1.5em; }
  .h-mobile-max-ma-l {
    margin: 1.5em; }
  .h-mobile-max-mt-2l {
    margin-top: 2em; }
  .h-mobile-max-mb-2l {
    margin-bottom: 2em; }
  .h-mobile-max-ml-2l {
    margin-left: 2em; }
  .h-mobile-max-mr-2l {
    margin-right: 2em; }
  .h-mobile-max-mv-2l {
    margin-top: 2em;
    margin-bottom: 2em; }
  .h-mobile-max-mh-2l {
    margin-right: 2em;
    margin-left: 2em; }
  .h-mobile-max-ma-2l {
    margin: 2em; }
  .h-mobile-max-mt-3l {
    margin-top: 3em; }
  .h-mobile-max-mb-3l {
    margin-bottom: 3em; }
  .h-mobile-max-ml-3l {
    margin-left: 3em; }
  .h-mobile-max-mr-3l {
    margin-right: 3em; }
  .h-mobile-max-mv-3l {
    margin-top: 3em;
    margin-bottom: 3em; }
  .h-mobile-max-mh-3l {
    margin-right: 3em;
    margin-left: 3em; }
  .h-mobile-max-ma-3l {
    margin: 3em; }
  .h-mobile-max-pt-n {
    padding-top: 0; }
  .h-mobile-max-pb-n {
    padding-bottom: 0; }
  .h-mobile-max-pl-n {
    padding-left: 0; }
  .h-mobile-max-pr-n {
    padding-right: 0; }
  .h-mobile-max-pv-n {
    padding-top: 0;
    padding-bottom: 0; }
  .h-mobile-max-ph-n {
    padding-right: 0;
    padding-left: 0; }
  .h-mobile-max-pa-n {
    padding: 0; }
  .h-mobile-max-pt-s {
    padding-top: 0.5em; }
  .h-mobile-max-pb-s {
    padding-bottom: 0.5em; }
  .h-mobile-max-pl-s {
    padding-left: 0.5em; }
  .h-mobile-max-pr-s {
    padding-right: 0.5em; }
  .h-mobile-max-pv-s {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .h-mobile-max-ph-s {
    padding-right: 0.5em;
    padding-left: 0.5em; }
  .h-mobile-max-pa-s {
    padding: 0.5em; }
  .h-mobile-max-pt-m {
    padding-top: 1em; }
  .h-mobile-max-pb-m {
    padding-bottom: 1em; }
  .h-mobile-max-pl-m {
    padding-left: 1em; }
  .h-mobile-max-pr-m {
    padding-right: 1em; }
  .h-mobile-max-pv-m {
    padding-top: 1em;
    padding-bottom: 1em; }
  .h-mobile-max-ph-m {
    padding-right: 1em;
    padding-left: 1em; }
  .h-mobile-max-pa-m {
    padding: 1em; }
  .h-mobile-max-pt-l {
    padding-top: 1.5em; }
  .h-mobile-max-pb-l {
    padding-bottom: 1.5em; }
  .h-mobile-max-pl-l {
    padding-left: 1.5em; }
  .h-mobile-max-pr-l {
    padding-right: 1.5em; }
  .h-mobile-max-pv-l {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .h-mobile-max-ph-l {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .h-mobile-max-pa-l {
    padding: 1.5em; }
  .h-mobile-max-pt-2l {
    padding-top: 2em; }
  .h-mobile-max-pb-2l {
    padding-bottom: 2em; }
  .h-mobile-max-pl-2l {
    padding-left: 2em; }
  .h-mobile-max-pr-2l {
    padding-right: 2em; }
  .h-mobile-max-pv-2l {
    padding-top: 2em;
    padding-bottom: 2em; }
  .h-mobile-max-ph-2l {
    padding-right: 2em;
    padding-left: 2em; }
  .h-mobile-max-pa-2l {
    padding: 2em; }
  /* CLEARFIX */
  .clearfix:after, .clearfix:before,
  .cf:after,
  .cf:before {
    display: table;
    clear: both;
    content: ""; }
  /* テキスト方向
  以下のWordpressのリッチテキストエディタが付加するクラス(※)も合わせて設定
  ※ .alignleft / .alignright / .aligncenter
  */
  .txtl,
  .alignleft,
  .h-mobile-max-ta-l {
    text-align: left; }
  .txtr,
  .alignright,
  .h-mobile-max-ta-r {
    text-align: right; }
  .txtc,
  .aligncenter,
  .h-mobile-max-ta-c {
    text-align: center; }
  .h-mobile-max-ta-j {
    text-align: justify; }
  /* フロート
  Wordpressのリッチテキストエディタが付加するクラス(※)を網羅。
  ※ .left / .right / .clear
  */
  .left,
  .h-mobile-max-fl-l {
    float: left;
    margin-top: 0; }
  .right,
  .h-mobile-max-fl-r {
    float: right;
    margin-top: 0; }
  .clear,
  .h-mobile-max-cl {
    float: none;
    clear: both; }
  .h-mobile-max-d-n {
    display: none; }
  .h-mobile-max-d-b {
    display: block; }
  .h-mobile-max-d-i {
    display: inline; }
  .h-mobile-max-d-ib {
    display: inline-block; }
  .h-mobile-max-pos-r {
    position: relative; }
  .h-mobile-max-pos-a {
    position: absolute; }
  .h-mobile-max-pos-s {
    position: static; }
  .h-mobile-max-ov-h {
    overflow: hidden; }
  .h-mobile-max-ov-v {
    overflow: visible; }
  .h-mobile-max-pe-n {
    pointer-events: none; }
  .h-mobile-max-va-t {
    vertical-align: top; }
  .h-mobile-max-va-m {
    vertical-align: middle; }
  .h-mobile-max-va-b {
    vertical-align: bottom; }
  .h-mobile-max-fw-b {
    font-weight: bold; }
  .h-mobile-max-fw-n {
    font-weight: normal; }
  .h-mobile-max-ws-nw {
    white-space: nowrap; } }

.h-invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* タブレットサイズ */
@media (max-width: 768px) {
  .data {
    overflow-y: hidden;
    overflow-x: auto; } }

/* モバイルサイズ */
@media (max-width: 480px) {
  html {
    -webkit-text-size-adjust: none; }
  /* 画像 */
  img {
    max-width: 100%;
    height: auto; }
  /* テーブル */
  table {
    overflow: auto; } }

/* 印刷用 */
@media print {
  /* テキストシャドウなど不要なエフェクトを無効化 */
  * {
    background: transparent;
    box-shadow: none;
    color: #000;
    text-shadow: none; }
  /* 画像がはみ出したり変形したりしないように。 */
  img {
    max-width: 100%;
    height: auto; } }

/*# sourceMappingURL=main.css.map */