@font-face {
  font-family: "sans";
  src: "../fonts/SourceHanSansNormal.woff";
  src: local("sans"), url("../fonts/SourceHanSansNormal.woff") format("woff");
}
@font-face {
  font-family: "serif";
  src: "../fonts/AozoraMinchoMedium.woff";
  src: local("serif"), url("../fonts/AozoraMinchoMedium.woff") format("woff");
}
/** General Resets **/
/* line 6, ../scss/_scale.scss */
* {
  zoom: 1;
  outline: 0;
}

/* line 10, ../scss/_scale.scss */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

/* line 14, ../scss/_scale.scss */
body {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 17, ../scss/_scale.scss */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, blockquote, pre, figure, figcaption, address, small {
  margin: 0;
  padding: 0;
}

/* line 20, ../scss/_scale.scss */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, form, blockquote, pre, figure, figcaption, address, small, time {
  display: block;
}

/* line 23, ../scss/_scale.scss */
li {
  display: list-item;
}

/* line 26, ../scss/_scale.scss */
input, select, textarea {
  margin: 0;
  padding: 0;
}

/* line 29, ../scss/_scale.scss */
pre {
  overflow: auto;
  overflow-y: visible;
}

/* line 33, ../scss/_scale.scss */
label, input[type="submit"], input[type="reset"], input[type="button"], button, select {
  cursor: pointer;
}

/* line 36, ../scss/_scale.scss */
table {
  max-width: 100%;
}

/* line 39, ../scss/_scale.scss */
table, th, td {
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}

/* line 44, ../scss/_scale.scss */
strong {
  font-weight: bold;
}

/* line 47, ../scss/_scale.scss */
em {
  font-style: italic;
}

/* line 50, ../scss/_scale.scss */
address, small, i, b, cite {
  font-weight: normal;
  font-style: normal;
}

/* line 54, ../scss/_scale.scss */
abbr {
  text-decoration: none;
}

/* line 57, ../scss/_scale.scss */
input, select, textarea, button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
  box-shadow: none;
}

/* line 65, ../scss/_scale.scss */
::-webkit-input-placeholder {
  opacity: 0.5;
}

/* line 68, ../scss/_scale.scss */
:-ms-input-placeholder {
  opacity: 0.5;
}

/* line 71, ../scss/_scale.scss */
::-moz-placeholder {
  opacity: 0.5;
}

/* line 74, ../scss/_scale.scss */
::-placeholder {
  opacity: 0.5;
}

/* line 77, ../scss/_scale.scss */
a {
  text-decoration: none;
}

/* line 80, ../scss/_scale.scss */
img, iframe {
  max-width: 100%;
  vertical-align: bottom;
  border: none;
}

/* line 85, ../scss/_scale.scss */
img {
  height: auto;
}

/* line 88, ../scss/_scale.scss */
hr {
  border-style: solid;
  border-width: 0 0 1px 0;
  display: inline-block;
  width: 100%;
}

/* line 94, ../scss/_scale.scss */
i {
  display: inline-block;
}

/** Styling Statics **/
/* line 644, ../scss/_lib.scss */
.inside:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
/* line 103, ../scss/_scale.scss */
.inside-contents.round-left, .inside-sidebar.round-left {
  clear: left;
}
/* line 106, ../scss/_scale.scss */
.inside-contents.round-right, .inside-sidebar.round-right {
  clear: right;
}

/* line 113, ../scss/_scale.scss */
.round-left {
  float: left;
}
/* line 116, ../scss/_scale.scss */
.round-right {
  float: right;
}

/* line 120, ../scss/_scale.scss */
.vclear {
  clear: both !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: 0;
  overflow: hidden;
  display: block;
}

/* line 644, ../scss/_lib.scss */
.xclear:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

/* line 644, ../scss/_lib.scss */
.rows:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
/* line 128, ../scss/_scale.scss */
.rows > .column {
  box-sizing: border-box;
  float: left;
}
/* line 133, ../scss/_scale.scss */
.rows.rows-left-to-right > .column {
  float: left;
}
/* line 138, ../scss/_scale.scss */
.rows.rows-right-to-left > .column {
  float: right;
}
/* line 143, ../scss/_scale.scss */
.rows.rows-case-2 > .column {
  width: 50.0%;
}
/* line 148, ../scss/_scale.scss */
.rows.rows-case-3 > .column {
  width: 33.33%;
}
/* line 153, ../scss/_scale.scss */
.rows.rows-case-4 > .column {
  width: 25.0%;
}
/* line 158, ../scss/_scale.scss */
.rows.rows-case-5 > .column {
  width: 20.0%;
}

/* line 163, ../scss/_scale.scss */
.button {
  display: inline-block;
  box-sizing: border-box;
  border-width: 0;
  max-width: 100%;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/* line 175, ../scss/_scale.scss */
.viewer {
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}
/* line 182, ../scss/_scale.scss */
.viewer.viewer-fixed {
  background-attachment: fixed;
}
/* line 186, ../scss/_scale.scss */
.viewer .viewer-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

/* line 198, ../scss/_scale.scss */
.viewerout {
  display: block;
  overflow: hidden;
  position: relative;
}
/* line 202, ../scss/_scale.scss */
.viewerout .viewer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

/* line 213, ../scss/_scale.scss */
.viewerlink {
  display: block;
  overflow: hidden;
}

/** Styling Unique Elements **/
/* line 220, ../scss/_scale.scss */
.navigation ul, .navigation li {
  display: block;
  list-style: none;
}

/* line 226, ../scss/_scale.scss */
.breadlist ul, .breadlist li {
  list-style: none;
}
/* line 230, ../scss/_scale.scss */
.breadlist ul li {
  display: inline;
}

/* line 236, ../scss/_scale.scss */
.comment-tree {
  list-style: none;
}
/* line 238, ../scss/_scale.scss */
.comment-tree ol {
  list-style: none;
}
/* line 241, ../scss/_scale.scss */
.comment-tree span.says {
  display: none;
}

/* line 247, ../scss/_scale.scss */
.pager li {
  display: block;
  list-style: none;
}

/* line 253, ../scss/_scale.scss */
.post-categories li {
  display: block;
  list-style: none;
}

/* line 259, ../scss/_scale.scss */
.post-tags li {
  display: block;
  list-style: none;
}

/** Styling Editor **/
/* line 266, ../scss/_scale.scss */
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* line 270, ../scss/_scale.scss */
table.aligncenter {
  display: table;
}

/* line 273, ../scss/_scale.scss */
.alignleft {
  float: left;
}

/* line 276, ../scss/_scale.scss */
.alignright {
  float: right;
}

/* line 280, ../scss/_scale.scss */
.editor ul, .editor ol {
  margin-left: 2em;
}

/** Styling Wordpress controls **/
/* line 286, ../scss/_scale.scss */
#wpadminbar {
  position: fixed !important;
}

/* line 289, ../scss/_scale.scss */
.required {
  color: #ff0000;
}

/* line 293, ../scss/_scale.scss */
.post-edit-link:after {
  font-family: dashicons;
  content: "\f464";
  vertical-align: bottom;
}

/** Styling Wordpress widgets **/
/* line 311, ../scss/_scale.scss */
.widget.widget_archive ul, .widget.widget_archive li, .widget.widget_categories ul, .widget.widget_categories li, .widget.widget_pages ul, .widget.widget_pages li, .widget.widget_nav_menu > div ul, .widget.widget_nav_menu > div li, .widget.widget_recent_entries ul, .widget.widget_recent_entries li, .widget.widget_recent_comments ul, .widget.widget_recent_comments li, .widget.widget_rss ul, .widget.widget_rss li, .widget.widget_meta ul, .widget.widget_meta li {
  display: block;
  list-style: none;
}
/* line 320, ../scss/_scale.scss */
.widget.widget_archive label.screen-reader-text, .widget.widget_archive img.rss-widget-icon, .widget.widget_categories label.screen-reader-text, .widget.widget_categories img.rss-widget-icon, .widget.widget_rss label.screen-reader-text, .widget.widget_rss img.rss-widget-icon {
  display: none;
}

/** General Resets **/
/* line 33, ../scss/style.scss */
body {
  font-size: 1em;
  line-height: 1em;
  overflow-x: hidden;
  background-color: #ffffff;
  font-family: "sans", sans-serif;
  color: #000000;
}

/* line 41, ../scss/style.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
  font-weight: normal;
  font-family: "sans", sans-serif;
}
/* line 45, ../scss/style.scss */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 1em;
}

/* line 49, ../scss/style.scss */
h1 {
  font-size: 2.75em;
}

/* line 52, ../scss/style.scss */
h2 {
  font-size: 2.5em;
}

/* line 55, ../scss/style.scss */
h3 {
  font-size: 2.25em;
}

/* line 58, ../scss/style.scss */
h4 {
  font-size: 2em;
}

/* line 61, ../scss/style.scss */
h5 {
  font-size: 1.8em;
}

/* line 64, ../scss/style.scss */
h6 {
  font-size: 1.6em;
}

/* line 67, ../scss/style.scss */
p, li, dt, dd, pre, figcaption, address, small, th, td, caption, label, time {
  font-size: 1.6em;
  line-height: 2em;
}

/* line 71, ../scss/style.scss */
input, select, textarea, button {
  font-size: 1.6em;
  line-height: 1em;
  font-family: "sans", sans-serif;
}

/* line 78, ../scss/style.scss */
p p, p li, p dt, p dd, p address, p small, p th, p td, p label, p time, p input, p select, p textarea, p button, p h1, p h2, p h3, p h4, p h5, p h6, li p, li li, li dt, li dd, li address, li small, li th, li td, li label, li time, li input, li select, li textarea, li button, li h1, li h2, li h3, li h4, li h5, li h6, dt p, dt li, dt dt, dt dd, dt address, dt small, dt th, dt td, dt label, dt time, dt input, dt select, dt textarea, dt button, dt h1, dt h2, dt h3, dt h4, dt h5, dt h6, dd p, dd li, dd dt, dd dd, dd address, dd small, dd th, dd td, dd label, dd time, dd input, dd select, dd textarea, dd button, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6, pre p, pre li, pre dt, pre dd, pre address, pre small, pre th, pre td, pre label, pre time, pre input, pre select, pre textarea, pre button, pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, figcaption p, figcaption li, figcaption dt, figcaption dd, figcaption address, figcaption small, figcaption th, figcaption td, figcaption label, figcaption time, figcaption input, figcaption select, figcaption textarea, figcaption button, figcaption h1, figcaption h2, figcaption h3, figcaption h4, figcaption h5, figcaption h6, address p, address li, address dt, address dd, address address, address small, address th, address td, address label, address time, address input, address select, address textarea, address button, address h1, address h2, address h3, address h4, address h5, address h6, small p, small li, small dt, small dd, small address, small small, small th, small td, small label, small time, small input, small select, small textarea, small button, small h1, small h2, small h3, small h4, small h5, small h6, th p, th li, th dt, th dd, th address, th small, th th, th td, th label, th time, th input, th select, th textarea, th button, th h1, th h2, th h3, th h4, th h5, th h6, td p, td li, td dt, td dd, td address, td small, td th, td td, td label, td time, td input, td select, td textarea, td button, td h1, td h2, td h3, td h4, td h5, td h6, caption p, caption li, caption dt, caption dd, caption address, caption small, caption th, caption td, caption label, caption time, caption input, caption select, caption textarea, caption button, caption h1, caption h2, caption h3, caption h4, caption h5, caption h6, label p, label li, label dt, label dd, label address, label small, label th, label td, label label, label time, label input, label select, label textarea, label button, label h1, label h2, label h3, label h4, label h5, label h6, time p, time li, time dt, time dd, time address, time small, time th, time td, time label, time time, time input, time select, time textarea, time button, time h1, time h2, time h3, time h4, time h5, time h6, h1 p, h1 li, h1 dt, h1 dd, h1 address, h1 small, h1 th, h1 td, h1 label, h1 time, h1 input, h1 select, h1 textarea, h1 button, h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h2 p, h2 li, h2 dt, h2 dd, h2 address, h2 small, h2 th, h2 td, h2 label, h2 time, h2 input, h2 select, h2 textarea, h2 button, h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h3 p, h3 li, h3 dt, h3 dd, h3 address, h3 small, h3 th, h3 td, h3 label, h3 time, h3 input, h3 select, h3 textarea, h3 button, h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h4 p, h4 li, h4 dt, h4 dd, h4 address, h4 small, h4 th, h4 td, h4 label, h4 time, h4 input, h4 select, h4 textarea, h4 button, h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h5 p, h5 li, h5 dt, h5 dd, h5 address, h5 small, h5 th, h5 td, h5 label, h5 time, h5 input, h5 select, h5 textarea, h5 button, h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h6 p, h6 li, h6 dt, h6 dd, h6 address, h6 small, h6 th, h6 td, h6 label, h6 time, h6 input, h6 select, h6 textarea, h6 button, h6 h1, h6 h2, h6 h3, h6 h4, h6 h5, h6 h6 {
  font-size: 1em;
}

/* line 82, ../scss/style.scss */
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  border-radius: 2px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 transparent;
  line-height: 2.5em;
  height: 2.5em;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
/* line 94, ../scss/style.scss */
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus {
  border-color: #a9a9a9;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

/* line 100, ../scss/style.scss */
select {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  border-radius: 2px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 transparent;
  line-height: 2.25em;
  height: 2.5em;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
/* line 112, ../scss/style.scss */
select:focus {
  border-color: #a9a9a9;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

/* line 118, ../scss/style.scss */
textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  border-radius: 2px;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 transparent;
  line-height: 1.5em;
  height: 12.5em;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
/* line 132, ../scss/style.scss */
textarea:focus {
  border-color: #a9a9a9;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

/* line 138, ../scss/style.scss */
a {
  transition-duration: 0.25s;
  transition-timing-function: ease;
  opacity: 1;
}
/* line 141, ../scss/style.scss */
a:hover, a:focus {
  opacity: 0.75;
}

/** Styling Statics **/
/* line 147, ../scss/style.scss */
.inside {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  max-width: 1280px;
}
/* line 152, ../scss/style.scss */
.inside-contents {
  width: 100%;
}
@media screen and (max-width: 736px) {
  /* line 152, ../scss/style.scss */
  .inside-contents {
    float: none !important;
    width: auto;
  }
}
/* line 159, ../scss/style.scss */
.inside-contents.round-left {
  margin-right: -380px;
}
@media screen and (max-width: 1024px) {
  /* line 159, ../scss/style.scss */
  .inside-contents.round-left {
    margin-right: -340px;
  }
}
@media screen and (max-width: 736px) {
  /* line 159, ../scss/style.scss */
  .inside-contents.round-left {
    margin-right: 0;
  }
}
/* line 167, ../scss/style.scss */
.inside-contents.round-left .inside-contents-inner {
  margin-right: 380px;
}
@media screen and (max-width: 1024px) {
  /* line 167, ../scss/style.scss */
  .inside-contents.round-left .inside-contents-inner {
    margin-right: 340px;
  }
}
@media screen and (max-width: 736px) {
  /* line 167, ../scss/style.scss */
  .inside-contents.round-left .inside-contents-inner {
    margin-right: 0;
  }
}
/* line 177, ../scss/style.scss */
.inside-contents.round-right {
  margin-left: -380px;
}
@media screen and (max-width: 1024px) {
  /* line 177, ../scss/style.scss */
  .inside-contents.round-right {
    margin-left: -340px;
  }
}
@media screen and (max-width: 736px) {
  /* line 177, ../scss/style.scss */
  .inside-contents.round-right {
    margin-left: 0;
  }
}
/* line 185, ../scss/style.scss */
.inside-contents.round-right .inside-contents-inner {
  margin-left: 380px;
}
@media screen and (max-width: 1024px) {
  /* line 185, ../scss/style.scss */
  .inside-contents.round-right .inside-contents-inner {
    margin-left: 340px;
  }
}
@media screen and (max-width: 736px) {
  /* line 185, ../scss/style.scss */
  .inside-contents.round-right .inside-contents-inner {
    margin-left: 0;
  }
}
/* line 196, ../scss/style.scss */
.inside-sidebar {
  position: relative;
  z-index: 10;
  width: 340px;
}
@media screen and (max-width: 1024px) {
  /* line 196, ../scss/style.scss */
  .inside-sidebar {
    width: 300px;
  }
}
@media screen and (max-width: 736px) {
  /* line 196, ../scss/style.scss */
  .inside-sidebar {
    margin-top: 40px;
    float: none !important;
    width: auto;
  }
}

@media screen and (max-width: 736px) {
  /* line 212, ../scss/style.scss */
  .rows > .column {
    float: none;
    width: auto;
  }
}
/* line 219, ../scss/style.scss */
.rows.rows-static > .column {
  float: left !important;
}
@media screen and (max-width: 736px) {
  /* line 224, ../scss/style.scss */
  .rows.rows-left-to-right > .column {
    float: none;
  }
}
/* line 230, ../scss/style.scss */
.rows.rows-left-to-right.rows-static > .column {
  float: right !important;
}
@media screen and (max-width: 736px) {
  /* line 236, ../scss/style.scss */
  .rows.rows-right-to-left > .column {
    float: none;
  }
}
/* line 242, ../scss/style.scss */
.rows.rows-right-to-left.rows-static > .column {
  float: left !important;
}
/* line 247, ../scss/style.scss */
.rows.rows-fill {
  margin-left: -1.5%;
  margin-right: -1.5%;
}
/* line 250, ../scss/style.scss */
.rows.rows-fill > .column, .rows.rows-fill > .row > .column {
  padding-left: 1.5%;
  padding-right: 1.5%;
}
@media screen and (max-width: 736px) {
  /* line 257, ../scss/style.scss */
  .rows.rows-case-2 > .column {
    width: auto;
  }
}
/* line 263, ../scss/style.scss */
.rows.rows-case-2.rows-static > .column {
  width: 50% !important;
}
@media screen and (max-width: 736px) {
  /* line 270, ../scss/style.scss */
  .rows.rows-case-3 > .column {
    width: auto;
  }
}
/* line 276, ../scss/style.scss */
.rows.rows-case-3.rows-static > .column {
  width: 33.333% !important;
}
@media screen and (max-width: 736px) {
  /* line 283, ../scss/style.scss */
  .rows.rows-case-4 > .column {
    float: left;
    width: 50%;
  }
}
/* line 290, ../scss/style.scss */
.rows.rows-case-4.rows-static > .column {
  width: 25% !important;
}
/* line 295, ../scss/style.scss */
.rows.rows-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media screen and (max-width: 736px) {
  /* line 295, ../scss/style.scss */
  .rows.rows-table {
    display: block;
    width: auto;
  }
}
/* line 303, ../scss/style.scss */
.rows.rows-table > .row {
  display: table-row;
}
@media screen and (max-width: 736px) {
  /* line 303, ../scss/style.scss */
  .rows.rows-table > .row {
    display: block;
  }
}
/* line 308, ../scss/style.scss */
.rows.rows-table > .row > .column {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  /* line 308, ../scss/style.scss */
  .rows.rows-table > .row > .column {
    display: block;
  }
}
/* line 317, ../scss/style.scss */
.rows.rows-table.rows-fill {
  margin-left: 0;
  margin-right: 0;
}
/* line 321, ../scss/style.scss */
.rows.rows-table.rows-fill > .row > .column {
  padding-left: 1.5%;
  padding-right: 1.5%;
}
/* line 329, ../scss/style.scss */
.rows.rows-table.rows-static > .row > .column {
  float: none !important;
}
@media screen and (max-width: 736px) {
  /* line 334, ../scss/style.scss */
  .rows.rows-table.rows-case-4 {
    display: table;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  /* line 334, ../scss/style.scss */
  .rows.rows-table.rows-case-4 {
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 736px) {
  /* line 343, ../scss/style.scss */
  .rows.rows-table.rows-case-4 > .row {
    display: table-row;
  }
}
@media screen and (max-width: 736px) {
  /* line 347, ../scss/style.scss */
  .rows.rows-table.rows-case-4 > .row > .column {
    display: table-cell;
  }
}

/* line 356, ../scss/style.scss */
.button {
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 2em;
  line-height: 1.25em;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
@media screen and (max-width: 1024px) {
  /* line 356, ../scss/style.scss */
  .button {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 736px) {
  /* line 356, ../scss/style.scss */
  .button {
    font-size: 1.65em;
  }
}
/* line 371, ../scss/style.scss */
.button-radiusmat {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-radius: 4px;
  background-color: #212329;
  color: #ffffff;
}
/* line 379, ../scss/style.scss */
.button-radiusmat:hover, .button-radiusmat:focus {
  background-color: #363A42;
  color: #ffffff;
}

@media screen and (max-width: 736px) {
  /* line 387, ../scss/style.scss */
  .viewer.viewer-fixed {
    background-attachment: scroll;
  }
}
/* line 394, ../scss/style.scss */
.viewer.viewer-size-thumbnail {
  padding-top: 65%;
}
/* line 397, ../scss/style.scss */
.viewer.viewer-size-feeding {
  padding-top: 17.5%;
}
@media screen and (max-width: 1024px) {
  /* line 397, ../scss/style.scss */
  .viewer.viewer-size-feeding {
    padding-top: 22.5%;
  }
}
@media screen and (max-width: 736px) {
  /* line 397, ../scss/style.scss */
  .viewer.viewer-size-feeding {
    padding-top: 42.5%;
  }
}
/* line 409, ../scss/style.scss */
.viewer-overlay-shade .viewer-inner {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1a000000',GradientType=0 );
  opacity: 0.35;
}

/* line 421, ../scss/style.scss */
.viewerout.viewerout-size-thumbnail {
  padding-top: 65%;
}
/* line 424, ../scss/style.scss */
.viewerout.viewerout-size-feeding {
  padding-top: 17.5%;
}
@media screen and (max-width: 1024px) {
  /* line 424, ../scss/style.scss */
  .viewerout.viewerout-size-feeding {
    padding-top: 22.5%;
  }
}
@media screen and (max-width: 736px) {
  /* line 424, ../scss/style.scss */
  .viewerout.viewerout-size-feeding {
    padding-top: 42.5%;
  }
}

/** Styling Unique Elements **/
/* line 451, ../scss/style.scss */
.navigation-global {
  display: inline-block;
  vertical-align: top;
  font-family: "sans", sans-serif;
}
@media screen and (max-width: 1024px) {
  /* line 451, ../scss/style.scss */
  .navigation-global {
    display: block;
  }
}
/* line 459, ../scss/style.scss */
.navigation-global a, .navigation-global span {
  display: block;
}
/* line 463, ../scss/style.scss */
.navigation-global > ul > li {
  display: inline-block;
  position: relative;
  z-index: 10;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
}
/* line 473, ../scss/style.scss */
.navigation-global > ul > li::before {
  display: block;
  content: "/";
  position: absolute;
  z-index: -1;
  top: 1px;
  left: -0.25em;
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 1024px) {
  /* line 463, ../scss/style.scss */
  .navigation-global > ul > li {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 487, ../scss/style.scss */
  .navigation-global > ul > li::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-style: solid;
    border-width: 1px 0 0 0;
    color: #efefef;
  }
}
@media screen and (min-width: 1025px) {
  /* line 500, ../scss/style.scss */
  .navigation-global > ul > li:first-child::before {
    display: none;
  }
}
/* line 505, ../scss/style.scss */
.navigation-global > ul > li > a {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  /* line 505, ../scss/style.scss */
  .navigation-global > ul > li > a {
    display: block;
  }
}
/* line 516, ../scss/style.scss */
.navigation-global > ul > li ul {
  display: none;
}

/** Styling Sites **/
/* line 529, ../scss/style.scss */
.headline {
  font-size: 2em;
  line-height: 1em;
}
@media screen and (max-width: 1024px) {
  /* line 529, ../scss/style.scss */
  .headline {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 736px) {
  /* line 529, ../scss/style.scss */
  .headline {
    font-size: 1.65em;
  }
}
/* line 538, ../scss/style.scss */
.headline .primary, .headline .secondary {
  display: block;
  font-size: 1em;
  line-height: 1.5em;
}
/* line 543, ../scss/style.scss */
.headline .object {
  display: block;
}
/* line 546, ../scss/style.scss */
.headline-big {
  text-align: center;
}
/* line 548, ../scss/style.scss */
.headline-big .primary {
  display: inline-block;
  text-align: left;
  font-size: 1.2em;
}
@media screen and (max-width: 1024px) {
  /* line 548, ../scss/style.scss */
  .headline-big .primary {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 736px) {
  /* line 548, ../scss/style.scss */
  .headline-big .primary {
    font-size: 1.15em;
  }
}
/* line 560, ../scss/style.scss */
.headline-narrow {
  text-align: center;
}
/* line 562, ../scss/style.scss */
.headline-narrow .primary {
  display: inline-block;
  text-align: left;
  font-size: 1.1em;
}
@media screen and (max-width: 1024px) {
  /* line 562, ../scss/style.scss */
  .headline-narrow .primary {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 736px) {
  /* line 562, ../scss/style.scss */
  .headline-narrow .primary {
    font-size: 1.1em;
  }
}
/* line 574, ../scss/style.scss */
.headline-normal {
  text-align: center;
}
/* line 576, ../scss/style.scss */
.headline-normal .primary {
  display: inline-block;
  text-align: left;
}

/* line 583, ../scss/style.scss */
.fill {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
}
/* line 587, ../scss/style.scss */
.fill-e8 {
  max-width: 8.0em;
}
/* line 590, ../scss/style.scss */
.fill-e12 {
  max-width: 12.0em;
}
/* line 593, ../scss/style.scss */
.fill-e16 {
  max-width: 16.0em;
}
/* line 596, ../scss/style.scss */
.fill-e20 {
  max-width: 20.0em;
}
/* line 599, ../scss/style.scss */
.fill-e24 {
  max-width: 24.0em;
}
/* line 602, ../scss/style.scss */
.fill-e28 {
  max-width: 28.0em;
}
/* line 605, ../scss/style.scss */
.fill-e32 {
  max-width: 32.0em;
}
/* line 608, ../scss/style.scss */
.fill-e36 {
  max-width: 36.0em;
}
/* line 611, ../scss/style.scss */
.fill-e40 {
  max-width: 40.0em;
}
/* line 614, ../scss/style.scss */
.fill-e48 {
  max-width: 48.0em;
}
/* line 617, ../scss/style.scss */
.fill-e56 {
  max-width: 56.0em;
}
/* line 620, ../scss/style.scss */
.fill-e60 {
  max-width: 60.0em;
}
/* line 623, ../scss/style.scss */
.fill-e64 {
  max-width: 64.0em;
}
/* line 626, ../scss/style.scss */
.fill-e72 {
  max-width: 72.0em;
}
/* line 629, ../scss/style.scss */
.fill-e80 {
  max-width: 80.0em;
}
/* line 632, ../scss/style.scss */
.fill-e96 {
  max-width: 96.0em;
}
/* line 635, ../scss/style.scss */
.fill-orth {
  max-width: 102.4em;
}
@media screen and (max-width: 736px) {
  /* line 638, ../scss/style.scss */
  .fill-to-none {
    max-width: none;
  }
}
@media screen and (max-width: 736px) {
  /* line 643, ../scss/style.scss */
  .fill-to-e8 {
    max-width: 8.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 648, ../scss/style.scss */
  .fill-to-e12 {
    max-width: 12.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 653, ../scss/style.scss */
  .fill-to-e16 {
    max-width: 16.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 658, ../scss/style.scss */
  .fill-to-e20 {
    max-width: 20.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 663, ../scss/style.scss */
  .fill-to-e24 {
    max-width: 24.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 668, ../scss/style.scss */
  .fill-to-e28 {
    max-width: 28.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 673, ../scss/style.scss */
  .fill-to-e32 {
    max-width: 32.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 678, ../scss/style.scss */
  .fill-to-e36 {
    max-width: 36.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 683, ../scss/style.scss */
  .fill-to-e40 {
    max-width: 40.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 688, ../scss/style.scss */
  .fill-to-e48 {
    max-width: 48.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 693, ../scss/style.scss */
  .fill-to-e56 {
    max-width: 56.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 698, ../scss/style.scss */
  .fill-to-e60 {
    max-width: 60.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 703, ../scss/style.scss */
  .fill-to-e64 {
    max-width: 64.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 708, ../scss/style.scss */
  .fill-to-e72 {
    max-width: 72.0em;
  }
}
@media screen and (max-width: 736px) {
  /* line 713, ../scss/style.scss */
  .fill-to-e80 {
    max-width: 80.0em;
  }
}

/* line 721, ../scss/style.scss */
.break-e05 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* line 725, ../scss/style.scss */
.break-e05t {
  margin-top: 0.5em;
}
/* line 728, ../scss/style.scss */
.break-e05b {
  margin-bottom: 0.5em;
}
/* line 731, ../scss/style.scss */
.break-e10 {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* line 735, ../scss/style.scss */
.break-e10t {
  margin-top: 1em;
}
/* line 738, ../scss/style.scss */
.break-e10b {
  margin-bottom: 1em;
}
/* line 741, ../scss/style.scss */
.break-e15 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
/* line 745, ../scss/style.scss */
.break-e15t {
  margin-top: 1.5em;
}
/* line 748, ../scss/style.scss */
.break-e15b {
  margin-bottom: 1.5em;
}
/* line 751, ../scss/style.scss */
.break-e20 {
  margin-top: 2em;
  margin-bottom: 2em;
}
/* line 755, ../scss/style.scss */
.break-e20t {
  margin-top: 2em;
}
/* line 758, ../scss/style.scss */
.break-e20b {
  margin-bottom: 2em;
}
/* line 761, ../scss/style.scss */
.break-e25 {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
/* line 765, ../scss/style.scss */
.break-e25t {
  margin-top: 2.5em;
}
/* line 768, ../scss/style.scss */
.break-e25b {
  margin-bottom: 2.5em;
}
/* line 771, ../scss/style.scss */
.break-e30t {
  margin-top: 3em;
}
/* line 774, ../scss/style.scss */
.break-e30b {
  margin-bottom: 3em;
}
/* line 777, ../scss/style.scss */
.break-e30 {
  margin-top: 3em;
  margin-bottom: 3em;
}
/* line 781, ../scss/style.scss */
.break-e40t {
  margin-top: 4em;
}
/* line 784, ../scss/style.scss */
.break-e40b {
  margin-bottom: 4em;
}
/* line 787, ../scss/style.scss */
.break-e40 {
  margin-top: 4em;
  margin-bottom: 4em;
}
/* line 791, ../scss/style.scss */
.break-e50t {
  margin-top: 5em;
}
/* line 794, ../scss/style.scss */
.break-e50b {
  margin-bottom: 5em;
}
/* line 797, ../scss/style.scss */
.break-e50 {
  margin-top: 5em;
  margin-bottom: 5em;
}
/* line 801, ../scss/style.scss */
.break-e60t {
  margin-top: 6em;
}
/* line 804, ../scss/style.scss */
.break-e60b {
  margin-bottom: 6em;
}
/* line 807, ../scss/style.scss */
.break-e60 {
  margin-top: 6em;
  margin-bottom: 6em;
}
/* line 811, ../scss/style.scss */
.break-e80t {
  margin-top: 8em;
}
/* line 814, ../scss/style.scss */
.break-e80b {
  margin-bottom: 8em;
}
/* line 817, ../scss/style.scss */
.break-e80 {
  margin-top: 8em;
  margin-bottom: 8em;
}
/* line 821, ../scss/style.scss */
.break-e100t {
  margin-top: 10em;
}
/* line 824, ../scss/style.scss */
.break-e100b {
  margin-bottom: 10em;
}
/* line 827, ../scss/style.scss */
.break-e100 {
  margin-top: 10em;
  margin-bottom: 10em;
}
/* line 831, ../scss/style.scss */
.break-e120t {
  margin-top: 12em;
}
/* line 834, ../scss/style.scss */
.break-e120b {
  margin-bottom: 12em;
}
/* line 837, ../scss/style.scss */
.break-e120 {
  margin-top: 12em;
  margin-bottom: 12em;
}
@media screen and (max-width: 736px) {
  /* line 841, ../scss/style.scss */
  .break-to-e05 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 847, ../scss/style.scss */
  .break-to-e05t {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 852, ../scss/style.scss */
  .break-to-e05b {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 857, ../scss/style.scss */
  .break-to-e10 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 736px) {
  /* line 863, ../scss/style.scss */
  .break-to-e10t {
    margin-top: 1em;
  }
}
@media screen and (max-width: 736px) {
  /* line 868, ../scss/style.scss */
  .break-to-e10b {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 736px) {
  /* line 873, ../scss/style.scss */
  .break-to-e15 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 879, ../scss/style.scss */
  .break-to-e15t {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 884, ../scss/style.scss */
  .break-to-e15b {
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 889, ../scss/style.scss */
  .break-to-e20 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 736px) {
  /* line 895, ../scss/style.scss */
  .break-to-e20t {
    margin-top: 2em;
  }
}
@media screen and (max-width: 736px) {
  /* line 900, ../scss/style.scss */
  .break-to-e20b {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 736px) {
  /* line 905, ../scss/style.scss */
  .break-to-e25 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 911, ../scss/style.scss */
  .break-to-e25t {
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 916, ../scss/style.scss */
  .break-to-e25b {
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 921, ../scss/style.scss */
  .break-to-e30t {
    margin-top: 3em;
  }
}
@media screen and (max-width: 736px) {
  /* line 926, ../scss/style.scss */
  .break-to-e30b {
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 736px) {
  /* line 931, ../scss/style.scss */
  .break-to-e30 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 736px) {
  /* line 937, ../scss/style.scss */
  .break-to-e40t {
    margin-top: 4em;
  }
}
@media screen and (max-width: 736px) {
  /* line 942, ../scss/style.scss */
  .break-to-e40b {
    margin-bottom: 4em;
  }
}
@media screen and (max-width: 736px) {
  /* line 947, ../scss/style.scss */
  .break-to-e40 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}
@media screen and (max-width: 736px) {
  /* line 953, ../scss/style.scss */
  .break-to-e50t {
    margin-top: 5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 958, ../scss/style.scss */
  .break-to-e50b {
    margin-bottom: 5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 963, ../scss/style.scss */
  .break-to-e50 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
}
@media screen and (max-width: 736px) {
  /* line 969, ../scss/style.scss */
  .break-to-e60t {
    margin-top: 6em;
  }
}
@media screen and (max-width: 736px) {
  /* line 974, ../scss/style.scss */
  .break-to-e60b {
    margin-bottom: 6em;
  }
}
@media screen and (max-width: 736px) {
  /* line 979, ../scss/style.scss */
  .break-to-e60 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
}
@media screen and (max-width: 736px) {
  /* line 985, ../scss/style.scss */
  .break-to-e80t {
    margin-top: 8em;
  }
}
@media screen and (max-width: 736px) {
  /* line 990, ../scss/style.scss */
  .break-to-e80b {
    margin-bottom: 8em;
  }
}
@media screen and (max-width: 736px) {
  /* line 995, ../scss/style.scss */
  .break-to-e80 {
    margin-top: 8em;
    margin-bottom: 8em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1001, ../scss/style.scss */
  .break-to-e100t {
    margin-top: 10em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1006, ../scss/style.scss */
  .break-to-e100b {
    margin-bottom: 10em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1011, ../scss/style.scss */
  .break-to-e100 {
    margin-top: 10em;
    margin-bottom: 10em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1017, ../scss/style.scss */
  .break-to-e120t {
    margin-top: 12em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1022, ../scss/style.scss */
  .break-to-e120b {
    margin-bottom: 12em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1027, ../scss/style.scss */
  .break-to-e120 {
    margin-top: 12em;
    margin-bottom: 12em;
  }
}

@media screen and (max-width: 1024px) {
  /* line 1036, ../scss/style.scss */
  .attr-to-tab-disable {
    display: none !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1041, ../scss/style.scss */
  .attr-to-disable {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  /* line 1046, ../scss/style.scss */
  .attr-to-tab-visible {
    display: none !important;
  }
}
@media screen and (min-width: 737px) {
  /* line 1051, ../scss/style.scss */
  .attr-to-visible {
    display: none !important;
  }
}
/* line 1056, ../scss/style.scss */
.attr-left {
  text-align: left !important;
}
/* line 1059, ../scss/style.scss */
.attr-right {
  text-align: right !important;
}
/* line 1062, ../scss/style.scss */
.attr-center {
  text-align: center !important;
}
@media screen and (max-width: 736px) {
  /* line 1065, ../scss/style.scss */
  .attr-to-left {
    text-align: left !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1070, ../scss/style.scss */
  .attr-to-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1075, ../scss/style.scss */
  .attr-to-center {
    text-align: center !important;
  }
}
/* line 1080, ../scss/style.scss */
.attr-centeric {
  text-align: center;
}
/* line 1082, ../scss/style.scss */
.attr-centeric .normalize {
  display: inline-block;
  text-align: left;
}
@media screen and (max-width: 736px) {
  /* line 1086, ../scss/style.scss */
  .attr-centeric .to-normalize {
    display: inline-block;
    text-align: left;
  }
}
/* line 1093, ../scss/style.scss */
.attr-button {
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}
/* line 1098, ../scss/style.scss */
.attr-bold {
  font-weight: bold;
}
/* line 1101, ../scss/style.scss */
.attr-hang {
  padding-left: 1em;
  text-indent: -1em;
}
/* line 1105, ../scss/style.scss */
.attr-pictext {
  font-size: 1em;
  line-height: 1em;
}
/* line 1109, ../scss/style.scss */
.attr-serif {
  font-family: "serif", serif;
  letter-spacing: 0.075em;
}
/* line 1114, ../scss/style.scss */
.attr-line-low {
  line-height: 1.5em;
}
/* line 1117, ../scss/style.scss */
.attr-fontwrap-small {
  font-size: 0.9em;
}
@media screen and (max-width: 736px) {
  /* line 1117, ../scss/style.scss */
  .attr-fontwrap-small {
    font-size: 0.95em;
  }
}
/* line 1123, ../scss/style.scss */
.attr-fontwrap-big {
  font-size: 1.15em;
}
@media screen and (max-width: 736px) {
  /* line 1123, ../scss/style.scss */
  .attr-fontwrap-big {
    font-size: 1em;
  }
}
/* line 1130, ../scss/style.scss */
.attr-text-night {
  color: #303D52 !important;
}
/* line 1133, ../scss/style.scss */
/*.attr-text-light {
  color: #303030 !important;
}*/

/* line 1139, ../scss/style.scss */
.wrap-over {
  overflow: hidden;
}
/* line 1142, ../scss/style.scss */
.wrap-tablelayout {
  margin-left: -1.5%;
  margin-right: -1.5%;
}

/* line 1152, ../scss/style.scss */
.table-transparent > tbody > tr > th, .table-transparent > tbody > tr > td {
  border-width: 0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 2em;
}
/* line 1158, ../scss/style.scss */
.table-transparent > tbody > tr > th {
  padding-right: 2em;
  width: 15%;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
/* line 1169, ../scss/style.scss */
.table-highfix {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/* line 1179, ../scss/style.scss */
.table-highfix > .body {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
/* line 1184, ../scss/style.scss */
.table-highfix > .body > .cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

/* line 1199, ../scss/style.scss */
.part-dinarea > .rows-table > .row > .column {
  position: relative;
  z-index: 10;
  vertical-align: top;
}
/* line 1209, ../scss/style.scss */
.part-dinarea-l > .rows-table > .row > .column {
  text-align: left;
}
/* line 1218, ../scss/style.scss */
.part-dinarea-r > .rows-table > .row > .column {
  text-align: right;
}
/* line 1224, ../scss/style.scss */
.part-dinarea .part-press {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 4em;
  padding-right: 4em;
  width: 100%;
  max-width: 64.0em;
  text-align: left;
}
@media screen and (max-width: 736px) {
  /* line 1224, ../scss/style.scss */
  .part-dinarea .part-press {
    display: block;
    max-width: none;
    padding-left: 2em;
    padding-right: 2em;
  }
}
/* line 1239, ../scss/style.scss */
.part-dinarea .part-image {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 1250, ../scss/style.scss */
.part-overound {
  position: relative;
  z-index: 10;
}
/* line 1255, ../scss/style.scss */
.part-overound > .rows-table > .row > .column {
  position: relative;
  z-index: 10;
  vertical-align: top;
}
/* line 1265, ../scss/style.scss */
.part-overound-l > .rows-table > .row > .column {
  text-align: left;
}
/* line 1274, ../scss/style.scss */
.part-overound-r > .rows-table > .row > .column {
  text-align: right;
}
/* line 1280, ../scss/style.scss */
.part-overound .part-press {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 2em;
  padding-right: 2em;
  width: 100%;
  max-width: 64.0em;
  text-align: left;
}
@media screen and (max-width: 736px) {
  /* line 1280, ../scss/style.scss */
  .part-overound .part-press {
    display: block;
    max-width: none;
  }
}
/* line 1293, ../scss/style.scss */
.part-overound .part-image {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 736px) {
  /* line 1293, ../scss/style.scss */
  .part-overound .part-image {
    position: relative;
    padding-top: 62.5%;
    width: auto;
    height: auto;
  }
}
/* line 1309, ../scss/style.scss */
.part-overound .part-wimage {
  background-size: cover;
  background-position: 50% 50%;
}
@media screen and (max-width: 736px) {
  /* line 1314, ../scss/style.scss */
  .part-overound-l .part-wimage {
    background-position: 0 50%;
  }
}
@media screen and (max-width: 736px) {
  /* line 1320, ../scss/style.scss */
  .part-overound-r {
    background-position: 100% 50%;
  }
}
/* line 644, ../scss/_lib.scss */
.part-negalayout:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
/* line 1329, ../scss/style.scss */
.part-negalayout .part-static {
  position: relative;
  z-index: 10;
}
/* line 1332, ../scss/style.scss */
.part-negalayout .part-static.part-left {
  float: left;
}
/* line 1334, ../scss/style.scss */
.part-negalayout .part-static.part-left + .part-variable {
  float: right;
  margin-left: -100px;
}
/* line 1337, ../scss/style.scss */
.part-negalayout .part-static.part-left + .part-variable .part-variable-inner {
  margin-left: 100px;
}
/* line 1342, ../scss/style.scss */
.part-negalayout .part-static.part-right {
  float: right;
}
/* line 1344, ../scss/style.scss */
.part-negalayout .part-static.part-right + .part-variable {
  float: left;
  margin-right: -100px;
}
/* line 1347, ../scss/style.scss */
.part-negalayout .part-static.part-right + .part-variable .part-variable-inner {
  margin-right: 100px;
}
/* line 1353, ../scss/style.scss */
.part-negalayout .part-variable {
  width: 100%;
}

/* line 1360, ../scss/style.scss */
.show-comm-space {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}
@media screen and (max-width: 736px) {
  /* line 1360, ../scss/style.scss */
  .show-comm-space {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }
}
/* line 1368, ../scss/style.scss */
.show-comm-bg-dark {
  background-color: #212329;
  color: #ffffff;
}
/* line 1372, ../scss/style.scss */
.show-comm-bg-repeat {
  position: relative;
  z-index: 10;
}
/* line 1375, ../scss/style.scss */
.show-comm-bg-repeat .show-object {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: 50% 50%;
}
/* line 1387, ../scss/style.scss */
.show-comm-bg-double {
  position: relative;
  z-index: 10;
}
/* line 1390, ../scss/style.scss */
.show-comm-bg-double .show-object {
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 100%;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
@media screen and (max-width: 1024px) {
  /* line 1390, ../scss/style.scss */
  .show-comm-bg-double .show-object {
    opacity: 0.5;
  }
}
/* line 1403, ../scss/style.scss */
.show-comm-bg-double .show-object-1 {
  left: 0;
  background-position: 0 50%;
}
/* line 1407, ../scss/style.scss */
.show-comm-bg-double .show-object-2 {
  right: 0;
  background-position: 100% 50%;
}
/* line 1414, ../scss/style.scss */
.show-page-main {
  padding-top: 73px;
}
@media screen and (max-width: 1024px) {
  /* line 1414, ../scss/style.scss */
  .show-page-main {
    padding-top: 63px;
  }
}
/* line 1421, ../scss/style.scss */
.show-page-ourpoints .show-outer {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 737px) {
  /* line 1421, ../scss/style.scss */
  .show-page-ourpoints .show-outer {
    margin-top: 165px;
  }
}
/* line 1428, ../scss/style.scss */
.show-page-ourpoints .show-object {
  position: absolute;
  z-index: -1;
  top: -220px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 1920px 230px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.5;
}
@media screen and (max-width: 736px) {
  /* line 1428, ../scss/style.scss */
  .show-page-ourpoints .show-object {
    display: none;
  }
}
/* line 1446, ../scss/style.scss */
.show-page-messages .show-press {
  padding-top: 6em;
  padding-bottom: 6em;
}
@media screen and (max-width: 736px) {
  /* line 1446, ../scss/style.scss */
  .show-page-messages .show-press {
    padding-top: 0;
    padding-bottom: 4em;
  }
}
/* line 1456, ../scss/style.scss */
.show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
  width: 100%;
}
/* line 1459, ../scss/style.scss */
.show-page-mailform select {
  width: 100%;
}
/* line 1462, ../scss/style.scss */
.show-page-mailform textarea {
  width: 100% !important;
  height: 11em !important;
}
/* line 1467, ../scss/style.scss */
.show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).formfix, .show-page-mailform select.formfix, .show-page-mailform textarea.formfix {
  width: auto;
}
@media screen and (max-width: 736px) {
  /* line 1467, ../scss/style.scss */
  .show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).formfix, .show-page-mailform select.formfix, .show-page-mailform textarea.formfix {
    margin-top: 0.5em;
    width: 100%;
  }
}
/* line 1474, ../scss/style.scss */
.show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).formbasic, .show-page-mailform select.formbasic, .show-page-mailform textarea.formbasic {
  width: 20em;
}
@media screen and (max-width: 736px) {
  /* line 1474, ../scss/style.scss */
  .show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).formbasic, .show-page-mailform select.formbasic, .show-page-mailform textarea.formbasic {
    margin-top: 0.5em;
    width: 100%;
  }
}
/* line 1481, ../scss/style.scss */
.show-page-mailform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).formshort, .show-page-mailform select.formshort, .show-page-mailform textarea.formshort {
  width: 8em;
}
/* line 1485, ../scss/style.scss */
.show-page-mailform dl {
  padding-left: 1.0%;
  padding-right: 1.0%;
}
@media screen and (max-width: 736px) {
  /* line 1485, ../scss/style.scss */
  .show-page-mailform dl {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 1492, ../scss/style.scss */
.show-page-mailform dl > dt {
  margin-top: 1.5em;
}
@media screen and (max-width: 1280px) {
  /* line 1492, ../scss/style.scss */
  .show-page-mailform dl > dt {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1492, ../scss/style.scss */
  .show-page-mailform dl > dt {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1492, ../scss/style.scss */
  .show-page-mailform dl > dt {
    font-size: 1.65em;
  }
}
/* line 1504, ../scss/style.scss */
.show-page-mailform dl > dd {
  margin-top: 0.75em;
  font-size: 1.6em;
  line-height: 2em;
}
/* line 1510, ../scss/style.scss */
.show-page-mailform .show-inner {
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 3em;
  padding-right: 3em;
  background-color: #ffffff;
}
@media screen and (max-width: 736px) {
  /* line 1510, ../scss/style.scss */
  .show-page-mailform .show-inner {
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
/* line 1523, ../scss/style.scss */
.show-page-mailform .show-text {
  font-size: 1.65em;
  line-height: 2em;
}
@media screen and (max-width: 1280px) {
  /* line 1523, ../scss/style.scss */
  .show-page-mailform .show-text {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 736px) {
  /* line 1523, ../scss/style.scss */
  .show-page-mailform .show-text {
    font-size: 1.6em;
  }
}
/* line 1533, ../scss/style.scss */
.show-page-mailform span.supply {
  display: inline-block;
  margin-left: 0.5em;
  color: #696969;
  font-size: 0.9em;
  line-height: 1.5em;
}
/* line 1539, ../scss/style.scss */
.show-page-mailform span.supply-require {
  color: #ff0000;
}

/* line 1546, ../scss/style.scss */
.anchor-link {
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  left: 0;
  right: 0;
  z-index: -1;
  top: 0;
}
@media screen and (max-width: 1024px) {
  /* line 1546, ../scss/style.scss */
  .anchor-link {
    top: 0;
  }
}

/* line 1561, ../scss/style.scss */
#container {
  min-width: 375px;
}

/* line 1565, ../scss/style.scss */
#header {
  min-width: 375px;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #ffffff;
}
/* line 1575, ../scss/style.scss */
#header div.signboard {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}
/* line 644, ../scss/_lib.scss */
#header div.signboard:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
/* line 1580, ../scss/style.scss */
#header div.site {
  margin-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 134px;
  float: left;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  /* line 1580, ../scss/style.scss */
  #header div.site {
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
  }
}
/* line 1594, ../scss/style.scss */
#header h1.logo {
  width: 100%;
  font-size: 1em;
  line-height: 1em;
}
/* line 1599, ../scss/style.scss */
#header div.navmain {
  float: right;
  margin-left: -144px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  /* line 1599, ../scss/style.scss */
  #header div.navmain {
    clear: both;
    float: none;
    margin-left: 0;
    width: auto;
  }
}
/* line 1610, ../scss/style.scss */
#header div.navmenus {
  margin-left: 144px;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  /* line 1610, ../scss/style.scss */
  #header div.navmenus {
    margin-left: 0;
    text-align: left;
  }
}
/* line 1618, ../scss/style.scss */
#header nav.navigation-global {
  top: 63px;
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  /* line 1618, ../scss/style.scss */
  #header nav.navigation-global {
    position: absolute;
    left: 0;
    right: 0;
    background-color: white;
  }
}
/* line 1627, ../scss/style.scss */
#header nav.navigation-global > ul {
  padding-top: 28px;
}
@media screen and (max-width: 1024px) {
  /* line 1627, ../scss/style.scss */
  #header nav.navigation-global > ul {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1633, ../scss/style.scss */
  #header nav.navigation-global > ul > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1644, ../scss/style.scss */
  #header .navmenu > ul {
    opacity: 0;
    transform: translateX(0) translateY(-40px);
    transform-origin: 50% 0;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
}
/* line 1653, ../scss/style.scss */
#header .navmenu + .navmenu-button {
  position: absolute;
  top: 7px;
  right: 4px;
  width: 48px;
  height: 48px;
}
/* line 1660, ../scss/style.scss */
#header .navmenu + .navmenu-button .bar-1, #header .navmenu + .navmenu-button .bar-2, #header .navmenu + .navmenu-button .bar-3 {
  position: absolute;
  z-index: 10;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #333333;
  width: 18px;
  height: 0;
  left: 15px;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
/* line 1671, ../scss/style.scss */
#header .navmenu + .navmenu-button .bar-1 {
  top: 14px;
  transform: translateX(0) translateY(0) rotate(0deg);
}
/* line 1675, ../scss/style.scss */
#header .navmenu + .navmenu-button .bar-2 {
  top: 22px;
  transform: translateX(0) translateY(0) rotate(0deg);
}
/* line 1679, ../scss/style.scss */
#header .navmenu + .navmenu-button .bar-3 {
  top: 30px;
  transform: translateX(0) translateY(0) rotate(0deg);
}
@media screen and (max-width: 1024px) {
  /* line 1687, ../scss/style.scss */
  #header .navmenu.navmenu-opened > ul {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transform-origin: 50% 0;
  }
}
/* line 1696, ../scss/style.scss */
#header .navmenu.navmenu-opened + .navmenu-button .bar-1 {
  transform-origin: 0 50%;
  transform: translateX(3px) translateY(2px) rotate(45deg);
}
/* line 1700, ../scss/style.scss */
#header .navmenu.navmenu-opened + .navmenu-button .bar-2 {
  transform-origin: 0 50%;
  opacity: 0;
}
/* line 1704, ../scss/style.scss */
#header .navmenu.navmenu-opened + .navmenu-button .bar-3 {
  transform: translateX(3px) translateY(-1px) rotate(-45deg);
  transform-origin: 0 50%;
}
/* line 1712, ../scss/style.scss */
#header .submenu > ul {
  top: 75px;
}
/* line 1714, ../scss/style.scss */
#header .submenu > ul > li {
  opacity: 0;
  transform: translateX(0) translateY(-40px);
  transform-origin: 50% 0;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
/* line 1722, ../scss/style.scss */
#header .submenu .submenu-button {
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 0;
  width: 36px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #565656;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}
/* line 1735, ../scss/style.scss */
#header .submenu .submenu-button::after {
  display: inline-block;
  content: "\f347";
  font-family: dashicons;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
/* line 1745, ../scss/style.scss */
#header .submenu.submenu-opened > ul > li {
  opacity: 1;
  transform: translateX(0) translateY(0);
  transform-origin: 50% 0;
}
/* line 1752, ../scss/style.scss */
#header .submenu.submenu-opened .submenu-button::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

/* line 1761, ../scss/style.scss */
#footer div.contact {
  color: #4D4D4D;
}
/* line 1764, ../scss/style.scss */
#footer div.assert {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #4D4D4D;
  margin-top: 3em;
  padding-top: 3em;
  padding-bottom: 2em;
  text-align: center;
}
/* line 1773, ../scss/style.scss */
#footer small.copyright {
  font-size: 1.5em;
  line-height: 1em;
}
@media screen and (max-width: 1024px) {
  /* line 1773, ../scss/style.scss */
  #footer small.copyright {
    font-size: 1.25em;
  }
}

/** Animations **/
/* line 1784, ../scss/style.scss */
.fadein-std {
  opacity: 0;
  animation-name: frame-fade;
  animation-fill-mode: both;
}
/* line 1788, ../scss/style.scss */
.fadein-std.animated {
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}

/* line 1795, ../scss/style.scss */
.fadein-up {
  opacity: 0;
  animation-name: frame-fade-bottom-to-top;
  animation-fill-mode: both;
}
/* line 1799, ../scss/style.scss */
.fadein-up.animated {
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}

/* line 1806, ../scss/style.scss */
.anime {
  visibility: visible !important;
}
/* line 1809, ../scss/style.scss */
.anime .frame.frame-0 {
  animation-delay: 0.25s !important;
}
/* line 1812, ../scss/style.scss */
.anime .frame.frame-1 {
  animation-delay: 0.5s !important;
}
/* line 1815, ../scss/style.scss */
.anime .frame.frame-2 {
  animation-delay: 0.75s !important;
}
/* line 1818, ../scss/style.scss */
.anime .frame.frame-3 {
  animation-delay: 1.0s !important;
}
/* line 1821, ../scss/style.scss */
.anime .frame.frame-4 {
  animation-delay: 1.25s !important;
}
/* line 1824, ../scss/style.scss */
.anime .frame.frame-5 {
  animation-delay: 1.5s !important;
}
/* line 1827, ../scss/style.scss */
.anime .frame.frame-6 {
  animation-delay: 1.75s !important;
}
/* line 1830, ../scss/style.scss */
.anime .frame.frame-7 {
  animation-delay: 2.0s !important;
}
/* line 1833, ../scss/style.scss */
.anime .frame.frame-8 {
  animation-delay: 2.25s !important;
}
/* line 1836, ../scss/style.scss */
.anime .frame.frame-9 {
  animation-delay: 2.5s !important;
}
@media screen and (max-width: 736px) {
  /* line 1839, ../scss/style.scss */
  .anime .frame.frame-to-0 {
    animation-delay: 0.25s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1844, ../scss/style.scss */
  .anime .frame.frame-to-1 {
    animation-delay: 0.5s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1849, ../scss/style.scss */
  .anime .frame.frame-to-2 {
    animation-delay: 0.75s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1854, ../scss/style.scss */
  .anime .frame.frame-to-3 {
    animation-delay: 1.0s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1859, ../scss/style.scss */
  .anime .frame.frame-to-4 {
    animation-delay: 1.25s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1864, ../scss/style.scss */
  .anime .frame.frame-to-5 {
    animation-delay: 1.5s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1869, ../scss/style.scss */
  .anime .frame.frame-to-6 {
    animation-delay: 1.75s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1874, ../scss/style.scss */
  .anime .frame.frame-to-7 {
    animation-delay: 2.0s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1879, ../scss/style.scss */
  .anime .frame.frame-to-8 {
    animation-delay: 2.25s !important;
  }
}
@media screen and (max-width: 736px) {
  /* line 1884, ../scss/style.scss */
  .anime .frame.frame-to-9 {
    animation-delay: 2.5s !important;
  }
}
/* line 1891, ../scss/style.scss */
.anime-fadein-std-chain .frame {
  opacity: 0;
}
/* line 1895, ../scss/style.scss */
.anime-fadein-std-chain.animated .frame {
  animation-name: frame-fade;
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}
/* line 1905, ../scss/style.scss */
.anime-fadein-up-chain .frame {
  opacity: 0;
}
/* line 1909, ../scss/style.scss */
.anime-fadein-up-chain.animated .frame {
  animation-name: frame-fade-bottom-to-top;
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}
/* line 1919, ../scss/style.scss */
.anime-particular-title .frame {
  opacity: 0;
}
/* line 1923, ../scss/style.scss */
.anime-particular-title.animated .frame {
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}
/* line 1928, ../scss/style.scss */
.anime-particular-title.animated .frame-title {
  animation-name: frame-fade-bottom-to-top;
  animation-delay: 0.5s !important;
}
/* line 1932, ../scss/style.scss */
.anime-particular-title.animated .frame-1, .anime-particular-title.animated .frame-2, .anime-particular-title.animated .frame-3, .anime-particular-title.animated .frame-4, .anime-particular-title.animated .frame-5, .anime-particular-title.animated .frame-6, .anime-particular-title.animated .frame-7, .anime-particular-title.animated .frame-8, .anime-particular-title.animated .frame-9 {
  animation-name: frame-fade;
}
/* line 1939, ../scss/style.scss */
.anime-particular-image .frame {
  opacity: 0;
}
/* line 1943, ../scss/style.scss */
.anime-particular-image.animated .frame {
  animation-timing-function: ease;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}
/* line 1948, ../scss/style.scss */
.anime-particular-image.animated .frame-image {
  animation-name: frame-fade;
}
/* line 1950, ../scss/style.scss */
.anime-particular-image.animated .frame-image:not([class*="frame-to-"]) {
  animation-delay: 0.5s !important;
}
/* line 1954, ../scss/style.scss */
.anime-particular-image.animated .frame-1, .anime-particular-image.animated .frame-2, .anime-particular-image.animated .frame-3, .anime-particular-image.animated .frame-4, .anime-particular-image.animated .frame-5, .anime-particular-image.animated .frame-6, .anime-particular-image.animated .frame-7, .anime-particular-image.animated .frame-8, .anime-particular-image.animated .frame-9 {
  animation-name: frame-fade-bottom-to-top;
}

/** Keyframes **/
@keyframes frame-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes frame-fade-bottom-to-top {
  0% {
    opacity: 0;
    transform: translate(0, 30px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}