@charset "UTF-8";
@media screen and (min-width: 641px) {
  /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  body {
    line-height: 1; }
  ol, ul {
    list-style: none; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  .z0 {
    z-index: 0 !important; }
  .z1 {
    z-index: 1 !important; }
  .z2 {
    z-index: 2 !important; }
  .z3 {
    z-index: 3 !important; }
  .link-underline a,
  a.link-underline:not(.btn) {
    text-decoration: underline; }
    .link-underline a:hover,
    a.link-underline:not(.btn):hover {
      text-decoration: none; }
  .opa,
  a.opa:not(.btn) {
    opacity: 1; }
    .opa:hover,
    a.opa:not(.btn):hover {
      opacity: .6; }
  .ellipsis {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }
  .pull-left {
    float: left !important; }
  .pc-pull-left {
    float: left !important; }
  .pull-right {
    float: right !important; }
  .pc-pull-right {
    float: right !important; }
  .scroll {
    overflow: auto; }
  .clearfix {
    *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }
  .inline-block {
    display: inline-block !important; }
  .block {
    display: block !important; }
  .disnon {
    display: none !important; }
  .pointer {
    cursor: pointer; }
  .disabled {
    pointer-events: none; }
  .relative {
    position: relative; }
  .radius {
    border-radius: 2px; }
  .table {
    display: table !important;
    width: 100%; }
    .table.table-fixed {
      table-layout: fixed; }
    .table.table-top > * {
      vertical-align: top; }
    .table.table-middle > * {
      vertical-align: middle; }
    .table > * {
      display: table-cell;
      vertical-align: middle;
      width: 100%; }
  .overlay {
    background: transparent;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }
  .bg-cover {
    background-size: cover;
    background-position: center center; }
  .ratio-icon:before,
  .ratio-4-3:before,
  .ratio-3-2:before,
  .ratio-16-9:before,
  .ratio-2-1:before {
    content: "";
    display: block; }
  .ratio-icon:before {
    padding-top: 100%; }
  .ratio-4-3:before {
    padding-top: 75%; }
  .ratio-3-2:before {
    padding-top: 67%; }
  .ratio-16-9:before {
    padding-top: 56%; }
  .ratio-2-1:before {
    padding-top: 50%; }
  .flexbox {
    align-items: center;
    display: flex; }
    .flexbox .flexitem1 {
      flex: 1;
      max-width: 100%; }
    .flexbox .flex-right {
      margin-left: auto; }
    .flexbox.flex-top {
      align-items: inherit; }
    .flexbox.flex-multi {
      align-items: inherit;
      box-lines: multiple;
      flex-wrap: wrap; }
  .bd-0 {
    border: 0px solid transparent !important; }
  .bd-top-0 {
    border-top: 0px solid transparent !important; }
  .bd-bottom-0 {
    border-bottom: 0px solid transparent !important; }
  .bd-right-0 {
    border-right: 0px solid transparent !important; }
  .bd-left-0 {
    border-left: 0px solid transparent !important; }
  .bd-1 {
    border: 1px solid transparent !important; }
  .bd-top-1 {
    border-top: 1px solid transparent !important; }
  .bd-bottom-1 {
    border-bottom: 1px solid transparent !important; }
  .bd-right-1 {
    border-right: 1px solid transparent !important; }
  .bd-left-1 {
    border-left: 1px solid transparent !important; }
  .bd-2 {
    border: 2px solid transparent !important; }
  .bd-top-2 {
    border-top: 2px solid transparent !important; }
  .bd-bottom-2 {
    border-bottom: 2px solid transparent !important; }
  .bd-right-2 {
    border-right: 2px solid transparent !important; }
  .bd-left-2 {
    border-left: 2px solid transparent !important; }
  .bd-3 {
    border: 3px solid transparent !important; }
  .bd-top-3 {
    border-top: 3px solid transparent !important; }
  .bd-bottom-3 {
    border-bottom: 3px solid transparent !important; }
  .bd-right-3 {
    border-right: 3px solid transparent !important; }
  .bd-left-3 {
    border-left: 3px solid transparent !important; }
  .bd-4 {
    border: 4px solid transparent !important; }
  .bd-top-4 {
    border-top: 4px solid transparent !important; }
  .bd-bottom-4 {
    border-bottom: 4px solid transparent !important; }
  .bd-right-4 {
    border-right: 4px solid transparent !important; }
  .bd-left-4 {
    border-left: 4px solid transparent !important; }
  .mg-0-0 {
    margin: 0px 0px !important; }
  .pd-0-0 {
    padding: 0px 0px !important; }
  .mg-0-2 {
    margin: 0px 2px !important; }
  .pd-0-2 {
    padding: 0px 2px !important; }
  .mg-0-4 {
    margin: 0px 4px !important; }
  .pd-0-4 {
    padding: 0px 4px !important; }
  .mg-0-6 {
    margin: 0px 6px !important; }
  .pd-0-6 {
    padding: 0px 6px !important; }
  .mg-0-8 {
    margin: 0px 8px !important; }
  .pd-0-8 {
    padding: 0px 8px !important; }
  .mg-0-12 {
    margin: 0px 12px !important; }
  .pd-0-12 {
    padding: 0px 12px !important; }
  .mg-0-16 {
    margin: 0px 16px !important; }
  .pd-0-16 {
    padding: 0px 16px !important; }
  .mg-0-24 {
    margin: 0px 24px !important; }
  .pd-0-24 {
    padding: 0px 24px !important; }
  .mg-0-32 {
    margin: 0px 32px !important; }
  .pd-0-32 {
    padding: 0px 32px !important; }
  .mg-0-40 {
    margin: 0px 40px !important; }
  .pd-0-40 {
    padding: 0px 40px !important; }
  .mg-0-56 {
    margin: 0px 56px !important; }
  .pd-0-56 {
    padding: 0px 56px !important; }
  .mg-0-64 {
    margin: 0px 64px !important; }
  .pd-0-64 {
    padding: 0px 64px !important; }
  .mg-0-80 {
    margin: 0px 80px !important; }
  .pd-0-80 {
    padding: 0px 80px !important; }
  .mg-0-120 {
    margin: 0px 120px !important; }
  .pd-0-120 {
    padding: 0px 120px !important; }
  .mg-0-160 {
    margin: 0px 160px !important; }
  .pd-0-160 {
    padding: 0px 160px !important; }
  .mg-0-140 {
    margin: 0px 140px !important; }
  .pd-0-140 {
    padding: 0px 140px !important; }
  .mg-2-0 {
    margin: 2px 0px !important; }
  .pd-2-0 {
    padding: 2px 0px !important; }
  .mg-2-2 {
    margin: 2px 2px !important; }
  .pd-2-2 {
    padding: 2px 2px !important; }
  .mg-2-4 {
    margin: 2px 4px !important; }
  .pd-2-4 {
    padding: 2px 4px !important; }
  .mg-2-6 {
    margin: 2px 6px !important; }
  .pd-2-6 {
    padding: 2px 6px !important; }
  .mg-2-8 {
    margin: 2px 8px !important; }
  .pd-2-8 {
    padding: 2px 8px !important; }
  .mg-2-12 {
    margin: 2px 12px !important; }
  .pd-2-12 {
    padding: 2px 12px !important; }
  .mg-2-16 {
    margin: 2px 16px !important; }
  .pd-2-16 {
    padding: 2px 16px !important; }
  .mg-2-24 {
    margin: 2px 24px !important; }
  .pd-2-24 {
    padding: 2px 24px !important; }
  .mg-2-32 {
    margin: 2px 32px !important; }
  .pd-2-32 {
    padding: 2px 32px !important; }
  .mg-2-40 {
    margin: 2px 40px !important; }
  .pd-2-40 {
    padding: 2px 40px !important; }
  .mg-2-56 {
    margin: 2px 56px !important; }
  .pd-2-56 {
    padding: 2px 56px !important; }
  .mg-2-64 {
    margin: 2px 64px !important; }
  .pd-2-64 {
    padding: 2px 64px !important; }
  .mg-2-80 {
    margin: 2px 80px !important; }
  .pd-2-80 {
    padding: 2px 80px !important; }
  .mg-2-120 {
    margin: 2px 120px !important; }
  .pd-2-120 {
    padding: 2px 120px !important; }
  .mg-2-160 {
    margin: 2px 160px !important; }
  .pd-2-160 {
    padding: 2px 160px !important; }
  .mg-2-140 {
    margin: 2px 140px !important; }
  .pd-2-140 {
    padding: 2px 140px !important; }
  .mg-4-0 {
    margin: 4px 0px !important; }
  .pd-4-0 {
    padding: 4px 0px !important; }
  .mg-4-2 {
    margin: 4px 2px !important; }
  .pd-4-2 {
    padding: 4px 2px !important; }
  .mg-4-4 {
    margin: 4px 4px !important; }
  .pd-4-4 {
    padding: 4px 4px !important; }
  .mg-4-6 {
    margin: 4px 6px !important; }
  .pd-4-6 {
    padding: 4px 6px !important; }
  .mg-4-8 {
    margin: 4px 8px !important; }
  .pd-4-8 {
    padding: 4px 8px !important; }
  .mg-4-12 {
    margin: 4px 12px !important; }
  .pd-4-12 {
    padding: 4px 12px !important; }
  .mg-4-16 {
    margin: 4px 16px !important; }
  .pd-4-16 {
    padding: 4px 16px !important; }
  .mg-4-24 {
    margin: 4px 24px !important; }
  .pd-4-24 {
    padding: 4px 24px !important; }
  .mg-4-32 {
    margin: 4px 32px !important; }
  .pd-4-32 {
    padding: 4px 32px !important; }
  .mg-4-40 {
    margin: 4px 40px !important; }
  .pd-4-40 {
    padding: 4px 40px !important; }
  .mg-4-56 {
    margin: 4px 56px !important; }
  .pd-4-56 {
    padding: 4px 56px !important; }
  .mg-4-64 {
    margin: 4px 64px !important; }
  .pd-4-64 {
    padding: 4px 64px !important; }
  .mg-4-80 {
    margin: 4px 80px !important; }
  .pd-4-80 {
    padding: 4px 80px !important; }
  .mg-4-120 {
    margin: 4px 120px !important; }
  .pd-4-120 {
    padding: 4px 120px !important; }
  .mg-4-160 {
    margin: 4px 160px !important; }
  .pd-4-160 {
    padding: 4px 160px !important; }
  .mg-4-140 {
    margin: 4px 140px !important; }
  .pd-4-140 {
    padding: 4px 140px !important; }
  .mg-6-0 {
    margin: 6px 0px !important; }
  .pd-6-0 {
    padding: 6px 0px !important; }
  .mg-6-2 {
    margin: 6px 2px !important; }
  .pd-6-2 {
    padding: 6px 2px !important; }
  .mg-6-4 {
    margin: 6px 4px !important; }
  .pd-6-4 {
    padding: 6px 4px !important; }
  .mg-6-6 {
    margin: 6px 6px !important; }
  .pd-6-6 {
    padding: 6px 6px !important; }
  .mg-6-8 {
    margin: 6px 8px !important; }
  .pd-6-8 {
    padding: 6px 8px !important; }
  .mg-6-12 {
    margin: 6px 12px !important; }
  .pd-6-12 {
    padding: 6px 12px !important; }
  .mg-6-16 {
    margin: 6px 16px !important; }
  .pd-6-16 {
    padding: 6px 16px !important; }
  .mg-6-24 {
    margin: 6px 24px !important; }
  .pd-6-24 {
    padding: 6px 24px !important; }
  .mg-6-32 {
    margin: 6px 32px !important; }
  .pd-6-32 {
    padding: 6px 32px !important; }
  .mg-6-40 {
    margin: 6px 40px !important; }
  .pd-6-40 {
    padding: 6px 40px !important; }
  .mg-6-56 {
    margin: 6px 56px !important; }
  .pd-6-56 {
    padding: 6px 56px !important; }
  .mg-6-64 {
    margin: 6px 64px !important; }
  .pd-6-64 {
    padding: 6px 64px !important; }
  .mg-6-80 {
    margin: 6px 80px !important; }
  .pd-6-80 {
    padding: 6px 80px !important; }
  .mg-6-120 {
    margin: 6px 120px !important; }
  .pd-6-120 {
    padding: 6px 120px !important; }
  .mg-6-160 {
    margin: 6px 160px !important; }
  .pd-6-160 {
    padding: 6px 160px !important; }
  .mg-6-140 {
    margin: 6px 140px !important; }
  .pd-6-140 {
    padding: 6px 140px !important; }
  .mg-8-0 {
    margin: 8px 0px !important; }
  .pd-8-0 {
    padding: 8px 0px !important; }
  .mg-8-2 {
    margin: 8px 2px !important; }
  .pd-8-2 {
    padding: 8px 2px !important; }
  .mg-8-4 {
    margin: 8px 4px !important; }
  .pd-8-4 {
    padding: 8px 4px !important; }
  .mg-8-6 {
    margin: 8px 6px !important; }
  .pd-8-6 {
    padding: 8px 6px !important; }
  .mg-8-8 {
    margin: 8px 8px !important; }
  .pd-8-8 {
    padding: 8px 8px !important; }
  .mg-8-12 {
    margin: 8px 12px !important; }
  .pd-8-12 {
    padding: 8px 12px !important; }
  .mg-8-16 {
    margin: 8px 16px !important; }
  .pd-8-16 {
    padding: 8px 16px !important; }
  .mg-8-24 {
    margin: 8px 24px !important; }
  .pd-8-24 {
    padding: 8px 24px !important; }
  .mg-8-32 {
    margin: 8px 32px !important; }
  .pd-8-32 {
    padding: 8px 32px !important; }
  .mg-8-40 {
    margin: 8px 40px !important; }
  .pd-8-40 {
    padding: 8px 40px !important; }
  .mg-8-56 {
    margin: 8px 56px !important; }
  .pd-8-56 {
    padding: 8px 56px !important; }
  .mg-8-64 {
    margin: 8px 64px !important; }
  .pd-8-64 {
    padding: 8px 64px !important; }
  .mg-8-80 {
    margin: 8px 80px !important; }
  .pd-8-80 {
    padding: 8px 80px !important; }
  .mg-8-120 {
    margin: 8px 120px !important; }
  .pd-8-120 {
    padding: 8px 120px !important; }
  .mg-8-160 {
    margin: 8px 160px !important; }
  .pd-8-160 {
    padding: 8px 160px !important; }
  .mg-8-140 {
    margin: 8px 140px !important; }
  .pd-8-140 {
    padding: 8px 140px !important; }
  .mg-12-0 {
    margin: 12px 0px !important; }
  .pd-12-0 {
    padding: 12px 0px !important; }
  .mg-12-2 {
    margin: 12px 2px !important; }
  .pd-12-2 {
    padding: 12px 2px !important; }
  .mg-12-4 {
    margin: 12px 4px !important; }
  .pd-12-4 {
    padding: 12px 4px !important; }
  .mg-12-6 {
    margin: 12px 6px !important; }
  .pd-12-6 {
    padding: 12px 6px !important; }
  .mg-12-8 {
    margin: 12px 8px !important; }
  .pd-12-8 {
    padding: 12px 8px !important; }
  .mg-12-12 {
    margin: 12px 12px !important; }
  .pd-12-12 {
    padding: 12px 12px !important; }
  .mg-12-16 {
    margin: 12px 16px !important; }
  .pd-12-16 {
    padding: 12px 16px !important; }
  .mg-12-24 {
    margin: 12px 24px !important; }
  .pd-12-24 {
    padding: 12px 24px !important; }
  .mg-12-32 {
    margin: 12px 32px !important; }
  .pd-12-32 {
    padding: 12px 32px !important; }
  .mg-12-40 {
    margin: 12px 40px !important; }
  .pd-12-40 {
    padding: 12px 40px !important; }
  .mg-12-56 {
    margin: 12px 56px !important; }
  .pd-12-56 {
    padding: 12px 56px !important; }
  .mg-12-64 {
    margin: 12px 64px !important; }
  .pd-12-64 {
    padding: 12px 64px !important; }
  .mg-12-80 {
    margin: 12px 80px !important; }
  .pd-12-80 {
    padding: 12px 80px !important; }
  .mg-12-120 {
    margin: 12px 120px !important; }
  .pd-12-120 {
    padding: 12px 120px !important; }
  .mg-12-160 {
    margin: 12px 160px !important; }
  .pd-12-160 {
    padding: 12px 160px !important; }
  .mg-12-140 {
    margin: 12px 140px !important; }
  .pd-12-140 {
    padding: 12px 140px !important; }
  .mg-16-0 {
    margin: 16px 0px !important; }
  .pd-16-0 {
    padding: 16px 0px !important; }
  .mg-16-2 {
    margin: 16px 2px !important; }
  .pd-16-2 {
    padding: 16px 2px !important; }
  .mg-16-4 {
    margin: 16px 4px !important; }
  .pd-16-4 {
    padding: 16px 4px !important; }
  .mg-16-6 {
    margin: 16px 6px !important; }
  .pd-16-6 {
    padding: 16px 6px !important; }
  .mg-16-8 {
    margin: 16px 8px !important; }
  .pd-16-8 {
    padding: 16px 8px !important; }
  .mg-16-12 {
    margin: 16px 12px !important; }
  .pd-16-12 {
    padding: 16px 12px !important; }
  .mg-16-16 {
    margin: 16px 16px !important; }
  .pd-16-16 {
    padding: 16px 16px !important; }
  .mg-16-24 {
    margin: 16px 24px !important; }
  .pd-16-24 {
    padding: 16px 24px !important; }
  .mg-16-32 {
    margin: 16px 32px !important; }
  .pd-16-32 {
    padding: 16px 32px !important; }
  .mg-16-40 {
    margin: 16px 40px !important; }
  .pd-16-40 {
    padding: 16px 40px !important; }
  .mg-16-56 {
    margin: 16px 56px !important; }
  .pd-16-56 {
    padding: 16px 56px !important; }
  .mg-16-64 {
    margin: 16px 64px !important; }
  .pd-16-64 {
    padding: 16px 64px !important; }
  .mg-16-80 {
    margin: 16px 80px !important; }
  .pd-16-80 {
    padding: 16px 80px !important; }
  .mg-16-120 {
    margin: 16px 120px !important; }
  .pd-16-120 {
    padding: 16px 120px !important; }
  .mg-16-160 {
    margin: 16px 160px !important; }
  .pd-16-160 {
    padding: 16px 160px !important; }
  .mg-16-140 {
    margin: 16px 140px !important; }
  .pd-16-140 {
    padding: 16px 140px !important; }
  .mg-24-0 {
    margin: 24px 0px !important; }
  .pd-24-0 {
    padding: 24px 0px !important; }
  .mg-24-2 {
    margin: 24px 2px !important; }
  .pd-24-2 {
    padding: 24px 2px !important; }
  .mg-24-4 {
    margin: 24px 4px !important; }
  .pd-24-4 {
    padding: 24px 4px !important; }
  .mg-24-6 {
    margin: 24px 6px !important; }
  .pd-24-6 {
    padding: 24px 6px !important; }
  .mg-24-8 {
    margin: 24px 8px !important; }
  .pd-24-8 {
    padding: 24px 8px !important; }
  .mg-24-12 {
    margin: 24px 12px !important; }
  .pd-24-12 {
    padding: 24px 12px !important; }
  .mg-24-16 {
    margin: 24px 16px !important; }
  .pd-24-16 {
    padding: 24px 16px !important; }
  .mg-24-24 {
    margin: 24px 24px !important; }
  .pd-24-24 {
    padding: 24px 24px !important; }
  .mg-24-32 {
    margin: 24px 32px !important; }
  .pd-24-32 {
    padding: 24px 32px !important; }
  .mg-24-40 {
    margin: 24px 40px !important; }
  .pd-24-40 {
    padding: 24px 40px !important; }
  .mg-24-56 {
    margin: 24px 56px !important; }
  .pd-24-56 {
    padding: 24px 56px !important; }
  .mg-24-64 {
    margin: 24px 64px !important; }
  .pd-24-64 {
    padding: 24px 64px !important; }
  .mg-24-80 {
    margin: 24px 80px !important; }
  .pd-24-80 {
    padding: 24px 80px !important; }
  .mg-24-120 {
    margin: 24px 120px !important; }
  .pd-24-120 {
    padding: 24px 120px !important; }
  .mg-24-160 {
    margin: 24px 160px !important; }
  .pd-24-160 {
    padding: 24px 160px !important; }
  .mg-24-140 {
    margin: 24px 140px !important; }
  .pd-24-140 {
    padding: 24px 140px !important; }
  .mg-32-0 {
    margin: 32px 0px !important; }
  .pd-32-0 {
    padding: 32px 0px !important; }
  .mg-32-2 {
    margin: 32px 2px !important; }
  .pd-32-2 {
    padding: 32px 2px !important; }
  .mg-32-4 {
    margin: 32px 4px !important; }
  .pd-32-4 {
    padding: 32px 4px !important; }
  .mg-32-6 {
    margin: 32px 6px !important; }
  .pd-32-6 {
    padding: 32px 6px !important; }
  .mg-32-8 {
    margin: 32px 8px !important; }
  .pd-32-8 {
    padding: 32px 8px !important; }
  .mg-32-12 {
    margin: 32px 12px !important; }
  .pd-32-12 {
    padding: 32px 12px !important; }
  .mg-32-16 {
    margin: 32px 16px !important; }
  .pd-32-16 {
    padding: 32px 16px !important; }
  .mg-32-24 {
    margin: 32px 24px !important; }
  .pd-32-24 {
    padding: 32px 24px !important; }
  .mg-32-32 {
    margin: 32px 32px !important; }
  .pd-32-32 {
    padding: 32px 32px !important; }
  .mg-32-40 {
    margin: 32px 40px !important; }
  .pd-32-40 {
    padding: 32px 40px !important; }
  .mg-32-56 {
    margin: 32px 56px !important; }
  .pd-32-56 {
    padding: 32px 56px !important; }
  .mg-32-64 {
    margin: 32px 64px !important; }
  .pd-32-64 {
    padding: 32px 64px !important; }
  .mg-32-80 {
    margin: 32px 80px !important; }
  .pd-32-80 {
    padding: 32px 80px !important; }
  .mg-32-120 {
    margin: 32px 120px !important; }
  .pd-32-120 {
    padding: 32px 120px !important; }
  .mg-32-160 {
    margin: 32px 160px !important; }
  .pd-32-160 {
    padding: 32px 160px !important; }
  .mg-32-140 {
    margin: 32px 140px !important; }
  .pd-32-140 {
    padding: 32px 140px !important; }
  .mg-40-0 {
    margin: 40px 0px !important; }
  .pd-40-0 {
    padding: 40px 0px !important; }
  .mg-40-2 {
    margin: 40px 2px !important; }
  .pd-40-2 {
    padding: 40px 2px !important; }
  .mg-40-4 {
    margin: 40px 4px !important; }
  .pd-40-4 {
    padding: 40px 4px !important; }
  .mg-40-6 {
    margin: 40px 6px !important; }
  .pd-40-6 {
    padding: 40px 6px !important; }
  .mg-40-8 {
    margin: 40px 8px !important; }
  .pd-40-8 {
    padding: 40px 8px !important; }
  .mg-40-12 {
    margin: 40px 12px !important; }
  .pd-40-12 {
    padding: 40px 12px !important; }
  .mg-40-16 {
    margin: 40px 16px !important; }
  .pd-40-16 {
    padding: 40px 16px !important; }
  .mg-40-24 {
    margin: 40px 24px !important; }
  .pd-40-24 {
    padding: 40px 24px !important; }
  .mg-40-32 {
    margin: 40px 32px !important; }
  .pd-40-32 {
    padding: 40px 32px !important; }
  .mg-40-40 {
    margin: 40px 40px !important; }
  .pd-40-40 {
    padding: 40px 40px !important; }
  .mg-40-56 {
    margin: 40px 56px !important; }
  .pd-40-56 {
    padding: 40px 56px !important; }
  .mg-40-64 {
    margin: 40px 64px !important; }
  .pd-40-64 {
    padding: 40px 64px !important; }
  .mg-40-80 {
    margin: 40px 80px !important; }
  .pd-40-80 {
    padding: 40px 80px !important; }
  .mg-40-120 {
    margin: 40px 120px !important; }
  .pd-40-120 {
    padding: 40px 120px !important; }
  .mg-40-160 {
    margin: 40px 160px !important; }
  .pd-40-160 {
    padding: 40px 160px !important; }
  .mg-40-140 {
    margin: 40px 140px !important; }
  .pd-40-140 {
    padding: 40px 140px !important; }
  .mg-56-0 {
    margin: 56px 0px !important; }
  .pd-56-0 {
    padding: 56px 0px !important; }
  .mg-56-2 {
    margin: 56px 2px !important; }
  .pd-56-2 {
    padding: 56px 2px !important; }
  .mg-56-4 {
    margin: 56px 4px !important; }
  .pd-56-4 {
    padding: 56px 4px !important; }
  .mg-56-6 {
    margin: 56px 6px !important; }
  .pd-56-6 {
    padding: 56px 6px !important; }
  .mg-56-8 {
    margin: 56px 8px !important; }
  .pd-56-8 {
    padding: 56px 8px !important; }
  .mg-56-12 {
    margin: 56px 12px !important; }
  .pd-56-12 {
    padding: 56px 12px !important; }
  .mg-56-16 {
    margin: 56px 16px !important; }
  .pd-56-16 {
    padding: 56px 16px !important; }
  .mg-56-24 {
    margin: 56px 24px !important; }
  .pd-56-24 {
    padding: 56px 24px !important; }
  .mg-56-32 {
    margin: 56px 32px !important; }
  .pd-56-32 {
    padding: 56px 32px !important; }
  .mg-56-40 {
    margin: 56px 40px !important; }
  .pd-56-40 {
    padding: 56px 40px !important; }
  .mg-56-56 {
    margin: 56px 56px !important; }
  .pd-56-56 {
    padding: 56px 56px !important; }
  .mg-56-64 {
    margin: 56px 64px !important; }
  .pd-56-64 {
    padding: 56px 64px !important; }
  .mg-56-80 {
    margin: 56px 80px !important; }
  .pd-56-80 {
    padding: 56px 80px !important; }
  .mg-56-120 {
    margin: 56px 120px !important; }
  .pd-56-120 {
    padding: 56px 120px !important; }
  .mg-56-160 {
    margin: 56px 160px !important; }
  .pd-56-160 {
    padding: 56px 160px !important; }
  .mg-56-140 {
    margin: 56px 140px !important; }
  .pd-56-140 {
    padding: 56px 140px !important; }
  .mg-64-0 {
    margin: 64px 0px !important; }
  .pd-64-0 {
    padding: 64px 0px !important; }
  .mg-64-2 {
    margin: 64px 2px !important; }
  .pd-64-2 {
    padding: 64px 2px !important; }
  .mg-64-4 {
    margin: 64px 4px !important; }
  .pd-64-4 {
    padding: 64px 4px !important; }
  .mg-64-6 {
    margin: 64px 6px !important; }
  .pd-64-6 {
    padding: 64px 6px !important; }
  .mg-64-8 {
    margin: 64px 8px !important; }
  .pd-64-8 {
    padding: 64px 8px !important; }
  .mg-64-12 {
    margin: 64px 12px !important; }
  .pd-64-12 {
    padding: 64px 12px !important; }
  .mg-64-16 {
    margin: 64px 16px !important; }
  .pd-64-16 {
    padding: 64px 16px !important; }
  .mg-64-24 {
    margin: 64px 24px !important; }
  .pd-64-24 {
    padding: 64px 24px !important; }
  .mg-64-32 {
    margin: 64px 32px !important; }
  .pd-64-32 {
    padding: 64px 32px !important; }
  .mg-64-40 {
    margin: 64px 40px !important; }
  .pd-64-40 {
    padding: 64px 40px !important; }
  .mg-64-56 {
    margin: 64px 56px !important; }
  .pd-64-56 {
    padding: 64px 56px !important; }
  .mg-64-64 {
    margin: 64px 64px !important; }
  .pd-64-64 {
    padding: 64px 64px !important; }
  .mg-64-80 {
    margin: 64px 80px !important; }
  .pd-64-80 {
    padding: 64px 80px !important; }
  .mg-64-120 {
    margin: 64px 120px !important; }
  .pd-64-120 {
    padding: 64px 120px !important; }
  .mg-64-160 {
    margin: 64px 160px !important; }
  .pd-64-160 {
    padding: 64px 160px !important; }
  .mg-64-140 {
    margin: 64px 140px !important; }
  .pd-64-140 {
    padding: 64px 140px !important; }
  .mg-80-0 {
    margin: 80px 0px !important; }
  .pd-80-0 {
    padding: 80px 0px !important; }
  .mg-80-2 {
    margin: 80px 2px !important; }
  .pd-80-2 {
    padding: 80px 2px !important; }
  .mg-80-4 {
    margin: 80px 4px !important; }
  .pd-80-4 {
    padding: 80px 4px !important; }
  .mg-80-6 {
    margin: 80px 6px !important; }
  .pd-80-6 {
    padding: 80px 6px !important; }
  .mg-80-8 {
    margin: 80px 8px !important; }
  .pd-80-8 {
    padding: 80px 8px !important; }
  .mg-80-12 {
    margin: 80px 12px !important; }
  .pd-80-12 {
    padding: 80px 12px !important; }
  .mg-80-16 {
    margin: 80px 16px !important; }
  .pd-80-16 {
    padding: 80px 16px !important; }
  .mg-80-24 {
    margin: 80px 24px !important; }
  .pd-80-24 {
    padding: 80px 24px !important; }
  .mg-80-32 {
    margin: 80px 32px !important; }
  .pd-80-32 {
    padding: 80px 32px !important; }
  .mg-80-40 {
    margin: 80px 40px !important; }
  .pd-80-40 {
    padding: 80px 40px !important; }
  .mg-80-56 {
    margin: 80px 56px !important; }
  .pd-80-56 {
    padding: 80px 56px !important; }
  .mg-80-64 {
    margin: 80px 64px !important; }
  .pd-80-64 {
    padding: 80px 64px !important; }
  .mg-80-80 {
    margin: 80px 80px !important; }
  .pd-80-80 {
    padding: 80px 80px !important; }
  .mg-80-120 {
    margin: 80px 120px !important; }
  .pd-80-120 {
    padding: 80px 120px !important; }
  .mg-80-160 {
    margin: 80px 160px !important; }
  .pd-80-160 {
    padding: 80px 160px !important; }
  .mg-80-140 {
    margin: 80px 140px !important; }
  .pd-80-140 {
    padding: 80px 140px !important; }
  .mg-120-0 {
    margin: 120px 0px !important; }
  .pd-120-0 {
    padding: 120px 0px !important; }
  .mg-120-2 {
    margin: 120px 2px !important; }
  .pd-120-2 {
    padding: 120px 2px !important; }
  .mg-120-4 {
    margin: 120px 4px !important; }
  .pd-120-4 {
    padding: 120px 4px !important; }
  .mg-120-6 {
    margin: 120px 6px !important; }
  .pd-120-6 {
    padding: 120px 6px !important; }
  .mg-120-8 {
    margin: 120px 8px !important; }
  .pd-120-8 {
    padding: 120px 8px !important; }
  .mg-120-12 {
    margin: 120px 12px !important; }
  .pd-120-12 {
    padding: 120px 12px !important; }
  .mg-120-16 {
    margin: 120px 16px !important; }
  .pd-120-16 {
    padding: 120px 16px !important; }
  .mg-120-24 {
    margin: 120px 24px !important; }
  .pd-120-24 {
    padding: 120px 24px !important; }
  .mg-120-32 {
    margin: 120px 32px !important; }
  .pd-120-32 {
    padding: 120px 32px !important; }
  .mg-120-40 {
    margin: 120px 40px !important; }
  .pd-120-40 {
    padding: 120px 40px !important; }
  .mg-120-56 {
    margin: 120px 56px !important; }
  .pd-120-56 {
    padding: 120px 56px !important; }
  .mg-120-64 {
    margin: 120px 64px !important; }
  .pd-120-64 {
    padding: 120px 64px !important; }
  .mg-120-80 {
    margin: 120px 80px !important; }
  .pd-120-80 {
    padding: 120px 80px !important; }
  .mg-120-120 {
    margin: 120px 120px !important; }
  .pd-120-120 {
    padding: 120px 120px !important; }
  .mg-120-160 {
    margin: 120px 160px !important; }
  .pd-120-160 {
    padding: 120px 160px !important; }
  .mg-120-140 {
    margin: 120px 140px !important; }
  .pd-120-140 {
    padding: 120px 140px !important; }
  .mg-160-0 {
    margin: 160px 0px !important; }
  .pd-160-0 {
    padding: 160px 0px !important; }
  .mg-160-2 {
    margin: 160px 2px !important; }
  .pd-160-2 {
    padding: 160px 2px !important; }
  .mg-160-4 {
    margin: 160px 4px !important; }
  .pd-160-4 {
    padding: 160px 4px !important; }
  .mg-160-6 {
    margin: 160px 6px !important; }
  .pd-160-6 {
    padding: 160px 6px !important; }
  .mg-160-8 {
    margin: 160px 8px !important; }
  .pd-160-8 {
    padding: 160px 8px !important; }
  .mg-160-12 {
    margin: 160px 12px !important; }
  .pd-160-12 {
    padding: 160px 12px !important; }
  .mg-160-16 {
    margin: 160px 16px !important; }
  .pd-160-16 {
    padding: 160px 16px !important; }
  .mg-160-24 {
    margin: 160px 24px !important; }
  .pd-160-24 {
    padding: 160px 24px !important; }
  .mg-160-32 {
    margin: 160px 32px !important; }
  .pd-160-32 {
    padding: 160px 32px !important; }
  .mg-160-40 {
    margin: 160px 40px !important; }
  .pd-160-40 {
    padding: 160px 40px !important; }
  .mg-160-56 {
    margin: 160px 56px !important; }
  .pd-160-56 {
    padding: 160px 56px !important; }
  .mg-160-64 {
    margin: 160px 64px !important; }
  .pd-160-64 {
    padding: 160px 64px !important; }
  .mg-160-80 {
    margin: 160px 80px !important; }
  .pd-160-80 {
    padding: 160px 80px !important; }
  .mg-160-120 {
    margin: 160px 120px !important; }
  .pd-160-120 {
    padding: 160px 120px !important; }
  .mg-160-160 {
    margin: 160px 160px !important; }
  .pd-160-160 {
    padding: 160px 160px !important; }
  .mg-160-140 {
    margin: 160px 140px !important; }
  .pd-160-140 {
    padding: 160px 140px !important; }
  .mg-140-0 {
    margin: 140px 0px !important; }
  .pd-140-0 {
    padding: 140px 0px !important; }
  .mg-140-2 {
    margin: 140px 2px !important; }
  .pd-140-2 {
    padding: 140px 2px !important; }
  .mg-140-4 {
    margin: 140px 4px !important; }
  .pd-140-4 {
    padding: 140px 4px !important; }
  .mg-140-6 {
    margin: 140px 6px !important; }
  .pd-140-6 {
    padding: 140px 6px !important; }
  .mg-140-8 {
    margin: 140px 8px !important; }
  .pd-140-8 {
    padding: 140px 8px !important; }
  .mg-140-12 {
    margin: 140px 12px !important; }
  .pd-140-12 {
    padding: 140px 12px !important; }
  .mg-140-16 {
    margin: 140px 16px !important; }
  .pd-140-16 {
    padding: 140px 16px !important; }
  .mg-140-24 {
    margin: 140px 24px !important; }
  .pd-140-24 {
    padding: 140px 24px !important; }
  .mg-140-32 {
    margin: 140px 32px !important; }
  .pd-140-32 {
    padding: 140px 32px !important; }
  .mg-140-40 {
    margin: 140px 40px !important; }
  .pd-140-40 {
    padding: 140px 40px !important; }
  .mg-140-56 {
    margin: 140px 56px !important; }
  .pd-140-56 {
    padding: 140px 56px !important; }
  .mg-140-64 {
    margin: 140px 64px !important; }
  .pd-140-64 {
    padding: 140px 64px !important; }
  .mg-140-80 {
    margin: 140px 80px !important; }
  .pd-140-80 {
    padding: 140px 80px !important; }
  .mg-140-120 {
    margin: 140px 120px !important; }
  .pd-140-120 {
    padding: 140px 120px !important; }
  .mg-140-160 {
    margin: 140px 160px !important; }
  .pd-140-160 {
    padding: 140px 160px !important; }
  .mg-140-140 {
    margin: 140px 140px !important; }
  .pd-140-140 {
    padding: 140px 140px !important; }
  .pd-0 {
    padding: 0px !important; }
  .pd-4 {
    padding: 4px !important; }
  .pd-6 {
    padding: 6px !important; }
  .pd-8 {
    padding: 8px !important; }
  .pd-12 {
    padding: 12px !important; }
  .pd-16 {
    padding: 16px !important; }
  .pd-24 {
    padding: 24px !important; }
  .pd-32 {
    padding: 32px !important; }
  .pd-40 {
    padding: 40px !important; }
  .pd-48 {
    padding: 48px !important; }
  .pd-56 {
    padding: 56px !important; }
  .pd-64 {
    padding: 64px !important; }
  .pd-80 {
    padding: 80px !important; }
  .pd-120 {
    padding: 120px !important; }
  .pd-160 {
    padding: 160px !important; }
  .pd-280 {
    padding: 280px !important; }
  .pd-top-0 {
    padding-top: 0px !important; }
  .pd-top-4 {
    padding-top: 4px !important; }
  .pd-top-6 {
    padding-top: 6px !important; }
  .pd-top-8 {
    padding-top: 8px !important; }
  .pd-top-12 {
    padding-top: 12px !important; }
  .pd-top-16 {
    padding-top: 16px !important; }
  .pd-top-24 {
    padding-top: 24px !important; }
  .pd-top-32 {
    padding-top: 32px !important; }
  .pd-top-40 {
    padding-top: 40px !important; }
  .pd-top-48 {
    padding-top: 48px !important; }
  .pd-top-56 {
    padding-top: 56px !important; }
  .pd-top-64 {
    padding-top: 64px !important; }
  .pd-top-80 {
    padding-top: 80px !important; }
  .pd-top-120 {
    padding-top: 120px !important; }
  .pd-top-160 {
    padding-top: 160px !important; }
  .pd-top-280 {
    padding-top: 280px !important; }
  .pd-bottom-0 {
    padding-bottom: 0px !important; }
  .pd-bottom-4 {
    padding-bottom: 4px !important; }
  .pd-bottom-6 {
    padding-bottom: 6px !important; }
  .pd-bottom-8 {
    padding-bottom: 8px !important; }
  .pd-bottom-12 {
    padding-bottom: 12px !important; }
  .pd-bottom-16 {
    padding-bottom: 16px !important; }
  .pd-bottom-24 {
    padding-bottom: 24px !important; }
  .pd-bottom-32 {
    padding-bottom: 32px !important; }
  .pd-bottom-40 {
    padding-bottom: 40px !important; }
  .pd-bottom-48 {
    padding-bottom: 48px !important; }
  .pd-bottom-56 {
    padding-bottom: 56px !important; }
  .pd-bottom-64 {
    padding-bottom: 64px !important; }
  .pd-bottom-80 {
    padding-bottom: 80px !important; }
  .pd-bottom-120 {
    padding-bottom: 120px !important; }
  .pd-bottom-160 {
    padding-bottom: 160px !important; }
  .pd-bottom-280 {
    padding-bottom: 280px !important; }
  .pd-right-0 {
    padding-right: 0px !important; }
  .pd-right-4 {
    padding-right: 4px !important; }
  .pd-right-6 {
    padding-right: 6px !important; }
  .pd-right-8 {
    padding-right: 8px !important; }
  .pd-right-12 {
    padding-right: 12px !important; }
  .pd-right-16 {
    padding-right: 16px !important; }
  .pd-right-24 {
    padding-right: 24px !important; }
  .pd-right-32 {
    padding-right: 32px !important; }
  .pd-right-40 {
    padding-right: 40px !important; }
  .pd-right-48 {
    padding-right: 48px !important; }
  .pd-right-56 {
    padding-right: 56px !important; }
  .pd-right-64 {
    padding-right: 64px !important; }
  .pd-right-80 {
    padding-right: 80px !important; }
  .pd-right-120 {
    padding-right: 120px !important; }
  .pd-right-160 {
    padding-right: 160px !important; }
  .pd-right-280 {
    padding-right: 280px !important; }
  .pd-left-0 {
    padding-left: 0px !important; }
  .pd-left-4 {
    padding-left: 4px !important; }
  .pd-left-6 {
    padding-left: 6px !important; }
  .pd-left-8 {
    padding-left: 8px !important; }
  .pd-left-12 {
    padding-left: 12px !important; }
  .pd-left-16 {
    padding-left: 16px !important; }
  .pd-left-24 {
    padding-left: 24px !important; }
  .pd-left-32 {
    padding-left: 32px !important; }
  .pd-left-40 {
    padding-left: 40px !important; }
  .pd-left-48 {
    padding-left: 48px !important; }
  .pd-left-56 {
    padding-left: 56px !important; }
  .pd-left-64 {
    padding-left: 64px !important; }
  .pd-left-80 {
    padding-left: 80px !important; }
  .pd-left-120 {
    padding-left: 120px !important; }
  .pd-left-160 {
    padding-left: 160px !important; }
  .pd-left-280 {
    padding-left: 280px !important; }
  .mg-0 {
    margin: 0px !important; }
  .mg-4 {
    margin: 4px !important; }
  .mg-6 {
    margin: 6px !important; }
  .mg-8 {
    margin: 8px !important; }
  .mg-12 {
    margin: 12px !important; }
  .mg-16 {
    margin: 16px !important; }
  .mg-24 {
    margin: 24px !important; }
  .mg-32 {
    margin: 32px !important; }
  .mg-40 {
    margin: 40px !important; }
  .mg-48 {
    margin: 48px !important; }
  .mg-56 {
    margin: 56px !important; }
  .mg-64 {
    margin: 64px !important; }
  .mg-80 {
    margin: 80px !important; }
  .mg-120 {
    margin: 120px !important; }
  .mg-160 {
    margin: 160px !important; }
  .mg-280 {
    margin: 280px !important; }
  .mg-top-0 {
    margin-top: 0px !important; }
  .mg-top-4 {
    margin-top: 4px !important; }
  .mg-top-6 {
    margin-top: 6px !important; }
  .mg-top-8 {
    margin-top: 8px !important; }
  .mg-top-12 {
    margin-top: 12px !important; }
  .mg-top-16 {
    margin-top: 16px !important; }
  .mg-top-24 {
    margin-top: 24px !important; }
  .mg-top-32 {
    margin-top: 32px !important; }
  .mg-top-40 {
    margin-top: 40px !important; }
  .mg-top-48 {
    margin-top: 48px !important; }
  .mg-top-56 {
    margin-top: 56px !important; }
  .mg-top-64 {
    margin-top: 64px !important; }
  .mg-top-80 {
    margin-top: 80px !important; }
  .mg-top-120 {
    margin-top: 120px !important; }
  .mg-top-160 {
    margin-top: 160px !important; }
  .mg-top-280 {
    margin-top: 280px !important; }
  .mg-bottom-0 {
    margin-bottom: 0px !important; }
  .mg-bottom-4 {
    margin-bottom: 4px !important; }
  .mg-bottom-6 {
    margin-bottom: 6px !important; }
  .mg-bottom-8 {
    margin-bottom: 8px !important; }
  .mg-bottom-12 {
    margin-bottom: 12px !important; }
  .mg-bottom-16 {
    margin-bottom: 16px !important; }
  .mg-bottom-24 {
    margin-bottom: 24px !important; }
  .mg-bottom-32 {
    margin-bottom: 32px !important; }
  .mg-bottom-40 {
    margin-bottom: 40px !important; }
  .mg-bottom-48 {
    margin-bottom: 48px !important; }
  .mg-bottom-56 {
    margin-bottom: 56px !important; }
  .mg-bottom-64 {
    margin-bottom: 64px !important; }
  .mg-bottom-80 {
    margin-bottom: 80px !important; }
  .mg-bottom-120 {
    margin-bottom: 120px !important; }
  .mg-bottom-160 {
    margin-bottom: 160px !important; }
  .mg-bottom-280 {
    margin-bottom: 280px !important; }
  .mg-right-0 {
    margin-right: 0px !important; }
  .mg-right-4 {
    margin-right: 4px !important; }
  .mg-right-6 {
    margin-right: 6px !important; }
  .mg-right-8 {
    margin-right: 8px !important; }
  .mg-right-12 {
    margin-right: 12px !important; }
  .mg-right-16 {
    margin-right: 16px !important; }
  .mg-right-24 {
    margin-right: 24px !important; }
  .mg-right-32 {
    margin-right: 32px !important; }
  .mg-right-40 {
    margin-right: 40px !important; }
  .mg-right-48 {
    margin-right: 48px !important; }
  .mg-right-56 {
    margin-right: 56px !important; }
  .mg-right-64 {
    margin-right: 64px !important; }
  .mg-right-80 {
    margin-right: 80px !important; }
  .mg-right-120 {
    margin-right: 120px !important; }
  .mg-right-160 {
    margin-right: 160px !important; }
  .mg-right-280 {
    margin-right: 280px !important; }
  .mg-left-0 {
    margin-left: 0px !important; }
  .mg-left-4 {
    margin-left: 4px !important; }
  .mg-left-6 {
    margin-left: 6px !important; }
  .mg-left-8 {
    margin-left: 8px !important; }
  .mg-left-12 {
    margin-left: 12px !important; }
  .mg-left-16 {
    margin-left: 16px !important; }
  .mg-left-24 {
    margin-left: 24px !important; }
  .mg-left-32 {
    margin-left: 32px !important; }
  .mg-left-40 {
    margin-left: 40px !important; }
  .mg-left-48 {
    margin-left: 48px !important; }
  .mg-left-56 {
    margin-left: 56px !important; }
  .mg-left-64 {
    margin-left: 64px !important; }
  .mg-left-80 {
    margin-left: 80px !important; }
  .mg-left-120 {
    margin-left: 120px !important; }
  .mg-left-160 {
    margin-left: 160px !important; }
  .mg-left-280 {
    margin-left: 280px !important; }
  .w-1 {
    max-width: 100%;
    width: 1em !important; }
  .w-4 {
    max-width: 100%;
    width: 4em !important; }
  .w-6 {
    max-width: 100%;
    width: 6em !important; }
  .w-8 {
    max-width: 100%;
    width: 8em !important; }
  .w-12 {
    max-width: 100%;
    width: 12em !important; }
  .w-16 {
    max-width: 100%;
    width: 16em !important; }
  .w-20 {
    max-width: 100%;
    width: 20em !important; }
  .w-22 {
    max-width: 100%;
    width: 22em !important; }
  .w-24 {
    max-width: 100%;
    width: 24em !important; }
  .w-32 {
    max-width: 100%;
    width: 32em !important; }
  .w-40 {
    max-width: 100%;
    width: 40em !important; }
  .row,
  .row-wide,
  .row-narrow,
  .row-sticked {
    *zoom: 1; }
  .row:before, .row:after,
  .row-wide:before,
  .row-wide:after,
  .row-narrow:before,
  .row-narrow:after,
  .row-sticked:before,
  .row-sticked:after {
    content: "";
    display: table; }
  .row:after,
  .row-wide:after,
  .row-narrow:after,
  .row-sticked:after {
    clear: both; }
  .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row-wide {
    margin-left: -16px;
    margin-right: -16px; }
  .row-narrow {
    margin-left: -4px;
    margin-right: -4px; }
  .row > .col-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-1,
  .row-wide > .col-1,
  .row-narrow > .col-1,
  .row-sticked > .col-1 {
    float: left;
    min-height: 1px; }
  .row > .col-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-2,
  .row-wide > .col-2,
  .row-narrow > .col-2,
  .row-sticked > .col-2 {
    float: left;
    min-height: 1px; }
  .row > .col-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-3,
  .row-wide > .col-3,
  .row-narrow > .col-3,
  .row-sticked > .col-3 {
    float: left;
    min-height: 1px; }
  .row > .col-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-4,
  .row-wide > .col-4,
  .row-narrow > .col-4,
  .row-sticked > .col-4 {
    float: left;
    min-height: 1px; }
  .row > .col-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-5,
  .row-wide > .col-5,
  .row-narrow > .col-5,
  .row-sticked > .col-5 {
    float: left;
    min-height: 1px; }
  .row > .col-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-6,
  .row-wide > .col-6,
  .row-narrow > .col-6,
  .row-sticked > .col-6 {
    float: left;
    min-height: 1px; }
  .row > .col-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-7,
  .row-wide > .col-7,
  .row-narrow > .col-7,
  .row-sticked > .col-7 {
    float: left;
    min-height: 1px; }
  .row > .col-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-8,
  .row-wide > .col-8,
  .row-narrow > .col-8,
  .row-sticked > .col-8 {
    float: left;
    min-height: 1px; }
  .row > .col-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-9,
  .row-wide > .col-9,
  .row-narrow > .col-9,
  .row-sticked > .col-9 {
    float: left;
    min-height: 1px; }
  .row > .col-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-10,
  .row-wide > .col-10,
  .row-narrow > .col-10,
  .row-sticked > .col-10 {
    float: left;
    min-height: 1px; }
  .row > .col-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-11,
  .row-wide > .col-11,
  .row-narrow > .col-11,
  .row-sticked > .col-11 {
    float: left;
    min-height: 1px; }
  .row > .col-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-12,
  .row-wide > .col-12,
  .row-narrow > .col-12,
  .row-sticked > .col-12 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-1,
  .row-wide > .col-xlg-1,
  .row-narrow > .col-xlg-1,
  .row-sticked > .col-xlg-1 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-2,
  .row-wide > .col-xlg-2,
  .row-narrow > .col-xlg-2,
  .row-sticked > .col-xlg-2 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-3,
  .row-wide > .col-xlg-3,
  .row-narrow > .col-xlg-3,
  .row-sticked > .col-xlg-3 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-4,
  .row-wide > .col-xlg-4,
  .row-narrow > .col-xlg-4,
  .row-sticked > .col-xlg-4 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-5,
  .row-wide > .col-xlg-5,
  .row-narrow > .col-xlg-5,
  .row-sticked > .col-xlg-5 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-6,
  .row-wide > .col-xlg-6,
  .row-narrow > .col-xlg-6,
  .row-sticked > .col-xlg-6 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-7,
  .row-wide > .col-xlg-7,
  .row-narrow > .col-xlg-7,
  .row-sticked > .col-xlg-7 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-8,
  .row-wide > .col-xlg-8,
  .row-narrow > .col-xlg-8,
  .row-sticked > .col-xlg-8 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-9,
  .row-wide > .col-xlg-9,
  .row-narrow > .col-xlg-9,
  .row-sticked > .col-xlg-9 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-10,
  .row-wide > .col-xlg-10,
  .row-narrow > .col-xlg-10,
  .row-sticked > .col-xlg-10 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-11,
  .row-wide > .col-xlg-11,
  .row-narrow > .col-xlg-11,
  .row-sticked > .col-xlg-11 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-12,
  .row-wide > .col-xlg-12,
  .row-narrow > .col-xlg-12,
  .row-sticked > .col-xlg-12 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-1,
  .row-wide > .col-lg-1,
  .row-narrow > .col-lg-1,
  .row-sticked > .col-lg-1 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-2,
  .row-wide > .col-lg-2,
  .row-narrow > .col-lg-2,
  .row-sticked > .col-lg-2 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-3,
  .row-wide > .col-lg-3,
  .row-narrow > .col-lg-3,
  .row-sticked > .col-lg-3 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-4,
  .row-wide > .col-lg-4,
  .row-narrow > .col-lg-4,
  .row-sticked > .col-lg-4 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-5,
  .row-wide > .col-lg-5,
  .row-narrow > .col-lg-5,
  .row-sticked > .col-lg-5 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-6,
  .row-wide > .col-lg-6,
  .row-narrow > .col-lg-6,
  .row-sticked > .col-lg-6 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-7,
  .row-wide > .col-lg-7,
  .row-narrow > .col-lg-7,
  .row-sticked > .col-lg-7 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-8,
  .row-wide > .col-lg-8,
  .row-narrow > .col-lg-8,
  .row-sticked > .col-lg-8 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-9,
  .row-wide > .col-lg-9,
  .row-narrow > .col-lg-9,
  .row-sticked > .col-lg-9 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-10,
  .row-wide > .col-lg-10,
  .row-narrow > .col-lg-10,
  .row-sticked > .col-lg-10 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-11,
  .row-wide > .col-lg-11,
  .row-narrow > .col-lg-11,
  .row-sticked > .col-lg-11 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-12,
  .row-wide > .col-lg-12,
  .row-narrow > .col-lg-12,
  .row-sticked > .col-lg-12 {
    float: left;
    min-height: 1px; }
  .row > .col-md-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-1,
  .row-wide > .col-md-1,
  .row-narrow > .col-md-1,
  .row-sticked > .col-md-1 {
    float: left;
    min-height: 1px; }
  .row > .col-md-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-2,
  .row-wide > .col-md-2,
  .row-narrow > .col-md-2,
  .row-sticked > .col-md-2 {
    float: left;
    min-height: 1px; }
  .row > .col-md-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-3,
  .row-wide > .col-md-3,
  .row-narrow > .col-md-3,
  .row-sticked > .col-md-3 {
    float: left;
    min-height: 1px; }
  .row > .col-md-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-4,
  .row-wide > .col-md-4,
  .row-narrow > .col-md-4,
  .row-sticked > .col-md-4 {
    float: left;
    min-height: 1px; }
  .row > .col-md-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-5,
  .row-wide > .col-md-5,
  .row-narrow > .col-md-5,
  .row-sticked > .col-md-5 {
    float: left;
    min-height: 1px; }
  .row > .col-md-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-6,
  .row-wide > .col-md-6,
  .row-narrow > .col-md-6,
  .row-sticked > .col-md-6 {
    float: left;
    min-height: 1px; }
  .row > .col-md-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-7,
  .row-wide > .col-md-7,
  .row-narrow > .col-md-7,
  .row-sticked > .col-md-7 {
    float: left;
    min-height: 1px; }
  .row > .col-md-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-8,
  .row-wide > .col-md-8,
  .row-narrow > .col-md-8,
  .row-sticked > .col-md-8 {
    float: left;
    min-height: 1px; }
  .row > .col-md-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-9,
  .row-wide > .col-md-9,
  .row-narrow > .col-md-9,
  .row-sticked > .col-md-9 {
    float: left;
    min-height: 1px; }
  .row > .col-md-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-10,
  .row-wide > .col-md-10,
  .row-narrow > .col-md-10,
  .row-sticked > .col-md-10 {
    float: left;
    min-height: 1px; }
  .row > .col-md-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-11,
  .row-wide > .col-md-11,
  .row-narrow > .col-md-11,
  .row-sticked > .col-md-11 {
    float: left;
    min-height: 1px; }
  .row > .col-md-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-12,
  .row-wide > .col-md-12,
  .row-narrow > .col-md-12,
  .row-sticked > .col-md-12 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-1,
  .row-wide > .col-sm-1,
  .row-narrow > .col-sm-1,
  .row-sticked > .col-sm-1 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-2,
  .row-wide > .col-sm-2,
  .row-narrow > .col-sm-2,
  .row-sticked > .col-sm-2 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-3,
  .row-wide > .col-sm-3,
  .row-narrow > .col-sm-3,
  .row-sticked > .col-sm-3 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-4,
  .row-wide > .col-sm-4,
  .row-narrow > .col-sm-4,
  .row-sticked > .col-sm-4 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-5,
  .row-wide > .col-sm-5,
  .row-narrow > .col-sm-5,
  .row-sticked > .col-sm-5 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-6,
  .row-wide > .col-sm-6,
  .row-narrow > .col-sm-6,
  .row-sticked > .col-sm-6 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-7,
  .row-wide > .col-sm-7,
  .row-narrow > .col-sm-7,
  .row-sticked > .col-sm-7 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-8,
  .row-wide > .col-sm-8,
  .row-narrow > .col-sm-8,
  .row-sticked > .col-sm-8 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-9,
  .row-wide > .col-sm-9,
  .row-narrow > .col-sm-9,
  .row-sticked > .col-sm-9 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-10,
  .row-wide > .col-sm-10,
  .row-narrow > .col-sm-10,
  .row-sticked > .col-sm-10 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-11,
  .row-wide > .col-sm-11,
  .row-narrow > .col-sm-11,
  .row-sticked > .col-sm-11 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-12,
  .row-wide > .col-sm-12,
  .row-narrow > .col-sm-12,
  .row-sticked > .col-sm-12 {
    float: left;
    min-height: 1px; }
  .col-1 {
    width: calc(100% * 1/12); }
  .col-2 {
    width: calc(100% * 2/12); }
  .col-3 {
    width: calc(100% * 3/12); }
  .col-4 {
    width: calc(100% * 4/12); }
  .col-5 {
    width: calc(100% * 5/12); }
  .col-6 {
    width: calc(100% * 6/12); }
  .col-7 {
    width: calc(100% * 7/12); }
  .col-8 {
    width: calc(100% * 8/12); }
  .col-9 {
    width: calc(100% * 9/12); }
  .col-10 {
    width: calc(100% * 10/12); }
  .col-11 {
    width: calc(100% * 11/12); }
  .col-12 {
    width: calc(100% * 12/12); }
  .dt-col-1 {
    *zoom: 1; }
  .dt-col-1:before, .dt-col-1:after {
    content: "";
    display: table; }
  .dt-col-1:after {
    clear: both; }
  .dt-col-1 dt,
  .dt-col-1 dd {
    border-top: 1px solid transparent; }
  .dt-col-1 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 1/12); }
    .dt-col-1 dt:first-child {
      border-top: none; }
  .dt-col-1 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 1/12); }
    .dt-col-1 dd:nth-child(2) {
      border-top: none; }
  .dt-col-2 {
    *zoom: 1; }
  .dt-col-2:before, .dt-col-2:after {
    content: "";
    display: table; }
  .dt-col-2:after {
    clear: both; }
  .dt-col-2 dt,
  .dt-col-2 dd {
    border-top: 1px solid transparent; }
  .dt-col-2 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 2/12); }
    .dt-col-2 dt:first-child {
      border-top: none; }
  .dt-col-2 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 2/12); }
    .dt-col-2 dd:nth-child(2) {
      border-top: none; }
  .dt-col-3 {
    *zoom: 1; }
  .dt-col-3:before, .dt-col-3:after {
    content: "";
    display: table; }
  .dt-col-3:after {
    clear: both; }
  .dt-col-3 dt,
  .dt-col-3 dd {
    border-top: 1px solid transparent; }
  .dt-col-3 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 3/12); }
    .dt-col-3 dt:first-child {
      border-top: none; }
  .dt-col-3 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 3/12); }
    .dt-col-3 dd:nth-child(2) {
      border-top: none; }
  .dt-col-4 {
    *zoom: 1; }
  .dt-col-4:before, .dt-col-4:after {
    content: "";
    display: table; }
  .dt-col-4:after {
    clear: both; }
  .dt-col-4 dt,
  .dt-col-4 dd {
    border-top: 1px solid transparent; }
  .dt-col-4 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 4/12); }
    .dt-col-4 dt:first-child {
      border-top: none; }
  .dt-col-4 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 4/12); }
    .dt-col-4 dd:nth-child(2) {
      border-top: none; }
  .dt-col-5 {
    *zoom: 1; }
  .dt-col-5:before, .dt-col-5:after {
    content: "";
    display: table; }
  .dt-col-5:after {
    clear: both; }
  .dt-col-5 dt,
  .dt-col-5 dd {
    border-top: 1px solid transparent; }
  .dt-col-5 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 5/12); }
    .dt-col-5 dt:first-child {
      border-top: none; }
  .dt-col-5 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 5/12); }
    .dt-col-5 dd:nth-child(2) {
      border-top: none; }
  .dt-col-6 {
    *zoom: 1; }
  .dt-col-6:before, .dt-col-6:after {
    content: "";
    display: table; }
  .dt-col-6:after {
    clear: both; }
  .dt-col-6 dt,
  .dt-col-6 dd {
    border-top: 1px solid transparent; }
  .dt-col-6 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 6/12); }
    .dt-col-6 dt:first-child {
      border-top: none; }
  .dt-col-6 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 6/12); }
    .dt-col-6 dd:nth-child(2) {
      border-top: none; }
  .dt-col-7 {
    *zoom: 1; }
  .dt-col-7:before, .dt-col-7:after {
    content: "";
    display: table; }
  .dt-col-7:after {
    clear: both; }
  .dt-col-7 dt,
  .dt-col-7 dd {
    border-top: 1px solid transparent; }
  .dt-col-7 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 7/12); }
    .dt-col-7 dt:first-child {
      border-top: none; }
  .dt-col-7 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 7/12); }
    .dt-col-7 dd:nth-child(2) {
      border-top: none; }
  .dt-col-8 {
    *zoom: 1; }
  .dt-col-8:before, .dt-col-8:after {
    content: "";
    display: table; }
  .dt-col-8:after {
    clear: both; }
  .dt-col-8 dt,
  .dt-col-8 dd {
    border-top: 1px solid transparent; }
  .dt-col-8 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 8/12); }
    .dt-col-8 dt:first-child {
      border-top: none; }
  .dt-col-8 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 8/12); }
    .dt-col-8 dd:nth-child(2) {
      border-top: none; }
  .dt-col-9 {
    *zoom: 1; }
  .dt-col-9:before, .dt-col-9:after {
    content: "";
    display: table; }
  .dt-col-9:after {
    clear: both; }
  .dt-col-9 dt,
  .dt-col-9 dd {
    border-top: 1px solid transparent; }
  .dt-col-9 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 9/12); }
    .dt-col-9 dt:first-child {
      border-top: none; }
  .dt-col-9 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 9/12); }
    .dt-col-9 dd:nth-child(2) {
      border-top: none; }
  .dt-col-10 {
    *zoom: 1; }
  .dt-col-10:before, .dt-col-10:after {
    content: "";
    display: table; }
  .dt-col-10:after {
    clear: both; }
  .dt-col-10 dt,
  .dt-col-10 dd {
    border-top: 1px solid transparent; }
  .dt-col-10 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 10/12); }
    .dt-col-10 dt:first-child {
      border-top: none; }
  .dt-col-10 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 10/12); }
    .dt-col-10 dd:nth-child(2) {
      border-top: none; }
  .dt-col-11 {
    *zoom: 1; }
  .dt-col-11:before, .dt-col-11:after {
    content: "";
    display: table; }
  .dt-col-11:after {
    clear: both; }
  .dt-col-11 dt,
  .dt-col-11 dd {
    border-top: 1px solid transparent; }
  .dt-col-11 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 11/12); }
    .dt-col-11 dt:first-child {
      border-top: none; }
  .dt-col-11 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 11/12); }
    .dt-col-11 dd:nth-child(2) {
      border-top: none; }
  .dt-col-12 {
    *zoom: 1; }
  .dt-col-12:before, .dt-col-12:after {
    content: "";
    display: table; }
  .dt-col-12:after {
    clear: both; }
  .dt-col-12 dt,
  .dt-col-12 dd {
    border-top: 1px solid transparent; }
  .dt-col-12 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 12/12); }
    .dt-col-12 dt:first-child {
      border-top: none; }
  .dt-col-12 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 12/12); }
    .dt-col-12 dd:nth-child(2) {
      border-top: none; }
  /* ================================================= *
    Font
** ================================================= */
  .txt-xxxl {
    font-size: 54px !important; }
  .txt-xxl {
    font-size: 40px !important; }
  .txt-xl {
    font-size: 26px !important; }
  .txt-l {
    font-size: 20px !important; }
  .txt-m {
    font-size: 16px !important; }
  .txt-s {
    font-size: 14px !important; }
  .txt-xs {
    font-size: 12px !important; }
  .txt-xxs {
    font-size: 11px !important; }
  .txt-h-xxxl {
    line-height: 54px !important; }
  .txt-h-xxl {
    line-height: 40px !important; }
  .txt-h-xl {
    line-height: 26px !important; }
  .txt-h-l {
    line-height: 20px !important; }
  .txt-h-m {
    line-height: 16px !important; }
  .txt-h-s {
    line-height: 14px !important; }
  .txt-h-xs {
    line-height: 12px !important; }
  .txt-h-xxs {
    line-height: 11px !important; }
  .txt-h-1 {
    line-height: 1 !important; }
  .txt-h-auto {
    line-height: inherit; }
  .txt-h-1 {
    vertical-align: top; }
  .txt-h-xxs {
    vertical-align: top; }
  .txt-h-xs {
    vertical-align: top; }
  .txt-h-s {
    vertical-align: top; }
  .txt-h-m {
    vertical-align: top; }
  .txt-h-l {
    vertical-align: top; }
  .txt-h-xl {
    vertical-align: top; }
  .txt-h-xl {
    vertical-align: top; }
  .txt-h-xxl {
    vertical-align: top; }
  [class^="icon-"].txt-h-s, [class*=" icon-"].txt-h-s {
    line-height: 13px !important; }
  .txt-bold {
    font-weight: bolder; }
  .txt-light {
    font-weight: lighter; }
  .txt-italic {
    font-style: italic; }
  .txt-en {
    font-family: "roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .txt-left {
    text-align: left !important; }
  .txt-right {
    text-align: right !important; }
  .txt-center {
    text-align: center !important; }
  .txt-justify {
    text-align: justify !important; }
  .pc-txt-left {
    text-align: left !important; }
  .pc-txt-right {
    text-align: right !important; }
  .pc-txt-center {
    text-align: center !important; }
  .pc-txt-justify {
    text-align: justify !important; }
  .bg-p12 {
    background-color: #1d2087 !important; }
  .bd-p12 {
    border-color: #1d2087 !important; }
  .txt-p12 {
    color: #1d2087 !important; }
  .pc-bg-p12 {
    background-color: #1d2087 !important; }
  .pc-bd-p12 {
    border-color: #1d2087 !important; }
  .pc-txt-p12 {
    color: #1d2087 !important; }
  .bg-p10 {
    background-color: #1b3151 !important; }
  .bd-p10 {
    border-color: #1b3151 !important; }
  .txt-p10 {
    color: #1b3151 !important; }
  .pc-bg-p10 {
    background-color: #1b3151 !important; }
  .pc-bd-p10 {
    border-color: #1b3151 !important; }
  .pc-txt-p10 {
    color: #1b3151 !important; }
  .bg-p8 {
    background-color: #1d2087 !important; }
  .bd-p8 {
    border-color: #1d2087 !important; }
  .txt-p8 {
    color: #1d2087 !important; }
  .pc-bg-p8 {
    background-color: #1d2087 !important; }
  .pc-bd-p8 {
    border-color: #1d2087 !important; }
  .pc-txt-p8 {
    color: #1d2087 !important; }
  .bg-p6 {
    background-color: #1d2087 !important; }
  .bd-p6 {
    border-color: #1d2087 !important; }
  .txt-p6 {
    color: #1d2087 !important; }
  .pc-bg-p6 {
    background-color: #1d2087 !important; }
  .pc-bd-p6 {
    border-color: #1d2087 !important; }
  .pc-txt-p6 {
    color: #1d2087 !important; }
  .bg-p4 {
    background-color: #4553ba !important; }
  .bd-p4 {
    border-color: #4553ba !important; }
  .txt-p4 {
    color: #4553ba !important; }
  .pc-bg-p4 {
    background-color: #4553ba !important; }
  .pc-bd-p4 {
    border-color: #4553ba !important; }
  .pc-txt-p4 {
    color: #4553ba !important; }
  .bg-p2 {
    background-color: #f7f9fc !important; }
  .bd-p2 {
    border-color: #f7f9fc !important; }
  .txt-p2 {
    color: #f7f9fc !important; }
  .pc-bg-p2 {
    background-color: #f7f9fc !important; }
  .pc-bd-p2 {
    border-color: #f7f9fc !important; }
  .pc-txt-p2 {
    color: #f7f9fc !important; }
  .bg-error {
    background-color: #dd1000 !important; }
  .bd-error {
    border-color: #dd1000 !important; }
  .txt-error {
    color: #dd1000 !important; }
  .pc-bg-error {
    background-color: #dd1000 !important; }
  .pc-bd-error {
    border-color: #dd1000 !important; }
  .pc-txt-error {
    color: #dd1000 !important; }
  .bg-b12 {
    background-color: #000000 !important; }
  .bd-b12 {
    border-color: #000000 !important; }
  .txt-b12 {
    color: #000000 !important; }
  .pc-bg-b12 {
    background-color: #000000 !important; }
  .pc-bd-b12 {
    border-color: #000000 !important; }
  .pc-txt-b12 {
    color: #000000 !important; }
  .bg-b10 {
    background-color: #2c3135 !important; }
  .bd-b10 {
    border-color: #2c3135 !important; }
  .txt-b10 {
    color: #2c3135 !important; }
  .pc-bg-b10 {
    background-color: #2c3135 !important; }
  .pc-bd-b10 {
    border-color: #2c3135 !important; }
  .pc-txt-b10 {
    color: #2c3135 !important; }
  .bg-b8 {
    background-color: #4f565b !important; }
  .bd-b8 {
    border-color: #4f565b !important; }
  .txt-b8 {
    color: #4f565b !important; }
  .pc-bg-b8 {
    background-color: #4f565b !important; }
  .pc-bd-b8 {
    border-color: #4f565b !important; }
  .pc-txt-b8 {
    color: #4f565b !important; }
  .bg-b6 {
    background-color: #858d93 !important; }
  .bd-b6 {
    border-color: #858d93 !important; }
  .txt-b6 {
    color: #858d93 !important; }
  .pc-bg-b6 {
    background-color: #858d93 !important; }
  .pc-bd-b6 {
    border-color: #858d93 !important; }
  .pc-txt-b6 {
    color: #858d93 !important; }
  .bg-b4 {
    background-color: #f5f7f7 !important; }
  .bd-b4 {
    border-color: #f5f7f7 !important; }
  .txt-b4 {
    color: #f5f7f7 !important; }
  .pc-bg-b4 {
    background-color: #f5f7f7 !important; }
  .pc-bd-b4 {
    border-color: #f5f7f7 !important; }
  .pc-txt-b4 {
    color: #f5f7f7 !important; }
  .bg-w8 {
    background-color: #c0c6ce !important; }
  .bd-w8 {
    border-color: #c0c6ce !important; }
  .txt-w8 {
    color: #c0c6ce !important; }
  .pc-bg-w8 {
    background-color: #c0c6ce !important; }
  .pc-bd-w8 {
    border-color: #c0c6ce !important; }
  .pc-txt-w8 {
    color: #c0c6ce !important; }
  .bg-w6 {
    background-color: #d7dce2 !important; }
  .bd-w6 {
    border-color: #d7dce2 !important; }
  .txt-w6 {
    color: #d7dce2 !important; }
  .pc-bg-w6 {
    background-color: #d7dce2 !important; }
  .pc-bd-w6 {
    border-color: #d7dce2 !important; }
  .pc-txt-w6 {
    color: #d7dce2 !important; }
  .bg-w4 {
    background-color: #f7f7f9 !important; }
  .bd-w4 {
    border-color: #f7f7f9 !important; }
  .txt-w4 {
    color: #f7f7f9 !important; }
  .pc-bg-w4 {
    background-color: #f7f7f9 !important; }
  .pc-bd-w4 {
    border-color: #f7f7f9 !important; }
  .pc-txt-w4 {
    color: #f7f7f9 !important; }
  .bg-w2 {
    background-color: #ffffff !important; }
  .bd-w2 {
    border-color: #ffffff !important; }
  .txt-w2 {
    color: #ffffff !important; }
  .pc-bg-w2 {
    background-color: #ffffff !important; }
  .pc-bd-w2 {
    border-color: #ffffff !important; }
  .pc-txt-w2 {
    color: #ffffff !important; }
  .bg-b12,
  .bg-b10,
  .bg-b8,
  .bg-p12 {
    color: #ffffff; }
  .bg-w-opa-m {
    background-color: rgba(255, 255, 255, 0.9) !important; }
  .bg-w-opa-g {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, white 100%) !important; }
  .bg-b-opa-m {
    background-color: rgba(0, 0, 0, 0.75) !important; }
  .bg-b-opa-s {
    background-color: rgba(0, 0, 0, 0.4) !important; }
  .bg-b-opa-g {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%) !important; }
  .bg-g-opa-g {
    background: linear-gradient(to bottom, rgba(247, 247, 249, 0.9) 0%, #f7f7f9 100%) !important; }
  .bg-g-opa-m {
    background-color: rgba(79, 86, 91, 0.9) !important; }
  .pc-bg-b-opa-m {
    background-color: rgba(0, 0, 0, 0.75) !important; }
  .pc-bg-b-opa-s {
    background-color: rgba(0, 0, 0, 0.4) !important; }
  .bg-img {
    background: url(../mediainfo/bg.png) center center repeat; }
  .bd-b-opa-m {
    border-color: rgba(0, 0, 0, 0.75) !important; }
  .bd-b-opa-s {
    border-color: rgba(0, 0, 0, 0.4) !important; }
  .txt-b-opa-m {
    color: rgba(0, 0, 0, 0.75) !important; }
  .txt-b-opa-s {
    color: rgba(0, 0, 0, 0.4) !important; }
  .txt-w-opa-m {
    color: rgba(255, 255, 255, 0.75) !important; }
  .txt-w-opa-s {
    color: rgba(255, 255, 255, 0.4) !important; }
  a.link-b6:not(.btn),
  .link-b6 a:not(.btn) {
    color: #858d93 !important; }
  a.link-b10:not(.btn),
  .link-b10 a:not(.btn) {
    color: #2c3135 !important; }
  a.link-w2:not(.btn),
  .link-w2 a:not(.btn) {
    color: #ffffff !important; }
  a.link-b6:not(.btn):hover,
  .link-b6 a:not(.btn):hover {
    color: #c0c6ce !important; }
  a.link-b10:not(.btn):hover,
  .link-b10 a:not(.btn):hover {
    color: #4f565b !important; }
  a.link-w2:not(.btn),
  .link-w2 a:not(.btn) {
    color: #f7f7f9 !important; }
  .site-width {
    max-width: 1400px;
    margin: 0 auto; }
  .site-widthL {
    max-width: 1800px;
    margin: 0 auto; }
  body {
    animation: fadeIn 2s ease 0s 1 normal; }
  main {
    overflow: hidden; }
  main {
    margin-top: 79px; }
  :root,
  html {
    color: #2c3135;
    font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    font-family: "roboto", "source-han-sans-japanese", "Open Sans", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: inherit;
    font-feature-settings: "pkna";
    min-height: 100vh;
    min-width: 1200px; }
  body {
    position: relative;
    line-height: 1.7;
    min-height: calc(100vh - 48px);
    word-wrap: break-word;
    word-break: break-all;
    width: 100%; }
  *,
  *:before,
  *:after {
    box-sizing: border-box; }
  * {
    word-break: break-all; }
  a.link,
  a {
    transition: .2s;
    color: #1b3151;
    cursor: pointer; }
    a.link:link, a.link:visited,
    a:link,
    a:visited {
      color: #1d2087; }
    a.link:hover, a.link:active, a.link:focus,
    a:hover,
    a:active,
    a:focus {
      color: #1d2087; }
  .sp {
    display: none !important; }
  a {
    text-decoration: none; }
  iframe,
  img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto; }
  @keyframes led {
    0%,
    14% {
      background-color: blue; }
    22%,
    34% {
      background-color: green; }
    42%,
    54% {
      background-color: yellow; }
    62%,
    74% {
      background-color: orange; }
    82%,
    100% {
      background-color: red; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes zoom {
    0% {
      transform: scale(1); }
    100% {
      transform: scale(1.1); } }
  @keyframes rotate {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }
  .main-bg {
    animation: zoom 3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform: scale(1.1);
    transition: .2s;
    position: fixed;
    z-index: 0; }
  .tec-icons {
    opacity: .1;
    transition: .3s;
    position: absolute; }
  .tec-icons {
    bottom: -320px;
    right: -240px;
    width: 1000px; }
  .tec-icons02 {
    bottom: -220px;
    opacity: .4;
    right: 30px;
    width: auto; }
  a.btn-primary,
  a.btn-ghost-primary,
  .btn-primary,
  .btn-ghost-primary {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap; }
    a.btn-primary a,
    a.btn-ghost-primary a,
    .btn-primary a,
    .btn-ghost-primary a {
      color: #fff; }
    a.btn-primary:active, a.btn-primary:focus,
    a.btn-ghost-primary:active,
    a.btn-ghost-primary:focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-ghost-primary:active,
    .btn-ghost-primary:focus {
      outline: 0 none; }
  a.btn-primary,
  .btn-primary {
    background-color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-primary:hover,
    .btn-primary:hover {
      background-color: #2428a9;
      border-color: #2428a9; }
  a.btn-ghost-primary,
  .btn-ghost-primary {
    color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-ghost-primary:after,
    .btn-ghost-primary:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #1d2087;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
    a.btn-ghost-primary:hover,
    .btn-ghost-primary:hover {
      background-color: #1d2087;
      border-color: #1d2087;
      color: #f7f7f9; }
      a.btn-ghost-primary:hover:after,
      .btn-ghost-primary:hover:after {
        left: -10%;
        width: 120%; }
  a.btn-label,
  a.btn-ghost-label,
  .btn-label,
  .btn-ghost-label {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap; }
    a.btn-label a,
    a.btn-ghost-label a,
    .btn-label a,
    .btn-ghost-label a {
      color: #fff; }
    a.btn-label:active, a.btn-label:focus,
    a.btn-ghost-label:active,
    a.btn-ghost-label:focus,
    .btn-label:active,
    .btn-label:focus,
    .btn-ghost-label:active,
    .btn-ghost-label:focus {
      outline: 0 none; }
  a.btn-label,
  .btn-label {
    background-color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-label:hover,
    .btn-label:hover {
      background-color: #2428a9;
      border-color: #2428a9; }
  a.btn-ghost-label,
  .btn-ghost-label {
    color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-ghost-label:after,
    .btn-ghost-label:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #1d2087;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
    a.btn-ghost-label:hover,
    .btn-ghost-label:hover {
      background-color: #1d2087;
      border-color: #1d2087;
      color: #f7f7f9; }
      a.btn-ghost-label:hover:after,
      .btn-ghost-label:hover:after {
        left: -10%;
        width: 120%; }
  a.btn-disabled,
  a.btn-ghost-disabled,
  .btn-disabled,
  .btn-ghost-disabled {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap; }
    a.btn-disabled a,
    a.btn-ghost-disabled a,
    .btn-disabled a,
    .btn-ghost-disabled a {
      color: #fff; }
    a.btn-disabled:active, a.btn-disabled:focus,
    a.btn-ghost-disabled:active,
    a.btn-ghost-disabled:focus,
    .btn-disabled:active,
    .btn-disabled:focus,
    .btn-ghost-disabled:active,
    .btn-ghost-disabled:focus {
      outline: 0 none; }
  a.btn-disabled,
  .btn-disabled {
    background-color: #858d93;
    border: 2px solid #858d93; }
    a.btn-disabled:hover,
    .btn-disabled:hover {
      background-color: #9ba1a6;
      border-color: #9ba1a6; }
  a.btn-ghost-disabled,
  .btn-ghost-disabled {
    color: #858d93;
    border: 2px solid #858d93; }
    a.btn-ghost-disabled:after,
    .btn-ghost-disabled:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #858d93;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
    a.btn-ghost-disabled:hover,
    .btn-ghost-disabled:hover {
      background-color: #858d93;
      border-color: #858d93;
      color: #f7f7f9; }
      a.btn-ghost-disabled:hover:after,
      .btn-ghost-disabled:hover:after {
        left: -10%;
        width: 120%; }
  a.btn-gray,
  a.btn-ghost-gray,
  .btn-gray,
  .btn-ghost-gray {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap; }
    a.btn-gray a,
    a.btn-ghost-gray a,
    .btn-gray a,
    .btn-ghost-gray a {
      color: #fff; }
    a.btn-gray:active, a.btn-gray:focus,
    a.btn-ghost-gray:active,
    a.btn-ghost-gray:focus,
    .btn-gray:active,
    .btn-gray:focus,
    .btn-ghost-gray:active,
    .btn-ghost-gray:focus {
      outline: 0 none; }
  a.btn-gray,
  .btn-gray {
    background-color: #4f565b;
    border: 2px solid #4f565b; }
    a.btn-gray:hover,
    .btn-gray:hover {
      background-color: #626b71;
      border-color: #626b71; }
  a.btn-ghost-gray,
  .btn-ghost-gray {
    color: #4f565b;
    border: 2px solid #4f565b; }
    a.btn-ghost-gray:after,
    .btn-ghost-gray:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #4f565b;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
    a.btn-ghost-gray:hover,
    .btn-ghost-gray:hover {
      background-color: #4f565b;
      border-color: #4f565b;
      color: #f7f7f9; }
      a.btn-ghost-gray:hover:after,
      .btn-ghost-gray:hover:after {
        left: -10%;
        width: 120%; }
  a.btn-black,
  a.btn-ghost-black,
  .btn-black,
  .btn-ghost-black {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap; }
    a.btn-black a,
    a.btn-ghost-black a,
    .btn-black a,
    .btn-ghost-black a {
      color: #fff; }
    a.btn-black:active, a.btn-black:focus,
    a.btn-ghost-black:active,
    a.btn-ghost-black:focus,
    .btn-black:active,
    .btn-black:focus,
    .btn-ghost-black:active,
    .btn-ghost-black:focus {
      outline: 0 none; }
  a.btn-black,
  .btn-black {
    background-color: #2c3135;
    border: 2px solid #2c3135; }
    a.btn-black:hover,
    .btn-black:hover {
      background-color: #3f464b;
      border-color: #3f464b; }
  a.btn-ghost-black,
  .btn-ghost-black {
    color: #2c3135;
    border: 2px solid #2c3135; }
    a.btn-ghost-black:after,
    .btn-ghost-black:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #2c3135;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
    a.btn-ghost-black:hover,
    .btn-ghost-black:hover {
      background-color: #2c3135;
      border-color: #2c3135;
      color: #f7f7f9; }
      a.btn-ghost-black:hover:after,
      .btn-ghost-black:hover:after {
        left: -10%;
        width: 120%; }
  a.btn-l,
  .btn-l {
    padding: 20px 16px;
    font-size: 20px; }
  a.btn-disabled,
  .btn-disabled {
    color: #f7f7f9;
    cursor: normal;
    pointer-events: none; }
  .modal {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 100; }
    .modal.show {
      display: block; }
  .modal-cnt {
    max-height: 90vh;
    margin: 0 auto;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .modal-cnt .thermo-app {
      width: 100%; }
      .modal-cnt .thermo-app span {
        text-align: center;
        vertical-align: middle; }
      .modal-cnt .thermo-app img {
        width: 120px; }
  .modal-close {
    cursor: pointer;
    color: #fff;
    top: 40px;
    right: 40px;
    position: absolute;
    font-size: 40px;
    line-height: 1;
    width: 1em;
    text-align: center; }
    .modal-close img {
      width: 40px; }
  .modal-cnt {
    width: 800px; }
    .modal-cnt .thermo-app {
      display: table; }
      .modal-cnt .thermo-app span {
        display: table-cell;
        height: 140px; }
  .hero {
    overflow: hidden;
    max-height: 600px; }
    .hero .hero-title {
      color: #fff;
      position: absolute; }
      .hero .hero-title p {
        font-size: 16px; }
    .hero h1 {
      margin-bottom: 16px; }
      .hero h1 strong {
        font-weight: bold;
        font-style: italic;
        display: block;
        line-height: 1; }
    .hero .btn {
      position: absolute;
      top: 40px;
      right: 40px; }
  .title span {
    color: #1d2087;
    display: block;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1; }
  .title-outer-right,
  .title-outer-left {
    position: relative; }
    .title-outer-right h1,
    .title-outer-left h1 {
      position: relative;
      z-index: 1; }
  .title-outer-right:after {
    right: 0; }
  .title-outer-left:after {
    left: 0; }
  .lede {
    line-height: 2.2;
    padding-top: 32px;
    color: #000000; }
  .hero {
    height: 70vh;
    padding: 0 80px; }
    .hero h1 {
      font-size: 26px; }
      .hero h1 strong {
        font-size: 120px; }
    .hero .hero-title {
      bottom: -32px;
      left: 160px; }
  .title span {
    font-size: 3em; }
  .title-outer-right .title,
  .title-outer-left .title {
    padding: 40px 160px; }
  .title-outer-right:after,
  .title-outer-left:after {
    background: #d7dce2;
    display: block;
    content: '';
    height: 240px;
    transition: .4s;
    position: absolute;
    top: 0;
    width: 60%;
    z-index: 0; }
  .title-outer-right .lede,
  .title-outer-left .lede {
    padding: 0 160px; }
  .title-outer-right .title {
    text-align: right; }
  .lede {
    font-size: 1.2em;
    text-align: center; }
  .hero .cloud-title strong {
    font-size: 107px; }
  .cloud-ttl01-wrapper {
    margin-top: 40px; }
  .title-mx.title-main-cloud {
    margin: 30px 0 80px 80px;
    width: 56%; }
  .cloud-ttl-pic01 {
    position: absolute;
    top: -80px;
    right: 0;
    width: 29.25%; }
  .cloud-content01 {
    margin-top: 20px;
    padding: 50px 80px; }
    .cloud-content01 .txt-orange01 {
      color: #f08437; }
    .cloud-content01 .txt-blue01 {
      color: #00b9ef; }
    .cloud-content01 .txt-green01 {
      color: #5cb531; }
    .cloud-content01 .cloud-content01-ttl {
      font-weight: bold;
      line-height: 1; }
    .cloud-content01 .cloud-content01-ttl-left {
      float: left;
      width: 67%; }
    .cloud-content01 .cloud-content01-description01 {
      margin-top: 30px; }
    .cloud-content01 .cloud-content01-pic01 img {
      width: 100%; }
    .cloud-content01 .cloud-content01-ttl-right {
      float: right;
      width: 28%; }
    .cloud-content01 .cloud-content01-list {
      margin-top: 40px; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node-ttl01 {
        padding: 0 0 15px;
        line-height: 1.4;
        color: #f08437;
        font-weight: bold; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node-ttl01 {
        color: #00b9ef; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node-ttl01 {
        color: #5cb531; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #fef6e8; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #e5f8fd; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #eef7ea; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #fdeacc; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #ccf1fc; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #def0d6; }
    .cloud-content01 .cloud-content01-list-node {
      margin-right: 1.25%;
      float: left;
      width: 19%;
      text-align: center; }
    .cloud-content01 .cloud-content01-list-node:last-child {
      margin-right: 0; }
    .cloud-content01 .cloud-content01-list-node-ttl01 img {
      display: block; }
    .cloud-content01 .cloud-content01-list-node-description01 {
      padding: 9px 5% 0;
      min-height: 80px;
      line-height: 1.2em;
      background-color: #f5f7f7; }
      .cloud-content01-list03 .cloud-content01-list-node-description01 {
        min-height: 100px; }
  .cloud-content02-wrapper {
    margin: 180px 0;
    padding: 60px 80px 50px; }
    .cloud-content02-wrapper .box-iot .txt {
      width: 52%; }
    .cloud-content02-wrapper .box-iot .img {
      text-align: right; }
    .cloud-content02-wrapper .box-iot .img img {
      display: block;
      float: none; }
    .cloud-content02-wrapper .cloud-content-02-link-companies {
      position: relative;
      margin-top: 20px;
      padding-left: 20px;
      padding-right: 23px;
      display: inline-block;
      font-weight: bold;
      background: url(../img/cloud/cloud-content02-bg01.png) no-repeat left center; }
      .cloud-content02-wrapper .cloud-content-02-link-companies:after {
        position: absolute;
        display: block;
        content: '∨';
        color: #1d2087;
        right: 0;
        top: 0; }
    .cloud-content02-wrapper .cloud-content-02-link-companies a {
      text-decoration: underline; }
  main > .bg-b-opa-m {
    position: relative;
    z-index: 1; }
  .contact {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1;
    background: url(../img/contact-bg.jpg) center bottom fixed no-repeat;
    background-size: cover;
    text-align: center;
    padding: 120px 40px; }
    .contact .tec-icons {
      opacity: .4;
      right: auto;
      left: -200px; }
    .contact .tec-icons {
      bottom: 20px;
      width: 640px; }
  #business_deal .hero {
    height: 40vh; }
    #business_deal .hero .hero-title {
      line-height: 1;
      bottom: auto;
      top: 50%;
      margin-top: -13px;
      left: 0;
      width: 100%; }
  .oreder_list {
    max-width: 880px;
    margin: 0 auto;
    line-height: 1.6; }
    .oreder_list li {
      width: 100%; }
    .oreder_list p {
      padding: 15px 15px;
      vertical-align: top; }
  .order_dt {
    background: #f7f7f9;
    border-left: 1px solid #d7dce2;
    border-right: 1px solid #d7dce2;
    border-top: 1px solid #d7dce2;
    font-weight: bold; }
    .order_dt.last {
      border-bottom: 1px solid #d7dce2; }
  .order_dd {
    border-top: 1px solid #d7dce2;
    border-right: 1px solid #d7dce2; }
    .order_dd.last {
      border-bottom: 1px solid #d7dce2; }
  .oreder_list li {
    display: table;
    table-layout: fixed; }
  .oreder_list p {
    display: table-cell; }
  .order_dt {
    width: 28%; }
  .footer {
    background: #1b3151;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 40px 80px; }
    .footer h1 img {
      width: 100px; }
    .footer nav {
      padding-bottom: 8px; }
      .footer nav a {
        display: inline-block;
        padding-left: 8px; }
  .gateway-product {
    position: absolute; }
  .gateway-usecase_card .title-outer-right:after,
  .gateway-usecase_card .title-outer-left:after {
    height: 280px; }
  .gateway-usecase_card article {
    position: relative; }
  .gateway-usecase_card .cnt {
    background: #fff;
    position: relative;
    z-index: 1; }
  .gateway-usecase_card h2 {
    font-weight: bold;
    margin-bottom: 24px; }
    .gateway-usecase_card h2 span {
      color: #c0c6ce;
      display: block;
      line-height: 1; }
  .gateway-kit {
    margin: 40px auto 80px; }
  .gateway-pricelist h2 {
    color: #1d2087;
    font-weight: bold;
    line-height: 1;
    display: block; }
  .gateway-pricelist .price {
    color: #000000;
    font-size: 16px;
    font-weight: bold; }
  .gateway-spec ul {
    border: 1px solid #d7dce2; }
  .gateway-spec li > * {
    padding: 16px; }
  .gateway-spec strong {
    background: #f7f7f9;
    font-weight: bold; }
  .gateway-spec li > div {
    font-size: 12px; }
  .gateway-spec dt {
    color: #000000;
    font-weight: bold;
    float: left; }
  .gateway-product {
    top: -400px;
    right: -40px;
    width: 50%; }
  .gateway-usecase_card {
    padding: 120px 0; }
    .gateway-usecase_card article {
      margin-top: 40px; }
      .gateway-usecase_card article:first-child {
        margin-top: 40px; }
      .gateway-usecase_card article:nth-child(2n) .cnt {
        float: right; }
      .gateway-usecase_card article:nth-child(2n) .bg {
        right: auto;
        left: 80px; }
    .gateway-usecase_card .cnt {
      font-size: 16px;
      min-width: 500px;
      padding: 40px 48px;
      width: 40%; }
    .gateway-usecase_card h2 span {
      font-size: 40px;
      margin-bottom: 4px; }
    .gateway-usecase_card h2 strong {
      font-size: 16px; }
    .gateway-usecase_card .bg {
      position: absolute;
      right: 80px;
      height: 100%;
      bottom: 0;
      top: 0;
      width: 66%;
      z-index: 0; }
  .gateway-kit {
    width: 880px; }
  .gateway-pricelist table {
    table-layout: fixed;
    text-align: center;
    width: 100%; }
  .gateway-pricelist th {
    background: #f5f6ff; }
    .gateway-pricelist th:nth-child(2n) {
      background: #e6e8ff; }
    .gateway-pricelist th:first-child {
      color: #000000;
      background: #fafbff;
      text-align: right;
      font-weight: bold;
      vertical-align: top; }
      .gateway-pricelist th:first-child.blank {
        border: 0;
        background: none; }
  .gateway-pricelist th,
  .gateway-pricelist td {
    border: 1px solid #d6d9f2;
    padding: 16px;
    vertical-align: middle; }
  .gateway-pricelist h2 {
    font-size: 26px; }
  .gateway-spec h2 {
    font-size: 20px; }
  .gateway-spec ul {
    border-bottom: 0; }
  .gateway-spec li > * {
    border-bottom: 1px solid #d7dce2;
    vertical-align: middle; }
  .gateway-spec .rowspan dt,
  .gateway-spec .rowspan dd {
    padding: 16px;
    border-top: 1px solid #d7dce2; }
    .gateway-spec .rowspan dt:nth-child(1), .gateway-spec .rowspan dt:nth-child(2),
    .gateway-spec .rowspan dd:nth-child(1),
    .gateway-spec .rowspan dd:nth-child(2) {
      border-top: 0; }
  .gateway-spec strong {
    border-right: 1px solid #d7dce2;
    vertical-align: top;
    text-align: right;
    width: 14em; }
    .gateway-spec strong span {
      display: block;
      font-size: 14px; }
  .header {
    background: #fff;
    box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2; }
  .header-logo a {
    display: block; }
  .gnav li {
    font-size: 11px;
    line-height: 1; }
    .gnav li a {
      color: #000000;
      display: block; }
    .gnav li span {
      font-style: italic;
      font-size: 18px;
      font-weight: bold;
      display: block;
      padding-bottom: 2px; }
  .header {
    min-width: 840px;
    padding: 8px 40px; }
    .header nav {
      float: right; }
  .header-logo {
    float: left; }
    .header-logo a {
      padding: 13px 0; }
    .header-logo img {
      height: 36px;
      width: 116px; }
  .gnav {
    font-size: 0; }
  .gnav li {
    display: inline-block;
    padding-left: 20px; }
    .gnav li a {
      padding: 16px 0;
      text-align: center; }
      .gnav li a:hover {
        color: #4553ba; }
  .index-hero {
    max-height: inherit;
    overflow: hidden; }
  .index-hero_title span {
    display: block;
    margin: 0 auto; }
  .index-feature .table {
    width: auto; }
    .index-feature .table > * {
      width: auto; }
  #hero_title .st0 {
    fill: none; }
  .index-about .index-about_card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden; }
  .index-about article {
    position: relative; }
  .index-about .content {
    background: #fff;
    bottom: 0;
    font-weight: 500;
    padding: 16px 32px;
    position: absolute;
    right: 0; }
    .index-about .content p {
      color: #000000;
      font-size: 1.2em; }
    .index-about .content span {
      color: #c0c6ce;
      font-size: 0.8em;
      font-weight: bold; }
  #index #Service article {
    position: relative; }
    #index #Service article a {
      display: inline-block;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: none; }
      #index #Service article a > * {
        z-index: 1; }
    #index #Service article .ratio-3-2 {
      overflow: hidden;
      position: relative; }
    #index #Service article .overlay {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      transition: .2s;
      transform: scale(1.1); }
    #index #Service article a:hover .overlay {
      transform: scale(1); }
  #index #Archive article {
    overflow: hidden; }
  .index-hero {
    height: 90vh; }
  .index-hero_title span {
    width: 50%; }
  .index-about {
    margin-top: -200px; }
    .index-about .content {
      width: 23.5em; }
  .pockit-list {
    position: absolute;
    top: -250px;
    right: 0; } }
  @media screen and (min-width: 641px) and (max-width: 1300px) {
    .pockit-list {
      top: -230px;
      max-width: 300px; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .pockit-list {
      position: static;
      margin-top: 10px;
      max-width: 100%; } }

@media screen and (min-width: 641px) and (max-width: 640px) {
  .pd-bt {
    padding-bottom: 80px; }
    .pd-bt p.lede {
      text-align: center;
      padding-top: 15px !important; } }

@media screen and (min-width: 641px) and (max-width: 640px) {
  .pd-top-sp {
    padding-top: 40px; } }

@media screen and (min-width: 641px) {
  .site-widthX {
    max-width: 1200px;
    margin: 0 auto; }
  .site-widthXS {
    max-width: 1000px;
    margin: 0 auto; }
  .list-spect {
    margin: 0 -8px; }
    .list-spect .spect-item {
      width: 50%;
      float: left;
      padding: 0 8px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .list-spect .spect-item {
        width: 100%; } }

@media screen and (min-width: 641px) {
      .list-spect .spect-item ul li {
        overflow: hidden;
        margin-bottom: 17px;
        position: relative; }
        .list-spect .spect-item ul li .item {
          float: left;
          width: 25%;
          background: #1d2087;
          color: white;
          text-align: center;
          font-size: 14px;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          font-style: italic; }
          .list-spect .spect-item ul li .item p {
            line-height: 1;
            position: absolute;
            top: 46%;
            left: 0;
            right: 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
            .list-spect .spect-item ul li .item p span {
              display: inline-block;
              position: relative; }
              .list-spect .spect-item ul li .item p span:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -4px;
                height: 1px;
                background: white; }
              .list-spect .spect-item ul li .item p span.oder-list {
                font-size: 36px;
                text-decoration: none;
                margin-left: 10px;
                line-height: 1;
                -webkit-transform: translate(0, 22%);
                -ms-transform: translate(0, 22%);
                transform: translate(0, 22%);
                font-weight: bold; }
                .list-spect .spect-item ul li .item p span.oder-list:after {
                  display: none; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .list-spect .spect-item ul li .item {
            position: static;
            width: 100%;
            float: left;
            height: 50px; }
            .list-spect .spect-item ul li .item p {
              position: static;
              -webkit-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }

@media screen and (min-width: 641px) {
        .list-spect .spect-item ul li .txt {
          float: right;
          width: 75%;
          background: white;
          font-size: 18px;
          padding: 30px 32px;
          line-height: 1.4; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .list-spect .spect-item ul li .txt {
            width: 100%;
            font-size: 16px; } }

@media screen and (min-width: 641px) {
          .list-spect .spect-item ul li .txt span {
            display: block;
            font-size: 28px;
            color: #1D2087;
            margin-bottom: 14px;
            line-height: 1;
            font-weight: bold; } }
          @media screen and (min-width: 641px) and (max-width: 640px) {
            .list-spect .spect-item ul li .txt span {
              font-size: 24px; } }

@media screen and (min-width: 641px) {
        .list-spect .spect-item ul li:nth-child(1) .txt {
          padding: 50px 0; }
          .list-spect .spect-item ul li:nth-child(1) .txt span {
            margin-bottom: 5px; }
    .list-spect .spect-oder {
      width: 50%;
      float: right;
      padding: 0 8px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .list-spect .spect-oder {
        width: 100%;
        margin-bottom: 20px; } }

@media screen and (min-width: 641px) {
      .list-spect .spect-oder img {
        width: 100%;
        max-width: 584px; }
  .set-item {
    background: #999999; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .set-item {
      padding: 20px; } }

@media screen and (min-width: 641px) {
    .set-item ul {
      padding: 20px 0 5px;
      max-width: 1000px; }
      .set-item ul li {
        float: left;
        padding-right: 15px;
        width: 33.333333%;
        overflow: hidden;
        margin-bottom: 15px; } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .set-item ul li {
          width: 100%;
          padding-right: 0; } }

@media screen and (min-width: 641px) {
        .set-item ul li:nth-child(3n) {
          padding-right: 0; }
        .set-item ul li .item {
          background: white;
          text-align: center; }
          .set-item ul li .item .icon {
            padding-bottom: 20px;
            font-size: 18px;
            overflow: hidden; }
            .set-item ul li .item .icon .img {
              height: 80px;
              position: relative; } }
            @media screen and (min-width: 641px) and (max-width: 640px) {
              .set-item ul li .item .icon .img {
                float: left;
                width: 30%; } }

@media screen and (min-width: 641px) {
              .set-item ul li .item .icon .img img {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
            .set-item ul li .item .icon span {
              display: block;
              font-weight: bold; } }
            @media screen and (min-width: 641px) and (max-width: 640px) {
              .set-item ul li .item .icon span {
                float: left;
                width: 100%;
                padding-top: 10px; }
                .set-item ul li .item .icon span img {
                  display: inline-block;
                  margin-right: 15px;
                  top: 50%;
                  -webkit-transform: translate(0, 30%);
                  -ms-transform: translate(0, 30%);
                  transform: translate(0, 30%); } }

@media screen and (min-width: 641px) {
          .set-item ul li .item .txt {
            height: 115px;
            border-top: 1px solid #d7dce2;
            padding: 20px 0; }
  .list-case ul {
    margin: 0 -8px; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .list-case ul {
      margin-bottom: 20px; } }

@media screen and (min-width: 641px) {
    .list-case ul li {
      float: left;
      padding: 0 8px;
      width: 33.333333%;
      margin-bottom: 16px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .list-case ul li {
        width: 100%; } }

@media screen and (min-width: 641px) {
      .list-case ul li .item {
        background: #f5f6ff; }
        .list-case ul li .item img {
          width: 100%; }
        .list-case ul li .item .txt {
          padding: 20px 0;
          min-height: 126px; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .list-case ul li .item .txt {
            padding: 20px 10px; } }

@media screen and (min-width: 641px) {
          .list-case ul li .item .txt span {
            display: block;
            font-size: 20px;
            color: #1D2087;
            margin-bottom: 20px;
            line-height: 1;
            font-weight: bold; }
  .page-cases {
    padding-bottom: 0; }
  .tab-list ul.tab-menu {
    border-bottom: 5px solid #999999;
    margin-bottom: 20px; }
    .tab-list ul.tab-menu li {
      float: left;
      width: 20%;
      text-align: center;
      position: relative; }
      .tab-list ul.tab-menu li span {
        display: block;
        padding-bottom: 20px;
        color: #999999;
        font-size: 18px;
        cursor: pointer;
        line-height: 1.4; }
      .tab-list ul.tab-menu li.active span {
        color: #1D2087; }
      .tab-list ul.tab-menu li.active:after {
        content: "";
        height: 5px;
        background: #1D2087;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0; }
  .tab-list .tab-content {
    display: none;
    background: #f9f8f8;
    overflow: hidden; }
    .tab-list .tab-content.active {
      display: block; }
    .tab-list .tab-content .oder-tab {
      padding: 40px 100px; }
      .tab-list .tab-content .oder-tab .item {
        margin-bottom: 35px; }
        .tab-list .tab-content .oder-tab .item .img {
          float: left;
          width: 30%; }
        .tab-list .tab-content .oder-tab .item .txt {
          float: left;
          width: 70%;
          padding-left: 35px; }
          .tab-list .tab-content .oder-tab .item .txt span {
            font-size: 28px;
            color: #1D2087;
            display: block;
            line-height: 1.4;
            margin: 20px 0;
            font-weight: bold; }
  .logo-tab {
    position: relative;
    text-align: center; }
    .logo-tab .tab-link {
      position: absolute;
      top: 50%;
      left: 20px;
      right: 20px;
      margin: auto;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .logo-tab .tab-link a {
        background: #32A366;
        color: white;
        display: block;
        max-width: 300px;
        margin: auto;
        line-height: 1;
        padding: 13px 0;
        margin-top: 30px; }
  .archive-slider .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .archive-slider .slick-track {
    background: #f5f7f7; }
  .archive-slider .item {
    font-size: 16px; }
    .archive-slider .item .title {
      color: #1D2087;
      display: block;
      line-height: 1.4;
      padding: 20px 0 30px;
      text-align: center;
      background: white; }
    .archive-slider .item .oder-tab {
      background: #f5f7f7;
      padding: 20px; }
      .archive-slider .item .oder-tab img {
        max-width: 100%; }
      .archive-slider .item .oder-tab .txt {
        margin-bottom: 20px; }
        .archive-slider .item .oder-tab .txt span {
          color: #1D2087;
          font-size: 20px;
          margin: 20px 0;
          display: block;
          font-weight: bold; }
      .archive-slider .item .oder-tab .logo-tab img {
        width: 100%; }
      .archive-slider .item .oder-tab .logo-tab .tab-link img {
        max-width: 300px; }
      .archive-slider .item .oder-tab .logo-tab .tab-link a {
        font-size: 14px; }
  .archive-slider .slick-prev {
    position: absolute;
    top: 50px;
    left: 0;
    width: 11px;
    height: 17px;
    background: url("../img/pockit/prev.png") no-repeat;
    z-index: 9; }
    .archive-slider .slick-prev:before {
      display: none; }
  .archive-slider .slick-next {
    position: absolute;
    top: 50px;
    right: 0;
    width: 11px;
    height: 17px;
    background: url("../img/pockit/next.png") no-repeat;
    z-index: 9; }
    .archive-slider .slick-next:before {
      display: none; }
  .archive-slider .slick-dots {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: auto; }
  #box {
    background: #f5f7f7 !important; }
  .list-price .item {
    margin-bottom: 60px; }
    .list-price .item:last-child {
      margin-bottom: 0; }
  .list-price .title-item {
    display: block;
    background: #1d2087;
    color: white;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
    padding: 7px 0;
    border-radius: 40px; }
  .list-price h2 {
    margin-bottom: 5px;
    font-size: 20px; }
  .list-price .price {
    color: #1d2087 !important; }
  .list-price .pc.gateway-pricelist table tr th {
    text-align: center; }
  .list-price .pc.gateway-pricelist table tr td.price {
    font-size: 20px; }
  .list-price .pc.gateway-pricelist table.txt-table tr th {
    text-align: right;
    width: 20%;
    background: #f5f6ff !important;
    vertical-align: middle;
    padding: 16px 10px; }
  .list-price .pc.gateway-pricelist table.txt-table tr td {
    text-align: left;
    width: 74%; }
  .list-price .pc.gateway-pricelist table tr td.w100 {
    width: 100px !important; }
  .list-price .sp.gateway-pricelist ul {
    border: none; }
    .list-price .sp.gateway-pricelist ul li {
      margin-bottom: 15px; }
      .list-price .sp.gateway-pricelist ul li table {
        width: 100%;
        border-top: 1px solid #ccc; }
        .list-price .sp.gateway-pricelist ul li table tr {
          display: none;
          position: relative; }
          .list-price .sp.gateway-pricelist ul li table tr.sub-table {
            display: block; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table th {
              position: relative;
              line-height: 1.4;
              padding-bottom: 30px; }
              .list-price .sp.gateway-pricelist ul li table tr.sub-table th:after {
                content: "";
                width: 16px;
                height: 10px;
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
                margin: auto;
                background: url(../img/pockit/list-dow.png) no-repeat; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table td {
              border-top: none; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table.active th:after {
              content: "";
              width: 16px;
              height: 10px;
              position: absolute;
              bottom: 10px;
              left: 0;
              right: 0;
              margin: auto;
              background: url(../img/pockit/list-up.png) no-repeat; }
          .list-price .sp.gateway-pricelist ul li table tr.tr-list.active {
            display: block; }
          .list-price .sp.gateway-pricelist ul li table tr.none-before:after {
            display: none; }
          .list-price .sp.gateway-pricelist ul li table tr td, .list-price .sp.gateway-pricelist ul li table tr th {
            display: block;
            width: 100%;
            border: 1px solid #ccc;
            text-align: center;
            padding: 7px 0; }
          .list-price .sp.gateway-pricelist ul li table tr th {
            background: #E6E9FE; }
          .list-price .sp.gateway-pricelist ul li table tr td:nth-child(odd) {
            background: #F9FAFA; }
  .list-price .sp.gateway-pricelist .list-table-sp {
    border-top: 1px solid #ccc; }
    .list-price .sp.gateway-pricelist .list-table-sp tr th, .list-price .sp.gateway-pricelist .list-table-sp tr td {
      border-top: none; }
  .box-iot .txt {
    width: 56%;
    float: left; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .box-iot .txt {
      width: 100%;
      margin-bottom: 20px; }
      .box-iot .txt img.sp {
        margin: 20px auto; } }

@media screen and (min-width: 641px) {
    .box-iot .txt span {
      font-size: 20px;
      color: #1d2087;
      display: block;
      font-weight: bold;
      line-height: 1.4;
      margin-top: 50px;
      margin-bottom: 10px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .box-iot .txt span {
        margin-top: 30px; } }

@media screen and (min-width: 641px) {
  .box-iot .img {
    width: 43%;
    float: right; }
    .box-iot .img img {
      float: right; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .box-iot .img {
      width: 100%; }
      .box-iot .img img {
        float: none;
        margin: auto; } }

@media screen and (min-width: 641px) {
  .box-iot .item {
    float: left;
    width: 100%;
    margin-top: 30px; } }
  @media screen and (min-width: 641px) and (max-width: 640px) {
    .box-iot .item ul {
      display: inline-block;
      margin: auto; } }

@media screen and (min-width: 641px) {
    .box-iot .item ul li {
      float: left;
      width: 25%;
      padding-right: 3px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .box-iot .item ul li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5px; } }

@media screen and (min-width: 641px) {
      .box-iot .item ul li img {
        max-height: 161px;
        width: 100%; } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .box-iot .item ul li img {
          width: auto; } }

@media screen and (min-width: 641px) {
      .box-iot .item ul li:last-child {
        padding-right: 0;
        list-style-type: none; }
  .solution-phase ul li {
    position: relative;
    margin-bottom: 22px; }
    .solution-phase ul li a.sp {
      display: block;
      background: #1d2087;
      float: left;
      width: 100%;
      text-align: center;
      color: white;
      padding: 9px 5px;
      margin: 7px 0 50px;
      position: relative;
      font-size: 13px; }
      .solution-phase ul li a.sp:after {
        content: "";
        width: 34px;
        height: 21px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -35px;
        margin: auto;
        background: url(../img/pockit/next-item3.png) no-repeat; }
    .solution-phase ul li:last-child a.sp {
      margin-bottom: 0; }
      .solution-phase ul li:last-child a.sp:after {
        display: none; }
    .solution-phase ul li:nth-child(1) .list-item .item-nember img {
      margin-left: 70px; }
    .solution-phase ul li:nth-child(2) .list-item .item-nember img {
      margin-left: 60px; }
    .solution-phase ul li:nth-child(3) .list-item .item-nember img {
      margin-left: 60px; }
    .solution-phase ul li .list-item {
      float: left;
      width: 68%;
      background: white;
      padding: 40px 25px;
      position: relative; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .solution-phase ul li .list-item {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px; } }

@media screen and (min-width: 641px) {
      .solution-phase ul li .list-item .txt {
        width: 48%;
        float: right;
        background: #f5f6ff;
        padding: 22px 30px;
        text-align: left;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
      @media screen and (min-width: 641px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .txt {
          padding: 15px !important;
          max-height: 150px; } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .solution-phase ul li .list-item .txt {
          position: static;
          -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
          width: 100%;
          max-height: 550px; }
          .solution-phase ul li .list-item .txt:after, .solution-phase ul li .list-item .txt:before {
            display: none !important; } }

@media screen and (min-width: 641px) {
        .solution-phase ul li .list-item .txt:before {
          content: "";
          width: 23px;
          height: 35px;
          background: url(../img/pockit/next-item.png) no-repeat;
          position: absolute;
          right: calc(100% + 15px);
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .solution-phase ul li .list-item .txt:after {
          content: "";
          width: 23px;
          height: 35px;
          background: url(../img/pockit/next-item2.png) no-repeat;
          position: absolute;
          left: calc(100% + 15px);
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .solution-phase ul li .list-item .txt a {
          display: block;
          background: #1d2087;
          color: white;
          text-align: center;
          padding: 4px 15px;
          position: absolute;
          top: 100%;
          right: 0;
          left: 0;
          margin: auto;
          font-size: 13px; }
      .solution-phase ul li .list-item .number {
        width: 160px;
        height: 110px;
        background: #d7dce2;
        color: #1d2087;
        position: absolute;
        left: 15px;
        top: -15px;
        max-width: 27%; } }
      @media screen and (min-width: 641px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .number {
          width: 120px !important; } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .solution-phase ul li .list-item .number {
          left: 0;
          right: 0;
          margin: auto;
          width: 160px !important;
          max-width: 100%; } }

@media screen and (min-width: 641px) {
        .solution-phase ul li .list-item .number:after {
          content: "";
          width: 31px;
          height: 110px;
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: calc(100% + 15px);
          background: url(../img/pockit/list-dow-item.png) no-repeat bottom; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .solution-phase ul li .list-item .number:after {
            display: none; } }

@media screen and (min-width: 641px) {
        .solution-phase ul li .list-item .number span {
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          margin: auto; }
          .solution-phase ul li .list-item .number span i {
            font-size: 42px;
            display: block;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 10px;
            font-style: italic; }
      .solution-phase ul li .list-item .item-nember {
        float: left;
        margin-left: 110px;
        width: 32%;
        text-align: center; } }
      @media screen and (min-width: 641px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .item-nember {
          margin-left: 80px !important; } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .solution-phase ul li .list-item .item-nember {
          width: 100%;
          margin: 90px auto 15px !important; } }

@media screen and (min-width: 641px) {
        .solution-phase ul li .list-item .item-nember img {
          margin-bottom: 10px;
          max-width: 50%; } }
        @media screen and (min-width: 641px) and (max-width: 1200px) {
          .solution-phase ul li .list-item .item-nember img {
            max-width: 44% !important; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .solution-phase ul li .list-item .item-nember img {
            margin: auto !important;
            margin-bottom: 10px !important;
            max-width: 100% !important; } }

@media screen and (min-width: 641px) {
    .solution-phase ul li .list-txt {
      width: 30%;
      background: white;
      border: 2px solid #1d2087;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      .solution-phase ul li .list-txt {
        position: relative;
        width: 100%;
        float: left;
        padding: 30px 0 20px;
        margin-top: 20px; } }

@media screen and (min-width: 641px) {
      .solution-phase ul li .list-txt .title-item {
        position: absolute;
        top: -19px;
        left: 0;
        right: 0; }
        .solution-phase ul li .list-txt .title-item span {
          position: relative;
          display: inline-block;
          padding-left: 38px;
          color: #1d2087;
          font-weight: bold;
          line-height: 1;
          font-style: italic; }
          .solution-phase ul li .list-txt .title-item span:before {
            content: "";
            width: 33px;
            height: 33px;
            background: url(../img/pockit/leng.png) no-repeat;
            position: absolute;
            left: 0;
            top: -6px; }
      .solution-phase ul li .list-txt ul {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
      @media screen and (min-width: 641px) and (max-width: 640px) {
        .solution-phase ul li .list-txt ul {
          position: static;
          -webkit-transform: translate(0, 0%);
          -ms-transform: translate(0, 0%);
          transform: translate(0, 0%); } }

@media screen and (min-width: 641px) {
        .solution-phase ul li .list-txt ul li {
          margin-bottom: 10px;
          font-size: 17px;
          line-height: 1.4;
          font-weight: bold;
          color: #1d2087; } }
        @media screen and (min-width: 641px) and (max-width: 640px) {
          .solution-phase ul li .list-txt ul li {
            font-size: 14px; } }

@media screen and (min-width: 641px) {
  .title-mx {
    max-width: 673px;
    margin-bottom: 50px; } }
  @media screen and (min-width: 641px) and (max-width: 1200px) {
    .title-mx {
      max-width: 600px !important; } }

@media screen and (min-width: 641px) and (max-width: 1200px) {
  #Usecase + .gateway-usecase_card + .gateway-usecase_card {
    margin-top: -2px; } }

@media screen and (min-width: 641px) and (max-width: 640px) {
  .pd-none {
    padding: 0 !important; }
  #Usecase + .gateway-usecase_card + .gateway-usecase_card {
    padding-top: 0 !important; } }

@media screen and (min-width: 641px) {
  .pd-bt-none {
    padding-bottom: none !important; }
  .border-bt-none {
    border-bottom: none !important; } }

@media screen and (min-width: 641px) and (max-width: 640px) {
  #box .solution-phase {
    margin-top: 90px; } }

@media screen and (min-width: 641px) {
  .solution-work .work_bg {
    position: absolute;
    opacity: .2;
    z-index: 0; }
  .solution-archive_card article {
    position: relative; }
  .solution-archive_card .cnt {
    background: #fff;
    position: relative;
    z-index: 1; }
    .solution-archive_card .cnt img {
      margin-top: 24px;
      width: 100%; }
  .solution-archive_card h2 {
    color: #d7dce2;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 16px; }
  .solution-archive_card .desc {
    color: #000000;
    font-weight: bold;
    padding-bottom: 8px; }
  .solution-archive_card .place {
    color: #000000;
    margin-top: 8px; }
  .solution-archive_card .bg-outer {
    padding: 24px;
    overflow: hidden; }
  .solution-archive_card .bg {
    position: absolute;
    padding: 24px;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 0; }
  .solution-work .work_pdca {
    height: 310px;
    margin-bottom: 32px; }
  .solution-work .work_cnt {
    height: 180px; }
  .solution-work .work_bg {
    left: 50%;
    height: 660px;
    margin: -330px 0 0 -330px;
    top: 50%;
    width: 660px; }
  .solution-archive_card article {
    margin-top: 120px; }
  .solution-archive_card .cnt {
    float: left;
    padding: 40px 48px;
    width: 72%; }
  .solution-archive_card h2 {
    font-size: 40px; }
  .solution-archive_card .desc {
    font-size: 20px; }
  .solution-archive_card .place {
    font-size: 16px; }
  .solution-archive_card .bg-outer {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 28%;
    z-index: 0; }
  .solution-archive_card .bg {
    top: -5%;
    height: 110%; }
  .thermo-product {
    position: absolute; }
  .thermo-app img {
    width: 170px; }
  .thermo-mock > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; }
  .thermo-mock .mock-bg {
    position: relative;
    z-index: 0; }
  .thermo-mock .mock {
    opacity: 0;
    transition: .3s; }
    .thermo-mock .mock.active {
      opacity: 1; }
  .thermo-mock .slide-pager {
    display: block;
    left: 1px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .thermo-mock .slide-pager i {
      background-color: #858d93;
      content: '';
      cursor: pointer;
      display: inline-block;
      border-radius: 50%;
      height: 8px;
      margin: 0 2px 8px;
      transition: .2s;
      width: 8px; }
      .thermo-mock .slide-pager i.active {
        background-color: #1d2087; }
  .thermo-spec article img {
    width: 100%; }
  .thermo-spec article .mock {
    position: relative; }
    .thermo-spec article .mock img {
      position: relative;
      z-index: 1; }
    .thermo-spec article .mock:after {
      animation: led 12s ease infinite;
      background-color: red;
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px;
      z-index: 0; }
  .thermo-function .cnt {
    position: relative; }
    .thermo-function .cnt:after {
      background: #ffffff;
      display: block;
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      min-width: 1080px;
      width: 80%;
      z-index: 0; }
    .thermo-function .cnt > * {
      position: relative;
      z-index: 1; }
    .thermo-function .cnt b {
      color: #d7dce2;
      font-weight: bold;
      line-height: 1;
      width: 1.3em; }
  .thermo-product {
    right: -40px;
    bottom: -80px;
    width: 40%; }
  .thermo-usecase {
    padding: 120px 0; }
    .thermo-usecase h2 span {
      font-size: 40px; }
  .thermo-mock {
    position: absolute;
    bottom: -170px;
    left: 80px;
    width: 440px;
    z-index: 1; }
  .slide-pager {
    bottom: 100px; }
  .thermo-function .cnt ul {
    padding-left: 440px;
    font-size: 16px; }
  .thermo-function .cnt b {
    font-size: 50px; }
  .thermo-function .cnt li {
    margin-bottom: 32px;
    padding-left: 40px; }
    .thermo-function .cnt li:last-child {
      margin-bottom: 0; }
  .thermo-spec h2 {
    display: inline-block;
    float: left;
    font-size: 16px; }
  .thermo-spec p {
    padding: 4px 0 4px 32px;
    float: left;
    font-size: 16px; }
  .thermo-app {
    margin-top: 280px;
    padding: 80px; }
    .thermo-app p {
      line-height: 1; }
  .modal-thermo-app,
  .modal-thermo-icon {
    height: 160px; }
  .modal-thermo-icon img {
    height: 140px;
    width: inherit; }
  .modal-thermo-app {
    display: table;
    width: 100%; }
    .modal-thermo-app span {
      display: table-cell;
      vertical-align: middle; }
    .modal-thermo-app img {
      height: 40px; } }

@media screen and (max-width: 640px) {
  /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  body {
    line-height: 1; }
  ol, ul {
    list-style: none; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  .z0 {
    z-index: 0 !important; }
  .z1 {
    z-index: 1 !important; }
  .z2 {
    z-index: 2 !important; }
  .z3 {
    z-index: 3 !important; }
  .link-underline a,
  a.link-underline:not(.btn) {
    text-decoration: underline; }
  .opa,
  a.opa:not(.btn) {
    opacity: 1; }
  .ellipsis {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap; }
  .pull-left {
    float: left !important; }
  .sp-pull-left {
    float: left !important; }
  .pull-right {
    float: right !important; }
  .sp-pull-right {
    float: right !important; }
  .scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .clearfix {
    *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }
  .inline-block {
    display: inline-block !important; }
  .block {
    display: block !important; }
  .disnon {
    display: none !important; }
  .pointer {
    cursor: pointer; }
  .disabled {
    pointer-events: none; }
  .relative {
    position: relative; }
  .radius {
    border-radius: 2px; }
  .sp-table {
    display: table !important;
    width: 100%; }
    .sp-table.table-fixed {
      table-layout: fixed; }
    .sp-table.table-top > * {
      vertical-align: top; }
    .sp-table.table-middle > * {
      vertical-align: middle; }
    .sp-table > * {
      display: table-cell;
      vertical-align: middle;
      width: 100%; }
  .overlay {
    background: transparent;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }
  .bg-cover {
    background-size: cover;
    background-position: center center; }
  .ratio-icon:before,
  .ratio-4-3:before,
  .ratio-3-2:before,
  .ratio-16-9:before,
  .ratio-2-1:before {
    content: "";
    display: block; }
  .ratio-icon:before {
    padding-top: 100%; }
  .ratio-4-3:before {
    padding-top: 75%; }
  .ratio-3-2:before {
    padding-top: 67%; }
  .ratio-16-9:before {
    padding-top: 56%; }
  .ratio-2-1:before {
    padding-top: 50%; }
  .flexbox {
    align-items: center;
    display: flex; }
    .flexbox .flexitem1 {
      flex: 1;
      max-width: 100%; }
    .flexbox .flex-right {
      margin-left: auto; }
    .flexbox.flex-top {
      align-items: inherit; }
    .flexbox.flex-multi {
      align-items: inherit;
      box-lines: multiple;
      flex-wrap: wrap; }
  .bd-0 {
    border: 0px solid transparent !important; }
  .bd-top-0 {
    border-top: 0px solid transparent !important; }
  .bd-bottom-0 {
    border-bottom: 0px solid transparent !important; }
  .bd-right-0 {
    border-right: 0px solid transparent !important; }
  .bd-left-0 {
    border-left: 0px solid transparent !important; }
  .bd-1 {
    border: 1px solid transparent !important; }
  .bd-top-1 {
    border-top: 1px solid transparent !important; }
  .bd-bottom-1 {
    border-bottom: 1px solid transparent !important; }
  .bd-right-1 {
    border-right: 1px solid transparent !important; }
  .bd-left-1 {
    border-left: 1px solid transparent !important; }
  .bd-2 {
    border: 2px solid transparent !important; }
  .bd-top-2 {
    border-top: 2px solid transparent !important; }
  .bd-bottom-2 {
    border-bottom: 2px solid transparent !important; }
  .bd-right-2 {
    border-right: 2px solid transparent !important; }
  .bd-left-2 {
    border-left: 2px solid transparent !important; }
  .bd-3 {
    border: 3px solid transparent !important; }
  .bd-top-3 {
    border-top: 3px solid transparent !important; }
  .bd-bottom-3 {
    border-bottom: 3px solid transparent !important; }
  .bd-right-3 {
    border-right: 3px solid transparent !important; }
  .bd-left-3 {
    border-left: 3px solid transparent !important; }
  .bd-4 {
    border: 4px solid transparent !important; }
  .bd-top-4 {
    border-top: 4px solid transparent !important; }
  .bd-bottom-4 {
    border-bottom: 4px solid transparent !important; }
  .bd-right-4 {
    border-right: 4px solid transparent !important; }
  .bd-left-4 {
    border-left: 4px solid transparent !important; }
  .mg-0-0 {
    margin: 0px 0px !important; }
  .pd-0-0 {
    padding: 0px 0px !important; }
  .mg-0-2 {
    margin: 0px 2px !important; }
  .pd-0-2 {
    padding: 0px 2px !important; }
  .mg-0-4 {
    margin: 0px 4px !important; }
  .pd-0-4 {
    padding: 0px 4px !important; }
  .mg-0-6 {
    margin: 0px 6px !important; }
  .pd-0-6 {
    padding: 0px 6px !important; }
  .mg-0-8 {
    margin: 0px 8px !important; }
  .pd-0-8 {
    padding: 0px 8px !important; }
  .mg-0-12 {
    margin: 0px 12px !important; }
  .pd-0-12 {
    padding: 0px 12px !important; }
  .mg-0-16 {
    margin: 0px 16px !important; }
  .pd-0-16 {
    padding: 0px 16px !important; }
  .mg-0-24 {
    margin: 0px 24px !important; }
  .pd-0-24 {
    padding: 0px 24px !important; }
  .mg-0-32 {
    margin: 0px 32px !important; }
  .pd-0-32 {
    padding: 0px 32px !important; }
  .mg-0-40 {
    margin: 0px 40px !important; }
  .pd-0-40 {
    padding: 0px 40px !important; }
  .mg-0-56 {
    margin: 0px 56px !important; }
  .pd-0-56 {
    padding: 0px 56px !important; }
  .mg-0-64 {
    margin: 0px 64px !important; }
  .pd-0-64 {
    padding: 0px 64px !important; }
  .mg-0-80 {
    margin: 0px 80px !important; }
  .pd-0-80 {
    padding: 0px 80px !important; }
  .mg-0-120 {
    margin: 0px 120px !important; }
  .pd-0-120 {
    padding: 0px 120px !important; }
  .mg-0-160 {
    margin: 0px 160px !important; }
  .pd-0-160 {
    padding: 0px 160px !important; }
  .mg-0-140 {
    margin: 0px 140px !important; }
  .pd-0-140 {
    padding: 0px 140px !important; }
  .mg-2-0 {
    margin: 2px 0px !important; }
  .pd-2-0 {
    padding: 2px 0px !important; }
  .mg-2-2 {
    margin: 2px 2px !important; }
  .pd-2-2 {
    padding: 2px 2px !important; }
  .mg-2-4 {
    margin: 2px 4px !important; }
  .pd-2-4 {
    padding: 2px 4px !important; }
  .mg-2-6 {
    margin: 2px 6px !important; }
  .pd-2-6 {
    padding: 2px 6px !important; }
  .mg-2-8 {
    margin: 2px 8px !important; }
  .pd-2-8 {
    padding: 2px 8px !important; }
  .mg-2-12 {
    margin: 2px 12px !important; }
  .pd-2-12 {
    padding: 2px 12px !important; }
  .mg-2-16 {
    margin: 2px 16px !important; }
  .pd-2-16 {
    padding: 2px 16px !important; }
  .mg-2-24 {
    margin: 2px 24px !important; }
  .pd-2-24 {
    padding: 2px 24px !important; }
  .mg-2-32 {
    margin: 2px 32px !important; }
  .pd-2-32 {
    padding: 2px 32px !important; }
  .mg-2-40 {
    margin: 2px 40px !important; }
  .pd-2-40 {
    padding: 2px 40px !important; }
  .mg-2-56 {
    margin: 2px 56px !important; }
  .pd-2-56 {
    padding: 2px 56px !important; }
  .mg-2-64 {
    margin: 2px 64px !important; }
  .pd-2-64 {
    padding: 2px 64px !important; }
  .mg-2-80 {
    margin: 2px 80px !important; }
  .pd-2-80 {
    padding: 2px 80px !important; }
  .mg-2-120 {
    margin: 2px 120px !important; }
  .pd-2-120 {
    padding: 2px 120px !important; }
  .mg-2-160 {
    margin: 2px 160px !important; }
  .pd-2-160 {
    padding: 2px 160px !important; }
  .mg-2-140 {
    margin: 2px 140px !important; }
  .pd-2-140 {
    padding: 2px 140px !important; }
  .mg-4-0 {
    margin: 4px 0px !important; }
  .pd-4-0 {
    padding: 4px 0px !important; }
  .mg-4-2 {
    margin: 4px 2px !important; }
  .pd-4-2 {
    padding: 4px 2px !important; }
  .mg-4-4 {
    margin: 4px 4px !important; }
  .pd-4-4 {
    padding: 4px 4px !important; }
  .mg-4-6 {
    margin: 4px 6px !important; }
  .pd-4-6 {
    padding: 4px 6px !important; }
  .mg-4-8 {
    margin: 4px 8px !important; }
  .pd-4-8 {
    padding: 4px 8px !important; }
  .mg-4-12 {
    margin: 4px 12px !important; }
  .pd-4-12 {
    padding: 4px 12px !important; }
  .mg-4-16 {
    margin: 4px 16px !important; }
  .pd-4-16 {
    padding: 4px 16px !important; }
  .mg-4-24 {
    margin: 4px 24px !important; }
  .pd-4-24 {
    padding: 4px 24px !important; }
  .mg-4-32 {
    margin: 4px 32px !important; }
  .pd-4-32 {
    padding: 4px 32px !important; }
  .mg-4-40 {
    margin: 4px 40px !important; }
  .pd-4-40 {
    padding: 4px 40px !important; }
  .mg-4-56 {
    margin: 4px 56px !important; }
  .pd-4-56 {
    padding: 4px 56px !important; }
  .mg-4-64 {
    margin: 4px 64px !important; }
  .pd-4-64 {
    padding: 4px 64px !important; }
  .mg-4-80 {
    margin: 4px 80px !important; }
  .pd-4-80 {
    padding: 4px 80px !important; }
  .mg-4-120 {
    margin: 4px 120px !important; }
  .pd-4-120 {
    padding: 4px 120px !important; }
  .mg-4-160 {
    margin: 4px 160px !important; }
  .pd-4-160 {
    padding: 4px 160px !important; }
  .mg-4-140 {
    margin: 4px 140px !important; }
  .pd-4-140 {
    padding: 4px 140px !important; }
  .mg-6-0 {
    margin: 6px 0px !important; }
  .pd-6-0 {
    padding: 6px 0px !important; }
  .mg-6-2 {
    margin: 6px 2px !important; }
  .pd-6-2 {
    padding: 6px 2px !important; }
  .mg-6-4 {
    margin: 6px 4px !important; }
  .pd-6-4 {
    padding: 6px 4px !important; }
  .mg-6-6 {
    margin: 6px 6px !important; }
  .pd-6-6 {
    padding: 6px 6px !important; }
  .mg-6-8 {
    margin: 6px 8px !important; }
  .pd-6-8 {
    padding: 6px 8px !important; }
  .mg-6-12 {
    margin: 6px 12px !important; }
  .pd-6-12 {
    padding: 6px 12px !important; }
  .mg-6-16 {
    margin: 6px 16px !important; }
  .pd-6-16 {
    padding: 6px 16px !important; }
  .mg-6-24 {
    margin: 6px 24px !important; }
  .pd-6-24 {
    padding: 6px 24px !important; }
  .mg-6-32 {
    margin: 6px 32px !important; }
  .pd-6-32 {
    padding: 6px 32px !important; }
  .mg-6-40 {
    margin: 6px 40px !important; }
  .pd-6-40 {
    padding: 6px 40px !important; }
  .mg-6-56 {
    margin: 6px 56px !important; }
  .pd-6-56 {
    padding: 6px 56px !important; }
  .mg-6-64 {
    margin: 6px 64px !important; }
  .pd-6-64 {
    padding: 6px 64px !important; }
  .mg-6-80 {
    margin: 6px 80px !important; }
  .pd-6-80 {
    padding: 6px 80px !important; }
  .mg-6-120 {
    margin: 6px 120px !important; }
  .pd-6-120 {
    padding: 6px 120px !important; }
  .mg-6-160 {
    margin: 6px 160px !important; }
  .pd-6-160 {
    padding: 6px 160px !important; }
  .mg-6-140 {
    margin: 6px 140px !important; }
  .pd-6-140 {
    padding: 6px 140px !important; }
  .mg-8-0 {
    margin: 8px 0px !important; }
  .pd-8-0 {
    padding: 8px 0px !important; }
  .mg-8-2 {
    margin: 8px 2px !important; }
  .pd-8-2 {
    padding: 8px 2px !important; }
  .mg-8-4 {
    margin: 8px 4px !important; }
  .pd-8-4 {
    padding: 8px 4px !important; }
  .mg-8-6 {
    margin: 8px 6px !important; }
  .pd-8-6 {
    padding: 8px 6px !important; }
  .mg-8-8 {
    margin: 8px 8px !important; }
  .pd-8-8 {
    padding: 8px 8px !important; }
  .mg-8-12 {
    margin: 8px 12px !important; }
  .pd-8-12 {
    padding: 8px 12px !important; }
  .mg-8-16 {
    margin: 8px 16px !important; }
  .pd-8-16 {
    padding: 8px 16px !important; }
  .mg-8-24 {
    margin: 8px 24px !important; }
  .pd-8-24 {
    padding: 8px 24px !important; }
  .mg-8-32 {
    margin: 8px 32px !important; }
  .pd-8-32 {
    padding: 8px 32px !important; }
  .mg-8-40 {
    margin: 8px 40px !important; }
  .pd-8-40 {
    padding: 8px 40px !important; }
  .mg-8-56 {
    margin: 8px 56px !important; }
  .pd-8-56 {
    padding: 8px 56px !important; }
  .mg-8-64 {
    margin: 8px 64px !important; }
  .pd-8-64 {
    padding: 8px 64px !important; }
  .mg-8-80 {
    margin: 8px 80px !important; }
  .pd-8-80 {
    padding: 8px 80px !important; }
  .mg-8-120 {
    margin: 8px 120px !important; }
  .pd-8-120 {
    padding: 8px 120px !important; }
  .mg-8-160 {
    margin: 8px 160px !important; }
  .pd-8-160 {
    padding: 8px 160px !important; }
  .mg-8-140 {
    margin: 8px 140px !important; }
  .pd-8-140 {
    padding: 8px 140px !important; }
  .mg-12-0 {
    margin: 12px 0px !important; }
  .pd-12-0 {
    padding: 12px 0px !important; }
  .mg-12-2 {
    margin: 12px 2px !important; }
  .pd-12-2 {
    padding: 12px 2px !important; }
  .mg-12-4 {
    margin: 12px 4px !important; }
  .pd-12-4 {
    padding: 12px 4px !important; }
  .mg-12-6 {
    margin: 12px 6px !important; }
  .pd-12-6 {
    padding: 12px 6px !important; }
  .mg-12-8 {
    margin: 12px 8px !important; }
  .pd-12-8 {
    padding: 12px 8px !important; }
  .mg-12-12 {
    margin: 12px 12px !important; }
  .pd-12-12 {
    padding: 12px 12px !important; }
  .mg-12-16 {
    margin: 12px 16px !important; }
  .pd-12-16 {
    padding: 12px 16px !important; }
  .mg-12-24 {
    margin: 12px 24px !important; }
  .pd-12-24 {
    padding: 12px 24px !important; }
  .mg-12-32 {
    margin: 12px 32px !important; }
  .pd-12-32 {
    padding: 12px 32px !important; }
  .mg-12-40 {
    margin: 12px 40px !important; }
  .pd-12-40 {
    padding: 12px 40px !important; }
  .mg-12-56 {
    margin: 12px 56px !important; }
  .pd-12-56 {
    padding: 12px 56px !important; }
  .mg-12-64 {
    margin: 12px 64px !important; }
  .pd-12-64 {
    padding: 12px 64px !important; }
  .mg-12-80 {
    margin: 12px 80px !important; }
  .pd-12-80 {
    padding: 12px 80px !important; }
  .mg-12-120 {
    margin: 12px 120px !important; }
  .pd-12-120 {
    padding: 12px 120px !important; }
  .mg-12-160 {
    margin: 12px 160px !important; }
  .pd-12-160 {
    padding: 12px 160px !important; }
  .mg-12-140 {
    margin: 12px 140px !important; }
  .pd-12-140 {
    padding: 12px 140px !important; }
  .mg-16-0 {
    margin: 16px 0px !important; }
  .pd-16-0 {
    padding: 16px 0px !important; }
  .mg-16-2 {
    margin: 16px 2px !important; }
  .pd-16-2 {
    padding: 16px 2px !important; }
  .mg-16-4 {
    margin: 16px 4px !important; }
  .pd-16-4 {
    padding: 16px 4px !important; }
  .mg-16-6 {
    margin: 16px 6px !important; }
  .pd-16-6 {
    padding: 16px 6px !important; }
  .mg-16-8 {
    margin: 16px 8px !important; }
  .pd-16-8 {
    padding: 16px 8px !important; }
  .mg-16-12 {
    margin: 16px 12px !important; }
  .pd-16-12 {
    padding: 16px 12px !important; }
  .mg-16-16 {
    margin: 16px 16px !important; }
  .pd-16-16 {
    padding: 16px 16px !important; }
  .mg-16-24 {
    margin: 16px 24px !important; }
  .pd-16-24 {
    padding: 16px 24px !important; }
  .mg-16-32 {
    margin: 16px 32px !important; }
  .pd-16-32 {
    padding: 16px 32px !important; }
  .mg-16-40 {
    margin: 16px 40px !important; }
  .pd-16-40 {
    padding: 16px 40px !important; }
  .mg-16-56 {
    margin: 16px 56px !important; }
  .pd-16-56 {
    padding: 16px 56px !important; }
  .mg-16-64 {
    margin: 16px 64px !important; }
  .pd-16-64 {
    padding: 16px 64px !important; }
  .mg-16-80 {
    margin: 16px 80px !important; }
  .pd-16-80 {
    padding: 16px 80px !important; }
  .mg-16-120 {
    margin: 16px 120px !important; }
  .pd-16-120 {
    padding: 16px 120px !important; }
  .mg-16-160 {
    margin: 16px 160px !important; }
  .pd-16-160 {
    padding: 16px 160px !important; }
  .mg-16-140 {
    margin: 16px 140px !important; }
  .pd-16-140 {
    padding: 16px 140px !important; }
  .mg-24-0 {
    margin: 24px 0px !important; }
  .pd-24-0 {
    padding: 24px 0px !important; }
  .mg-24-2 {
    margin: 24px 2px !important; }
  .pd-24-2 {
    padding: 24px 2px !important; }
  .mg-24-4 {
    margin: 24px 4px !important; }
  .pd-24-4 {
    padding: 24px 4px !important; }
  .mg-24-6 {
    margin: 24px 6px !important; }
  .pd-24-6 {
    padding: 24px 6px !important; }
  .mg-24-8 {
    margin: 24px 8px !important; }
  .pd-24-8 {
    padding: 24px 8px !important; }
  .mg-24-12 {
    margin: 24px 12px !important; }
  .pd-24-12 {
    padding: 24px 12px !important; }
  .mg-24-16 {
    margin: 24px 16px !important; }
  .pd-24-16 {
    padding: 24px 16px !important; }
  .mg-24-24 {
    margin: 24px 24px !important; }
  .pd-24-24 {
    padding: 24px 24px !important; }
  .mg-24-32 {
    margin: 24px 32px !important; }
  .pd-24-32 {
    padding: 24px 32px !important; }
  .mg-24-40 {
    margin: 24px 40px !important; }
  .pd-24-40 {
    padding: 24px 40px !important; }
  .mg-24-56 {
    margin: 24px 56px !important; }
  .pd-24-56 {
    padding: 24px 56px !important; }
  .mg-24-64 {
    margin: 24px 64px !important; }
  .pd-24-64 {
    padding: 24px 64px !important; }
  .mg-24-80 {
    margin: 24px 80px !important; }
  .pd-24-80 {
    padding: 24px 80px !important; }
  .mg-24-120 {
    margin: 24px 120px !important; }
  .pd-24-120 {
    padding: 24px 120px !important; }
  .mg-24-160 {
    margin: 24px 160px !important; }
  .pd-24-160 {
    padding: 24px 160px !important; }
  .mg-24-140 {
    margin: 24px 140px !important; }
  .pd-24-140 {
    padding: 24px 140px !important; }
  .mg-32-0 {
    margin: 32px 0px !important; }
  .pd-32-0 {
    padding: 32px 0px !important; }
  .mg-32-2 {
    margin: 32px 2px !important; }
  .pd-32-2 {
    padding: 32px 2px !important; }
  .mg-32-4 {
    margin: 32px 4px !important; }
  .pd-32-4 {
    padding: 32px 4px !important; }
  .mg-32-6 {
    margin: 32px 6px !important; }
  .pd-32-6 {
    padding: 32px 6px !important; }
  .mg-32-8 {
    margin: 32px 8px !important; }
  .pd-32-8 {
    padding: 32px 8px !important; }
  .mg-32-12 {
    margin: 32px 12px !important; }
  .pd-32-12 {
    padding: 32px 12px !important; }
  .mg-32-16 {
    margin: 32px 16px !important; }
  .pd-32-16 {
    padding: 32px 16px !important; }
  .mg-32-24 {
    margin: 32px 24px !important; }
  .pd-32-24 {
    padding: 32px 24px !important; }
  .mg-32-32 {
    margin: 32px 32px !important; }
  .pd-32-32 {
    padding: 32px 32px !important; }
  .mg-32-40 {
    margin: 32px 40px !important; }
  .pd-32-40 {
    padding: 32px 40px !important; }
  .mg-32-56 {
    margin: 32px 56px !important; }
  .pd-32-56 {
    padding: 32px 56px !important; }
  .mg-32-64 {
    margin: 32px 64px !important; }
  .pd-32-64 {
    padding: 32px 64px !important; }
  .mg-32-80 {
    margin: 32px 80px !important; }
  .pd-32-80 {
    padding: 32px 80px !important; }
  .mg-32-120 {
    margin: 32px 120px !important; }
  .pd-32-120 {
    padding: 32px 120px !important; }
  .mg-32-160 {
    margin: 32px 160px !important; }
  .pd-32-160 {
    padding: 32px 160px !important; }
  .mg-32-140 {
    margin: 32px 140px !important; }
  .pd-32-140 {
    padding: 32px 140px !important; }
  .mg-40-0 {
    margin: 40px 0px !important; }
  .pd-40-0 {
    padding: 40px 0px !important; }
  .mg-40-2 {
    margin: 40px 2px !important; }
  .pd-40-2 {
    padding: 40px 2px !important; }
  .mg-40-4 {
    margin: 40px 4px !important; }
  .pd-40-4 {
    padding: 40px 4px !important; }
  .mg-40-6 {
    margin: 40px 6px !important; }
  .pd-40-6 {
    padding: 40px 6px !important; }
  .mg-40-8 {
    margin: 40px 8px !important; }
  .pd-40-8 {
    padding: 40px 8px !important; }
  .mg-40-12 {
    margin: 40px 12px !important; }
  .pd-40-12 {
    padding: 40px 12px !important; }
  .mg-40-16 {
    margin: 40px 16px !important; }
  .pd-40-16 {
    padding: 40px 16px !important; }
  .mg-40-24 {
    margin: 40px 24px !important; }
  .pd-40-24 {
    padding: 40px 24px !important; }
  .mg-40-32 {
    margin: 40px 32px !important; }
  .pd-40-32 {
    padding: 40px 32px !important; }
  .mg-40-40 {
    margin: 40px 40px !important; }
  .pd-40-40 {
    padding: 40px 40px !important; }
  .mg-40-56 {
    margin: 40px 56px !important; }
  .pd-40-56 {
    padding: 40px 56px !important; }
  .mg-40-64 {
    margin: 40px 64px !important; }
  .pd-40-64 {
    padding: 40px 64px !important; }
  .mg-40-80 {
    margin: 40px 80px !important; }
  .pd-40-80 {
    padding: 40px 80px !important; }
  .mg-40-120 {
    margin: 40px 120px !important; }
  .pd-40-120 {
    padding: 40px 120px !important; }
  .mg-40-160 {
    margin: 40px 160px !important; }
  .pd-40-160 {
    padding: 40px 160px !important; }
  .mg-40-140 {
    margin: 40px 140px !important; }
  .pd-40-140 {
    padding: 40px 140px !important; }
  .mg-56-0 {
    margin: 56px 0px !important; }
  .pd-56-0 {
    padding: 56px 0px !important; }
  .mg-56-2 {
    margin: 56px 2px !important; }
  .pd-56-2 {
    padding: 56px 2px !important; }
  .mg-56-4 {
    margin: 56px 4px !important; }
  .pd-56-4 {
    padding: 56px 4px !important; }
  .mg-56-6 {
    margin: 56px 6px !important; }
  .pd-56-6 {
    padding: 56px 6px !important; }
  .mg-56-8 {
    margin: 56px 8px !important; }
  .pd-56-8 {
    padding: 56px 8px !important; }
  .mg-56-12 {
    margin: 56px 12px !important; }
  .pd-56-12 {
    padding: 56px 12px !important; }
  .mg-56-16 {
    margin: 56px 16px !important; }
  .pd-56-16 {
    padding: 56px 16px !important; }
  .mg-56-24 {
    margin: 56px 24px !important; }
  .pd-56-24 {
    padding: 56px 24px !important; }
  .mg-56-32 {
    margin: 56px 32px !important; }
  .pd-56-32 {
    padding: 56px 32px !important; }
  .mg-56-40 {
    margin: 56px 40px !important; }
  .pd-56-40 {
    padding: 56px 40px !important; }
  .mg-56-56 {
    margin: 56px 56px !important; }
  .pd-56-56 {
    padding: 56px 56px !important; }
  .mg-56-64 {
    margin: 56px 64px !important; }
  .pd-56-64 {
    padding: 56px 64px !important; }
  .mg-56-80 {
    margin: 56px 80px !important; }
  .pd-56-80 {
    padding: 56px 80px !important; }
  .mg-56-120 {
    margin: 56px 120px !important; }
  .pd-56-120 {
    padding: 56px 120px !important; }
  .mg-56-160 {
    margin: 56px 160px !important; }
  .pd-56-160 {
    padding: 56px 160px !important; }
  .mg-56-140 {
    margin: 56px 140px !important; }
  .pd-56-140 {
    padding: 56px 140px !important; }
  .mg-64-0 {
    margin: 64px 0px !important; }
  .pd-64-0 {
    padding: 64px 0px !important; }
  .mg-64-2 {
    margin: 64px 2px !important; }
  .pd-64-2 {
    padding: 64px 2px !important; }
  .mg-64-4 {
    margin: 64px 4px !important; }
  .pd-64-4 {
    padding: 64px 4px !important; }
  .mg-64-6 {
    margin: 64px 6px !important; }
  .pd-64-6 {
    padding: 64px 6px !important; }
  .mg-64-8 {
    margin: 64px 8px !important; }
  .pd-64-8 {
    padding: 64px 8px !important; }
  .mg-64-12 {
    margin: 64px 12px !important; }
  .pd-64-12 {
    padding: 64px 12px !important; }
  .mg-64-16 {
    margin: 64px 16px !important; }
  .pd-64-16 {
    padding: 64px 16px !important; }
  .mg-64-24 {
    margin: 64px 24px !important; }
  .pd-64-24 {
    padding: 64px 24px !important; }
  .mg-64-32 {
    margin: 64px 32px !important; }
  .pd-64-32 {
    padding: 64px 32px !important; }
  .mg-64-40 {
    margin: 64px 40px !important; }
  .pd-64-40 {
    padding: 64px 40px !important; }
  .mg-64-56 {
    margin: 64px 56px !important; }
  .pd-64-56 {
    padding: 64px 56px !important; }
  .mg-64-64 {
    margin: 64px 64px !important; }
  .pd-64-64 {
    padding: 64px 64px !important; }
  .mg-64-80 {
    margin: 64px 80px !important; }
  .pd-64-80 {
    padding: 64px 80px !important; }
  .mg-64-120 {
    margin: 64px 120px !important; }
  .pd-64-120 {
    padding: 64px 120px !important; }
  .mg-64-160 {
    margin: 64px 160px !important; }
  .pd-64-160 {
    padding: 64px 160px !important; }
  .mg-64-140 {
    margin: 64px 140px !important; }
  .pd-64-140 {
    padding: 64px 140px !important; }
  .mg-80-0 {
    margin: 80px 0px !important; }
  .pd-80-0 {
    padding: 80px 0px !important; }
  .mg-80-2 {
    margin: 80px 2px !important; }
  .pd-80-2 {
    padding: 80px 2px !important; }
  .mg-80-4 {
    margin: 80px 4px !important; }
  .pd-80-4 {
    padding: 80px 4px !important; }
  .mg-80-6 {
    margin: 80px 6px !important; }
  .pd-80-6 {
    padding: 80px 6px !important; }
  .mg-80-8 {
    margin: 80px 8px !important; }
  .pd-80-8 {
    padding: 80px 8px !important; }
  .mg-80-12 {
    margin: 80px 12px !important; }
  .pd-80-12 {
    padding: 80px 12px !important; }
  .mg-80-16 {
    margin: 80px 16px !important; }
  .pd-80-16 {
    padding: 80px 16px !important; }
  .mg-80-24 {
    margin: 80px 24px !important; }
  .pd-80-24 {
    padding: 80px 24px !important; }
  .mg-80-32 {
    margin: 80px 32px !important; }
  .pd-80-32 {
    padding: 80px 32px !important; }
  .mg-80-40 {
    margin: 80px 40px !important; }
  .pd-80-40 {
    padding: 80px 40px !important; }
  .mg-80-56 {
    margin: 80px 56px !important; }
  .pd-80-56 {
    padding: 80px 56px !important; }
  .mg-80-64 {
    margin: 80px 64px !important; }
  .pd-80-64 {
    padding: 80px 64px !important; }
  .mg-80-80 {
    margin: 80px 80px !important; }
  .pd-80-80 {
    padding: 80px 80px !important; }
  .mg-80-120 {
    margin: 80px 120px !important; }
  .pd-80-120 {
    padding: 80px 120px !important; }
  .mg-80-160 {
    margin: 80px 160px !important; }
  .pd-80-160 {
    padding: 80px 160px !important; }
  .mg-80-140 {
    margin: 80px 140px !important; }
  .pd-80-140 {
    padding: 80px 140px !important; }
  .mg-120-0 {
    margin: 120px 0px !important; }
  .pd-120-0 {
    padding: 120px 0px !important; }
  .mg-120-2 {
    margin: 120px 2px !important; }
  .pd-120-2 {
    padding: 120px 2px !important; }
  .mg-120-4 {
    margin: 120px 4px !important; }
  .pd-120-4 {
    padding: 120px 4px !important; }
  .mg-120-6 {
    margin: 120px 6px !important; }
  .pd-120-6 {
    padding: 120px 6px !important; }
  .mg-120-8 {
    margin: 120px 8px !important; }
  .pd-120-8 {
    padding: 120px 8px !important; }
  .mg-120-12 {
    margin: 120px 12px !important; }
  .pd-120-12 {
    padding: 120px 12px !important; }
  .mg-120-16 {
    margin: 120px 16px !important; }
  .pd-120-16 {
    padding: 120px 16px !important; }
  .mg-120-24 {
    margin: 120px 24px !important; }
  .pd-120-24 {
    padding: 120px 24px !important; }
  .mg-120-32 {
    margin: 120px 32px !important; }
  .pd-120-32 {
    padding: 120px 32px !important; }
  .mg-120-40 {
    margin: 120px 40px !important; }
  .pd-120-40 {
    padding: 120px 40px !important; }
  .mg-120-56 {
    margin: 120px 56px !important; }
  .pd-120-56 {
    padding: 120px 56px !important; }
  .mg-120-64 {
    margin: 120px 64px !important; }
  .pd-120-64 {
    padding: 120px 64px !important; }
  .mg-120-80 {
    margin: 120px 80px !important; }
  .pd-120-80 {
    padding: 120px 80px !important; }
  .mg-120-120 {
    margin: 120px 120px !important; }
  .pd-120-120 {
    padding: 120px 120px !important; }
  .mg-120-160 {
    margin: 120px 160px !important; }
  .pd-120-160 {
    padding: 120px 160px !important; }
  .mg-120-140 {
    margin: 120px 140px !important; }
  .pd-120-140 {
    padding: 120px 140px !important; }
  .mg-160-0 {
    margin: 160px 0px !important; }
  .pd-160-0 {
    padding: 160px 0px !important; }
  .mg-160-2 {
    margin: 160px 2px !important; }
  .pd-160-2 {
    padding: 160px 2px !important; }
  .mg-160-4 {
    margin: 160px 4px !important; }
  .pd-160-4 {
    padding: 160px 4px !important; }
  .mg-160-6 {
    margin: 160px 6px !important; }
  .pd-160-6 {
    padding: 160px 6px !important; }
  .mg-160-8 {
    margin: 160px 8px !important; }
  .pd-160-8 {
    padding: 160px 8px !important; }
  .mg-160-12 {
    margin: 160px 12px !important; }
  .pd-160-12 {
    padding: 160px 12px !important; }
  .mg-160-16 {
    margin: 160px 16px !important; }
  .pd-160-16 {
    padding: 160px 16px !important; }
  .mg-160-24 {
    margin: 160px 24px !important; }
  .pd-160-24 {
    padding: 160px 24px !important; }
  .mg-160-32 {
    margin: 160px 32px !important; }
  .pd-160-32 {
    padding: 160px 32px !important; }
  .mg-160-40 {
    margin: 160px 40px !important; }
  .pd-160-40 {
    padding: 160px 40px !important; }
  .mg-160-56 {
    margin: 160px 56px !important; }
  .pd-160-56 {
    padding: 160px 56px !important; }
  .mg-160-64 {
    margin: 160px 64px !important; }
  .pd-160-64 {
    padding: 160px 64px !important; }
  .mg-160-80 {
    margin: 160px 80px !important; }
  .pd-160-80 {
    padding: 160px 80px !important; }
  .mg-160-120 {
    margin: 160px 120px !important; }
  .pd-160-120 {
    padding: 160px 120px !important; }
  .mg-160-160 {
    margin: 160px 160px !important; }
  .pd-160-160 {
    padding: 160px 160px !important; }
  .mg-160-140 {
    margin: 160px 140px !important; }
  .pd-160-140 {
    padding: 160px 140px !important; }
  .mg-140-0 {
    margin: 140px 0px !important; }
  .pd-140-0 {
    padding: 140px 0px !important; }
  .mg-140-2 {
    margin: 140px 2px !important; }
  .pd-140-2 {
    padding: 140px 2px !important; }
  .mg-140-4 {
    margin: 140px 4px !important; }
  .pd-140-4 {
    padding: 140px 4px !important; }
  .mg-140-6 {
    margin: 140px 6px !important; }
  .pd-140-6 {
    padding: 140px 6px !important; }
  .mg-140-8 {
    margin: 140px 8px !important; }
  .pd-140-8 {
    padding: 140px 8px !important; }
  .mg-140-12 {
    margin: 140px 12px !important; }
  .pd-140-12 {
    padding: 140px 12px !important; }
  .mg-140-16 {
    margin: 140px 16px !important; }
  .pd-140-16 {
    padding: 140px 16px !important; }
  .mg-140-24 {
    margin: 140px 24px !important; }
  .pd-140-24 {
    padding: 140px 24px !important; }
  .mg-140-32 {
    margin: 140px 32px !important; }
  .pd-140-32 {
    padding: 140px 32px !important; }
  .mg-140-40 {
    margin: 140px 40px !important; }
  .pd-140-40 {
    padding: 140px 40px !important; }
  .mg-140-56 {
    margin: 140px 56px !important; }
  .pd-140-56 {
    padding: 140px 56px !important; }
  .mg-140-64 {
    margin: 140px 64px !important; }
  .pd-140-64 {
    padding: 140px 64px !important; }
  .mg-140-80 {
    margin: 140px 80px !important; }
  .pd-140-80 {
    padding: 140px 80px !important; }
  .mg-140-120 {
    margin: 140px 120px !important; }
  .pd-140-120 {
    padding: 140px 120px !important; }
  .mg-140-160 {
    margin: 140px 160px !important; }
  .pd-140-160 {
    padding: 140px 160px !important; }
  .mg-140-140 {
    margin: 140px 140px !important; }
  .pd-140-140 {
    padding: 140px 140px !important; }
  .pd-0 {
    padding: 0px !important; }
  .pd-4 {
    padding: 4px !important; }
  .pd-6 {
    padding: 6px !important; }
  .pd-8 {
    padding: 8px !important; }
  .pd-12 {
    padding: 12px !important; }
  .pd-16 {
    padding: 16px !important; }
  .pd-24 {
    padding: 24px !important; }
  .pd-32 {
    padding: 32px !important; }
  .pd-40 {
    padding: 40px !important; }
  .pd-48 {
    padding: 48px !important; }
  .pd-56 {
    padding: 56px !important; }
  .pd-64 {
    padding: 64px !important; }
  .pd-80 {
    padding: 80px !important; }
  .pd-120 {
    padding: 120px !important; }
  .pd-160 {
    padding: 160px !important; }
  .pd-280 {
    padding: 280px !important; }
  .pd-top-0 {
    padding-top: 0px !important; }
  .pd-top-4 {
    padding-top: 4px !important; }
  .pd-top-6 {
    padding-top: 6px !important; }
  .pd-top-8 {
    padding-top: 8px !important; }
  .pd-top-12 {
    padding-top: 12px !important; }
  .pd-top-16 {
    padding-top: 16px !important; }
  .pd-top-24 {
    padding-top: 24px !important; }
  .pd-top-32 {
    padding-top: 32px !important; }
  .pd-top-40 {
    padding-top: 40px !important; }
  .pd-top-48 {
    padding-top: 48px !important; }
  .pd-top-56 {
    padding-top: 56px !important; }
  .pd-top-64 {
    padding-top: 64px !important; }
  .pd-top-80 {
    padding-top: 80px !important; }
  .pd-top-120 {
    padding-top: 120px !important; }
  .pd-top-160 {
    padding-top: 160px !important; }
  .pd-top-280 {
    padding-top: 280px !important; }
  .pd-bottom-0 {
    padding-bottom: 0px !important; }
  .pd-bottom-4 {
    padding-bottom: 4px !important; }
  .pd-bottom-6 {
    padding-bottom: 6px !important; }
  .pd-bottom-8 {
    padding-bottom: 8px !important; }
  .pd-bottom-12 {
    padding-bottom: 12px !important; }
  .pd-bottom-16 {
    padding-bottom: 16px !important; }
  .pd-bottom-24 {
    padding-bottom: 24px !important; }
  .pd-bottom-32 {
    padding-bottom: 32px !important; }
  .pd-bottom-40 {
    padding-bottom: 40px !important; }
  .pd-bottom-48 {
    padding-bottom: 48px !important; }
  .pd-bottom-56 {
    padding-bottom: 56px !important; }
  .pd-bottom-64 {
    padding-bottom: 64px !important; }
  .pd-bottom-80 {
    padding-bottom: 80px !important; }
  .pd-bottom-120 {
    padding-bottom: 120px !important; }
  .pd-bottom-160 {
    padding-bottom: 160px !important; }
  .pd-bottom-280 {
    padding-bottom: 280px !important; }
  .pd-right-0 {
    padding-right: 0px !important; }
  .pd-right-4 {
    padding-right: 4px !important; }
  .pd-right-6 {
    padding-right: 6px !important; }
  .pd-right-8 {
    padding-right: 8px !important; }
  .pd-right-12 {
    padding-right: 12px !important; }
  .pd-right-16 {
    padding-right: 16px !important; }
  .pd-right-24 {
    padding-right: 24px !important; }
  .pd-right-32 {
    padding-right: 32px !important; }
  .pd-right-40 {
    padding-right: 40px !important; }
  .pd-right-48 {
    padding-right: 48px !important; }
  .pd-right-56 {
    padding-right: 56px !important; }
  .pd-right-64 {
    padding-right: 64px !important; }
  .pd-right-80 {
    padding-right: 80px !important; }
  .pd-right-120 {
    padding-right: 120px !important; }
  .pd-right-160 {
    padding-right: 160px !important; }
  .pd-right-280 {
    padding-right: 280px !important; }
  .pd-left-0 {
    padding-left: 0px !important; }
  .pd-left-4 {
    padding-left: 4px !important; }
  .pd-left-6 {
    padding-left: 6px !important; }
  .pd-left-8 {
    padding-left: 8px !important; }
  .pd-left-12 {
    padding-left: 12px !important; }
  .pd-left-16 {
    padding-left: 16px !important; }
  .pd-left-24 {
    padding-left: 24px !important; }
  .pd-left-32 {
    padding-left: 32px !important; }
  .pd-left-40 {
    padding-left: 40px !important; }
  .pd-left-48 {
    padding-left: 48px !important; }
  .pd-left-56 {
    padding-left: 56px !important; }
  .pd-left-64 {
    padding-left: 64px !important; }
  .pd-left-80 {
    padding-left: 80px !important; }
  .pd-left-120 {
    padding-left: 120px !important; }
  .pd-left-160 {
    padding-left: 160px !important; }
  .pd-left-280 {
    padding-left: 280px !important; }
  .mg-0 {
    margin: 0px !important; }
  .mg-4 {
    margin: 4px !important; }
  .mg-6 {
    margin: 6px !important; }
  .mg-8 {
    margin: 8px !important; }
  .mg-12 {
    margin: 12px !important; }
  .mg-16 {
    margin: 16px !important; }
  .mg-24 {
    margin: 24px !important; }
  .mg-32 {
    margin: 32px !important; }
  .mg-40 {
    margin: 40px !important; }
  .mg-48 {
    margin: 48px !important; }
  .mg-56 {
    margin: 56px !important; }
  .mg-64 {
    margin: 64px !important; }
  .mg-80 {
    margin: 80px !important; }
  .mg-120 {
    margin: 120px !important; }
  .mg-160 {
    margin: 160px !important; }
  .mg-280 {
    margin: 280px !important; }
  .mg-top-0 {
    margin-top: 0px !important; }
  .mg-top-4 {
    margin-top: 4px !important; }
  .mg-top-6 {
    margin-top: 6px !important; }
  .mg-top-8 {
    margin-top: 8px !important; }
  .mg-top-12 {
    margin-top: 12px !important; }
  .mg-top-16 {
    margin-top: 16px !important; }
  .mg-top-24 {
    margin-top: 24px !important; }
  .mg-top-32 {
    margin-top: 32px !important; }
  .mg-top-40 {
    margin-top: 40px !important; }
  .mg-top-48 {
    margin-top: 48px !important; }
  .mg-top-56 {
    margin-top: 56px !important; }
  .mg-top-64 {
    margin-top: 64px !important; }
  .mg-top-80 {
    margin-top: 80px !important; }
  .mg-top-120 {
    margin-top: 120px !important; }
  .mg-top-160 {
    margin-top: 160px !important; }
  .mg-top-280 {
    margin-top: 280px !important; }
  .mg-bottom-0 {
    margin-bottom: 0px !important; }
  .mg-bottom-4 {
    margin-bottom: 4px !important; }
  .mg-bottom-6 {
    margin-bottom: 6px !important; }
  .mg-bottom-8 {
    margin-bottom: 8px !important; }
  .mg-bottom-12 {
    margin-bottom: 12px !important; }
  .mg-bottom-16 {
    margin-bottom: 16px !important; }
  .mg-bottom-24 {
    margin-bottom: 24px !important; }
  .mg-bottom-32 {
    margin-bottom: 32px !important; }
  .mg-bottom-40 {
    margin-bottom: 40px !important; }
  .mg-bottom-48 {
    margin-bottom: 48px !important; }
  .mg-bottom-56 {
    margin-bottom: 56px !important; }
  .mg-bottom-64 {
    margin-bottom: 64px !important; }
  .mg-bottom-80 {
    margin-bottom: 80px !important; }
  .mg-bottom-120 {
    margin-bottom: 120px !important; }
  .mg-bottom-160 {
    margin-bottom: 160px !important; }
  .mg-bottom-280 {
    margin-bottom: 280px !important; }
  .mg-right-0 {
    margin-right: 0px !important; }
  .mg-right-4 {
    margin-right: 4px !important; }
  .mg-right-6 {
    margin-right: 6px !important; }
  .mg-right-8 {
    margin-right: 8px !important; }
  .mg-right-12 {
    margin-right: 12px !important; }
  .mg-right-16 {
    margin-right: 16px !important; }
  .mg-right-24 {
    margin-right: 24px !important; }
  .mg-right-32 {
    margin-right: 32px !important; }
  .mg-right-40 {
    margin-right: 40px !important; }
  .mg-right-48 {
    margin-right: 48px !important; }
  .mg-right-56 {
    margin-right: 56px !important; }
  .mg-right-64 {
    margin-right: 64px !important; }
  .mg-right-80 {
    margin-right: 80px !important; }
  .mg-right-120 {
    margin-right: 120px !important; }
  .mg-right-160 {
    margin-right: 160px !important; }
  .mg-right-280 {
    margin-right: 280px !important; }
  .mg-left-0 {
    margin-left: 0px !important; }
  .mg-left-4 {
    margin-left: 4px !important; }
  .mg-left-6 {
    margin-left: 6px !important; }
  .mg-left-8 {
    margin-left: 8px !important; }
  .mg-left-12 {
    margin-left: 12px !important; }
  .mg-left-16 {
    margin-left: 16px !important; }
  .mg-left-24 {
    margin-left: 24px !important; }
  .mg-left-32 {
    margin-left: 32px !important; }
  .mg-left-40 {
    margin-left: 40px !important; }
  .mg-left-48 {
    margin-left: 48px !important; }
  .mg-left-56 {
    margin-left: 56px !important; }
  .mg-left-64 {
    margin-left: 64px !important; }
  .mg-left-80 {
    margin-left: 80px !important; }
  .mg-left-120 {
    margin-left: 120px !important; }
  .mg-left-160 {
    margin-left: 160px !important; }
  .mg-left-280 {
    margin-left: 280px !important; }
  .sp-mg-0-0 {
    margin: 0px 0px !important; }
  .sp-pd-0-0 {
    padding: 0px 0px !important; }
  .sp-mg-0-2 {
    margin: 0px 2px !important; }
  .sp-pd-0-2 {
    padding: 0px 2px !important; }
  .sp-mg-0-4 {
    margin: 0px 4px !important; }
  .sp-pd-0-4 {
    padding: 0px 4px !important; }
  .sp-mg-0-6 {
    margin: 0px 6px !important; }
  .sp-pd-0-6 {
    padding: 0px 6px !important; }
  .sp-mg-0-8 {
    margin: 0px 8px !important; }
  .sp-pd-0-8 {
    padding: 0px 8px !important; }
  .sp-mg-0-12 {
    margin: 0px 12px !important; }
  .sp-pd-0-12 {
    padding: 0px 12px !important; }
  .sp-mg-0-16 {
    margin: 0px 16px !important; }
  .sp-pd-0-16 {
    padding: 0px 16px !important; }
  .sp-mg-0-24 {
    margin: 0px 24px !important; }
  .sp-pd-0-24 {
    padding: 0px 24px !important; }
  .sp-mg-0-32 {
    margin: 0px 32px !important; }
  .sp-pd-0-32 {
    padding: 0px 32px !important; }
  .sp-mg-0-40 {
    margin: 0px 40px !important; }
  .sp-pd-0-40 {
    padding: 0px 40px !important; }
  .sp-mg-0-56 {
    margin: 0px 56px !important; }
  .sp-pd-0-56 {
    padding: 0px 56px !important; }
  .sp-mg-0-64 {
    margin: 0px 64px !important; }
  .sp-pd-0-64 {
    padding: 0px 64px !important; }
  .sp-mg-0-80 {
    margin: 0px 80px !important; }
  .sp-pd-0-80 {
    padding: 0px 80px !important; }
  .sp-mg-0-120 {
    margin: 0px 120px !important; }
  .sp-pd-0-120 {
    padding: 0px 120px !important; }
  .sp-mg-0-160 {
    margin: 0px 160px !important; }
  .sp-pd-0-160 {
    padding: 0px 160px !important; }
  .sp-mg-0-140 {
    margin: 0px 140px !important; }
  .sp-pd-0-140 {
    padding: 0px 140px !important; }
  .sp-mg-2-0 {
    margin: 2px 0px !important; }
  .sp-pd-2-0 {
    padding: 2px 0px !important; }
  .sp-mg-2-2 {
    margin: 2px 2px !important; }
  .sp-pd-2-2 {
    padding: 2px 2px !important; }
  .sp-mg-2-4 {
    margin: 2px 4px !important; }
  .sp-pd-2-4 {
    padding: 2px 4px !important; }
  .sp-mg-2-6 {
    margin: 2px 6px !important; }
  .sp-pd-2-6 {
    padding: 2px 6px !important; }
  .sp-mg-2-8 {
    margin: 2px 8px !important; }
  .sp-pd-2-8 {
    padding: 2px 8px !important; }
  .sp-mg-2-12 {
    margin: 2px 12px !important; }
  .sp-pd-2-12 {
    padding: 2px 12px !important; }
  .sp-mg-2-16 {
    margin: 2px 16px !important; }
  .sp-pd-2-16 {
    padding: 2px 16px !important; }
  .sp-mg-2-24 {
    margin: 2px 24px !important; }
  .sp-pd-2-24 {
    padding: 2px 24px !important; }
  .sp-mg-2-32 {
    margin: 2px 32px !important; }
  .sp-pd-2-32 {
    padding: 2px 32px !important; }
  .sp-mg-2-40 {
    margin: 2px 40px !important; }
  .sp-pd-2-40 {
    padding: 2px 40px !important; }
  .sp-mg-2-56 {
    margin: 2px 56px !important; }
  .sp-pd-2-56 {
    padding: 2px 56px !important; }
  .sp-mg-2-64 {
    margin: 2px 64px !important; }
  .sp-pd-2-64 {
    padding: 2px 64px !important; }
  .sp-mg-2-80 {
    margin: 2px 80px !important; }
  .sp-pd-2-80 {
    padding: 2px 80px !important; }
  .sp-mg-2-120 {
    margin: 2px 120px !important; }
  .sp-pd-2-120 {
    padding: 2px 120px !important; }
  .sp-mg-2-160 {
    margin: 2px 160px !important; }
  .sp-pd-2-160 {
    padding: 2px 160px !important; }
  .sp-mg-2-140 {
    margin: 2px 140px !important; }
  .sp-pd-2-140 {
    padding: 2px 140px !important; }
  .sp-mg-4-0 {
    margin: 4px 0px !important; }
  .sp-pd-4-0 {
    padding: 4px 0px !important; }
  .sp-mg-4-2 {
    margin: 4px 2px !important; }
  .sp-pd-4-2 {
    padding: 4px 2px !important; }
  .sp-mg-4-4 {
    margin: 4px 4px !important; }
  .sp-pd-4-4 {
    padding: 4px 4px !important; }
  .sp-mg-4-6 {
    margin: 4px 6px !important; }
  .sp-pd-4-6 {
    padding: 4px 6px !important; }
  .sp-mg-4-8 {
    margin: 4px 8px !important; }
  .sp-pd-4-8 {
    padding: 4px 8px !important; }
  .sp-mg-4-12 {
    margin: 4px 12px !important; }
  .sp-pd-4-12 {
    padding: 4px 12px !important; }
  .sp-mg-4-16 {
    margin: 4px 16px !important; }
  .sp-pd-4-16 {
    padding: 4px 16px !important; }
  .sp-mg-4-24 {
    margin: 4px 24px !important; }
  .sp-pd-4-24 {
    padding: 4px 24px !important; }
  .sp-mg-4-32 {
    margin: 4px 32px !important; }
  .sp-pd-4-32 {
    padding: 4px 32px !important; }
  .sp-mg-4-40 {
    margin: 4px 40px !important; }
  .sp-pd-4-40 {
    padding: 4px 40px !important; }
  .sp-mg-4-56 {
    margin: 4px 56px !important; }
  .sp-pd-4-56 {
    padding: 4px 56px !important; }
  .sp-mg-4-64 {
    margin: 4px 64px !important; }
  .sp-pd-4-64 {
    padding: 4px 64px !important; }
  .sp-mg-4-80 {
    margin: 4px 80px !important; }
  .sp-pd-4-80 {
    padding: 4px 80px !important; }
  .sp-mg-4-120 {
    margin: 4px 120px !important; }
  .sp-pd-4-120 {
    padding: 4px 120px !important; }
  .sp-mg-4-160 {
    margin: 4px 160px !important; }
  .sp-pd-4-160 {
    padding: 4px 160px !important; }
  .sp-mg-4-140 {
    margin: 4px 140px !important; }
  .sp-pd-4-140 {
    padding: 4px 140px !important; }
  .sp-mg-6-0 {
    margin: 6px 0px !important; }
  .sp-pd-6-0 {
    padding: 6px 0px !important; }
  .sp-mg-6-2 {
    margin: 6px 2px !important; }
  .sp-pd-6-2 {
    padding: 6px 2px !important; }
  .sp-mg-6-4 {
    margin: 6px 4px !important; }
  .sp-pd-6-4 {
    padding: 6px 4px !important; }
  .sp-mg-6-6 {
    margin: 6px 6px !important; }
  .sp-pd-6-6 {
    padding: 6px 6px !important; }
  .sp-mg-6-8 {
    margin: 6px 8px !important; }
  .sp-pd-6-8 {
    padding: 6px 8px !important; }
  .sp-mg-6-12 {
    margin: 6px 12px !important; }
  .sp-pd-6-12 {
    padding: 6px 12px !important; }
  .sp-mg-6-16 {
    margin: 6px 16px !important; }
  .sp-pd-6-16 {
    padding: 6px 16px !important; }
  .sp-mg-6-24 {
    margin: 6px 24px !important; }
  .sp-pd-6-24 {
    padding: 6px 24px !important; }
  .sp-mg-6-32 {
    margin: 6px 32px !important; }
  .sp-pd-6-32 {
    padding: 6px 32px !important; }
  .sp-mg-6-40 {
    margin: 6px 40px !important; }
  .sp-pd-6-40 {
    padding: 6px 40px !important; }
  .sp-mg-6-56 {
    margin: 6px 56px !important; }
  .sp-pd-6-56 {
    padding: 6px 56px !important; }
  .sp-mg-6-64 {
    margin: 6px 64px !important; }
  .sp-pd-6-64 {
    padding: 6px 64px !important; }
  .sp-mg-6-80 {
    margin: 6px 80px !important; }
  .sp-pd-6-80 {
    padding: 6px 80px !important; }
  .sp-mg-6-120 {
    margin: 6px 120px !important; }
  .sp-pd-6-120 {
    padding: 6px 120px !important; }
  .sp-mg-6-160 {
    margin: 6px 160px !important; }
  .sp-pd-6-160 {
    padding: 6px 160px !important; }
  .sp-mg-6-140 {
    margin: 6px 140px !important; }
  .sp-pd-6-140 {
    padding: 6px 140px !important; }
  .sp-mg-8-0 {
    margin: 8px 0px !important; }
  .sp-pd-8-0 {
    padding: 8px 0px !important; }
  .sp-mg-8-2 {
    margin: 8px 2px !important; }
  .sp-pd-8-2 {
    padding: 8px 2px !important; }
  .sp-mg-8-4 {
    margin: 8px 4px !important; }
  .sp-pd-8-4 {
    padding: 8px 4px !important; }
  .sp-mg-8-6 {
    margin: 8px 6px !important; }
  .sp-pd-8-6 {
    padding: 8px 6px !important; }
  .sp-mg-8-8 {
    margin: 8px 8px !important; }
  .sp-pd-8-8 {
    padding: 8px 8px !important; }
  .sp-mg-8-12 {
    margin: 8px 12px !important; }
  .sp-pd-8-12 {
    padding: 8px 12px !important; }
  .sp-mg-8-16 {
    margin: 8px 16px !important; }
  .sp-pd-8-16 {
    padding: 8px 16px !important; }
  .sp-mg-8-24 {
    margin: 8px 24px !important; }
  .sp-pd-8-24 {
    padding: 8px 24px !important; }
  .sp-mg-8-32 {
    margin: 8px 32px !important; }
  .sp-pd-8-32 {
    padding: 8px 32px !important; }
  .sp-mg-8-40 {
    margin: 8px 40px !important; }
  .sp-pd-8-40 {
    padding: 8px 40px !important; }
  .sp-mg-8-56 {
    margin: 8px 56px !important; }
  .sp-pd-8-56 {
    padding: 8px 56px !important; }
  .sp-mg-8-64 {
    margin: 8px 64px !important; }
  .sp-pd-8-64 {
    padding: 8px 64px !important; }
  .sp-mg-8-80 {
    margin: 8px 80px !important; }
  .sp-pd-8-80 {
    padding: 8px 80px !important; }
  .sp-mg-8-120 {
    margin: 8px 120px !important; }
  .sp-pd-8-120 {
    padding: 8px 120px !important; }
  .sp-mg-8-160 {
    margin: 8px 160px !important; }
  .sp-pd-8-160 {
    padding: 8px 160px !important; }
  .sp-mg-8-140 {
    margin: 8px 140px !important; }
  .sp-pd-8-140 {
    padding: 8px 140px !important; }
  .sp-mg-12-0 {
    margin: 12px 0px !important; }
  .sp-pd-12-0 {
    padding: 12px 0px !important; }
  .sp-mg-12-2 {
    margin: 12px 2px !important; }
  .sp-pd-12-2 {
    padding: 12px 2px !important; }
  .sp-mg-12-4 {
    margin: 12px 4px !important; }
  .sp-pd-12-4 {
    padding: 12px 4px !important; }
  .sp-mg-12-6 {
    margin: 12px 6px !important; }
  .sp-pd-12-6 {
    padding: 12px 6px !important; }
  .sp-mg-12-8 {
    margin: 12px 8px !important; }
  .sp-pd-12-8 {
    padding: 12px 8px !important; }
  .sp-mg-12-12 {
    margin: 12px 12px !important; }
  .sp-pd-12-12 {
    padding: 12px 12px !important; }
  .sp-mg-12-16 {
    margin: 12px 16px !important; }
  .sp-pd-12-16 {
    padding: 12px 16px !important; }
  .sp-mg-12-24 {
    margin: 12px 24px !important; }
  .sp-pd-12-24 {
    padding: 12px 24px !important; }
  .sp-mg-12-32 {
    margin: 12px 32px !important; }
  .sp-pd-12-32 {
    padding: 12px 32px !important; }
  .sp-mg-12-40 {
    margin: 12px 40px !important; }
  .sp-pd-12-40 {
    padding: 12px 40px !important; }
  .sp-mg-12-56 {
    margin: 12px 56px !important; }
  .sp-pd-12-56 {
    padding: 12px 56px !important; }
  .sp-mg-12-64 {
    margin: 12px 64px !important; }
  .sp-pd-12-64 {
    padding: 12px 64px !important; }
  .sp-mg-12-80 {
    margin: 12px 80px !important; }
  .sp-pd-12-80 {
    padding: 12px 80px !important; }
  .sp-mg-12-120 {
    margin: 12px 120px !important; }
  .sp-pd-12-120 {
    padding: 12px 120px !important; }
  .sp-mg-12-160 {
    margin: 12px 160px !important; }
  .sp-pd-12-160 {
    padding: 12px 160px !important; }
  .sp-mg-12-140 {
    margin: 12px 140px !important; }
  .sp-pd-12-140 {
    padding: 12px 140px !important; }
  .sp-mg-16-0 {
    margin: 16px 0px !important; }
  .sp-pd-16-0 {
    padding: 16px 0px !important; }
  .sp-mg-16-2 {
    margin: 16px 2px !important; }
  .sp-pd-16-2 {
    padding: 16px 2px !important; }
  .sp-mg-16-4 {
    margin: 16px 4px !important; }
  .sp-pd-16-4 {
    padding: 16px 4px !important; }
  .sp-mg-16-6 {
    margin: 16px 6px !important; }
  .sp-pd-16-6 {
    padding: 16px 6px !important; }
  .sp-mg-16-8 {
    margin: 16px 8px !important; }
  .sp-pd-16-8 {
    padding: 16px 8px !important; }
  .sp-mg-16-12 {
    margin: 16px 12px !important; }
  .sp-pd-16-12 {
    padding: 16px 12px !important; }
  .sp-mg-16-16 {
    margin: 16px 16px !important; }
  .sp-pd-16-16 {
    padding: 16px 16px !important; }
  .sp-mg-16-24 {
    margin: 16px 24px !important; }
  .sp-pd-16-24 {
    padding: 16px 24px !important; }
  .sp-mg-16-32 {
    margin: 16px 32px !important; }
  .sp-pd-16-32 {
    padding: 16px 32px !important; }
  .sp-mg-16-40 {
    margin: 16px 40px !important; }
  .sp-pd-16-40 {
    padding: 16px 40px !important; }
  .sp-mg-16-56 {
    margin: 16px 56px !important; }
  .sp-pd-16-56 {
    padding: 16px 56px !important; }
  .sp-mg-16-64 {
    margin: 16px 64px !important; }
  .sp-pd-16-64 {
    padding: 16px 64px !important; }
  .sp-mg-16-80 {
    margin: 16px 80px !important; }
  .sp-pd-16-80 {
    padding: 16px 80px !important; }
  .sp-mg-16-120 {
    margin: 16px 120px !important; }
  .sp-pd-16-120 {
    padding: 16px 120px !important; }
  .sp-mg-16-160 {
    margin: 16px 160px !important; }
  .sp-pd-16-160 {
    padding: 16px 160px !important; }
  .sp-mg-16-140 {
    margin: 16px 140px !important; }
  .sp-pd-16-140 {
    padding: 16px 140px !important; }
  .sp-mg-24-0 {
    margin: 24px 0px !important; }
  .sp-pd-24-0 {
    padding: 24px 0px !important; }
  .sp-mg-24-2 {
    margin: 24px 2px !important; }
  .sp-pd-24-2 {
    padding: 24px 2px !important; }
  .sp-mg-24-4 {
    margin: 24px 4px !important; }
  .sp-pd-24-4 {
    padding: 24px 4px !important; }
  .sp-mg-24-6 {
    margin: 24px 6px !important; }
  .sp-pd-24-6 {
    padding: 24px 6px !important; }
  .sp-mg-24-8 {
    margin: 24px 8px !important; }
  .sp-pd-24-8 {
    padding: 24px 8px !important; }
  .sp-mg-24-12 {
    margin: 24px 12px !important; }
  .sp-pd-24-12 {
    padding: 24px 12px !important; }
  .sp-mg-24-16 {
    margin: 24px 16px !important; }
  .sp-pd-24-16 {
    padding: 24px 16px !important; }
  .sp-mg-24-24 {
    margin: 24px 24px !important; }
  .sp-pd-24-24 {
    padding: 24px 24px !important; }
  .sp-mg-24-32 {
    margin: 24px 32px !important; }
  .sp-pd-24-32 {
    padding: 24px 32px !important; }
  .sp-mg-24-40 {
    margin: 24px 40px !important; }
  .sp-pd-24-40 {
    padding: 24px 40px !important; }
  .sp-mg-24-56 {
    margin: 24px 56px !important; }
  .sp-pd-24-56 {
    padding: 24px 56px !important; }
  .sp-mg-24-64 {
    margin: 24px 64px !important; }
  .sp-pd-24-64 {
    padding: 24px 64px !important; }
  .sp-mg-24-80 {
    margin: 24px 80px !important; }
  .sp-pd-24-80 {
    padding: 24px 80px !important; }
  .sp-mg-24-120 {
    margin: 24px 120px !important; }
  .sp-pd-24-120 {
    padding: 24px 120px !important; }
  .sp-mg-24-160 {
    margin: 24px 160px !important; }
  .sp-pd-24-160 {
    padding: 24px 160px !important; }
  .sp-mg-24-140 {
    margin: 24px 140px !important; }
  .sp-pd-24-140 {
    padding: 24px 140px !important; }
  .sp-mg-32-0 {
    margin: 32px 0px !important; }
  .sp-pd-32-0 {
    padding: 32px 0px !important; }
  .sp-mg-32-2 {
    margin: 32px 2px !important; }
  .sp-pd-32-2 {
    padding: 32px 2px !important; }
  .sp-mg-32-4 {
    margin: 32px 4px !important; }
  .sp-pd-32-4 {
    padding: 32px 4px !important; }
  .sp-mg-32-6 {
    margin: 32px 6px !important; }
  .sp-pd-32-6 {
    padding: 32px 6px !important; }
  .sp-mg-32-8 {
    margin: 32px 8px !important; }
  .sp-pd-32-8 {
    padding: 32px 8px !important; }
  .sp-mg-32-12 {
    margin: 32px 12px !important; }
  .sp-pd-32-12 {
    padding: 32px 12px !important; }
  .sp-mg-32-16 {
    margin: 32px 16px !important; }
  .sp-pd-32-16 {
    padding: 32px 16px !important; }
  .sp-mg-32-24 {
    margin: 32px 24px !important; }
  .sp-pd-32-24 {
    padding: 32px 24px !important; }
  .sp-mg-32-32 {
    margin: 32px 32px !important; }
  .sp-pd-32-32 {
    padding: 32px 32px !important; }
  .sp-mg-32-40 {
    margin: 32px 40px !important; }
  .sp-pd-32-40 {
    padding: 32px 40px !important; }
  .sp-mg-32-56 {
    margin: 32px 56px !important; }
  .sp-pd-32-56 {
    padding: 32px 56px !important; }
  .sp-mg-32-64 {
    margin: 32px 64px !important; }
  .sp-pd-32-64 {
    padding: 32px 64px !important; }
  .sp-mg-32-80 {
    margin: 32px 80px !important; }
  .sp-pd-32-80 {
    padding: 32px 80px !important; }
  .sp-mg-32-120 {
    margin: 32px 120px !important; }
  .sp-pd-32-120 {
    padding: 32px 120px !important; }
  .sp-mg-32-160 {
    margin: 32px 160px !important; }
  .sp-pd-32-160 {
    padding: 32px 160px !important; }
  .sp-mg-32-140 {
    margin: 32px 140px !important; }
  .sp-pd-32-140 {
    padding: 32px 140px !important; }
  .sp-mg-40-0 {
    margin: 40px 0px !important; }
  .sp-pd-40-0 {
    padding: 40px 0px !important; }
  .sp-mg-40-2 {
    margin: 40px 2px !important; }
  .sp-pd-40-2 {
    padding: 40px 2px !important; }
  .sp-mg-40-4 {
    margin: 40px 4px !important; }
  .sp-pd-40-4 {
    padding: 40px 4px !important; }
  .sp-mg-40-6 {
    margin: 40px 6px !important; }
  .sp-pd-40-6 {
    padding: 40px 6px !important; }
  .sp-mg-40-8 {
    margin: 40px 8px !important; }
  .sp-pd-40-8 {
    padding: 40px 8px !important; }
  .sp-mg-40-12 {
    margin: 40px 12px !important; }
  .sp-pd-40-12 {
    padding: 40px 12px !important; }
  .sp-mg-40-16 {
    margin: 40px 16px !important; }
  .sp-pd-40-16 {
    padding: 40px 16px !important; }
  .sp-mg-40-24 {
    margin: 40px 24px !important; }
  .sp-pd-40-24 {
    padding: 40px 24px !important; }
  .sp-mg-40-32 {
    margin: 40px 32px !important; }
  .sp-pd-40-32 {
    padding: 40px 32px !important; }
  .sp-mg-40-40 {
    margin: 40px 40px !important; }
  .sp-pd-40-40 {
    padding: 40px 40px !important; }
  .sp-mg-40-56 {
    margin: 40px 56px !important; }
  .sp-pd-40-56 {
    padding: 40px 56px !important; }
  .sp-mg-40-64 {
    margin: 40px 64px !important; }
  .sp-pd-40-64 {
    padding: 40px 64px !important; }
  .sp-mg-40-80 {
    margin: 40px 80px !important; }
  .sp-pd-40-80 {
    padding: 40px 80px !important; }
  .sp-mg-40-120 {
    margin: 40px 120px !important; }
  .sp-pd-40-120 {
    padding: 40px 120px !important; }
  .sp-mg-40-160 {
    margin: 40px 160px !important; }
  .sp-pd-40-160 {
    padding: 40px 160px !important; }
  .sp-mg-40-140 {
    margin: 40px 140px !important; }
  .sp-pd-40-140 {
    padding: 40px 140px !important; }
  .sp-mg-56-0 {
    margin: 56px 0px !important; }
  .sp-pd-56-0 {
    padding: 56px 0px !important; }
  .sp-mg-56-2 {
    margin: 56px 2px !important; }
  .sp-pd-56-2 {
    padding: 56px 2px !important; }
  .sp-mg-56-4 {
    margin: 56px 4px !important; }
  .sp-pd-56-4 {
    padding: 56px 4px !important; }
  .sp-mg-56-6 {
    margin: 56px 6px !important; }
  .sp-pd-56-6 {
    padding: 56px 6px !important; }
  .sp-mg-56-8 {
    margin: 56px 8px !important; }
  .sp-pd-56-8 {
    padding: 56px 8px !important; }
  .sp-mg-56-12 {
    margin: 56px 12px !important; }
  .sp-pd-56-12 {
    padding: 56px 12px !important; }
  .sp-mg-56-16 {
    margin: 56px 16px !important; }
  .sp-pd-56-16 {
    padding: 56px 16px !important; }
  .sp-mg-56-24 {
    margin: 56px 24px !important; }
  .sp-pd-56-24 {
    padding: 56px 24px !important; }
  .sp-mg-56-32 {
    margin: 56px 32px !important; }
  .sp-pd-56-32 {
    padding: 56px 32px !important; }
  .sp-mg-56-40 {
    margin: 56px 40px !important; }
  .sp-pd-56-40 {
    padding: 56px 40px !important; }
  .sp-mg-56-56 {
    margin: 56px 56px !important; }
  .sp-pd-56-56 {
    padding: 56px 56px !important; }
  .sp-mg-56-64 {
    margin: 56px 64px !important; }
  .sp-pd-56-64 {
    padding: 56px 64px !important; }
  .sp-mg-56-80 {
    margin: 56px 80px !important; }
  .sp-pd-56-80 {
    padding: 56px 80px !important; }
  .sp-mg-56-120 {
    margin: 56px 120px !important; }
  .sp-pd-56-120 {
    padding: 56px 120px !important; }
  .sp-mg-56-160 {
    margin: 56px 160px !important; }
  .sp-pd-56-160 {
    padding: 56px 160px !important; }
  .sp-mg-56-140 {
    margin: 56px 140px !important; }
  .sp-pd-56-140 {
    padding: 56px 140px !important; }
  .sp-mg-64-0 {
    margin: 64px 0px !important; }
  .sp-pd-64-0 {
    padding: 64px 0px !important; }
  .sp-mg-64-2 {
    margin: 64px 2px !important; }
  .sp-pd-64-2 {
    padding: 64px 2px !important; }
  .sp-mg-64-4 {
    margin: 64px 4px !important; }
  .sp-pd-64-4 {
    padding: 64px 4px !important; }
  .sp-mg-64-6 {
    margin: 64px 6px !important; }
  .sp-pd-64-6 {
    padding: 64px 6px !important; }
  .sp-mg-64-8 {
    margin: 64px 8px !important; }
  .sp-pd-64-8 {
    padding: 64px 8px !important; }
  .sp-mg-64-12 {
    margin: 64px 12px !important; }
  .sp-pd-64-12 {
    padding: 64px 12px !important; }
  .sp-mg-64-16 {
    margin: 64px 16px !important; }
  .sp-pd-64-16 {
    padding: 64px 16px !important; }
  .sp-mg-64-24 {
    margin: 64px 24px !important; }
  .sp-pd-64-24 {
    padding: 64px 24px !important; }
  .sp-mg-64-32 {
    margin: 64px 32px !important; }
  .sp-pd-64-32 {
    padding: 64px 32px !important; }
  .sp-mg-64-40 {
    margin: 64px 40px !important; }
  .sp-pd-64-40 {
    padding: 64px 40px !important; }
  .sp-mg-64-56 {
    margin: 64px 56px !important; }
  .sp-pd-64-56 {
    padding: 64px 56px !important; }
  .sp-mg-64-64 {
    margin: 64px 64px !important; }
  .sp-pd-64-64 {
    padding: 64px 64px !important; }
  .sp-mg-64-80 {
    margin: 64px 80px !important; }
  .sp-pd-64-80 {
    padding: 64px 80px !important; }
  .sp-mg-64-120 {
    margin: 64px 120px !important; }
  .sp-pd-64-120 {
    padding: 64px 120px !important; }
  .sp-mg-64-160 {
    margin: 64px 160px !important; }
  .sp-pd-64-160 {
    padding: 64px 160px !important; }
  .sp-mg-64-140 {
    margin: 64px 140px !important; }
  .sp-pd-64-140 {
    padding: 64px 140px !important; }
  .sp-mg-80-0 {
    margin: 80px 0px !important; }
  .sp-pd-80-0 {
    padding: 80px 0px !important; }
  .sp-mg-80-2 {
    margin: 80px 2px !important; }
  .sp-pd-80-2 {
    padding: 80px 2px !important; }
  .sp-mg-80-4 {
    margin: 80px 4px !important; }
  .sp-pd-80-4 {
    padding: 80px 4px !important; }
  .sp-mg-80-6 {
    margin: 80px 6px !important; }
  .sp-pd-80-6 {
    padding: 80px 6px !important; }
  .sp-mg-80-8 {
    margin: 80px 8px !important; }
  .sp-pd-80-8 {
    padding: 80px 8px !important; }
  .sp-mg-80-12 {
    margin: 80px 12px !important; }
  .sp-pd-80-12 {
    padding: 80px 12px !important; }
  .sp-mg-80-16 {
    margin: 80px 16px !important; }
  .sp-pd-80-16 {
    padding: 80px 16px !important; }
  .sp-mg-80-24 {
    margin: 80px 24px !important; }
  .sp-pd-80-24 {
    padding: 80px 24px !important; }
  .sp-mg-80-32 {
    margin: 80px 32px !important; }
  .sp-pd-80-32 {
    padding: 80px 32px !important; }
  .sp-mg-80-40 {
    margin: 80px 40px !important; }
  .sp-pd-80-40 {
    padding: 80px 40px !important; }
  .sp-mg-80-56 {
    margin: 80px 56px !important; }
  .sp-pd-80-56 {
    padding: 80px 56px !important; }
  .sp-mg-80-64 {
    margin: 80px 64px !important; }
  .sp-pd-80-64 {
    padding: 80px 64px !important; }
  .sp-mg-80-80 {
    margin: 80px 80px !important; }
  .sp-pd-80-80 {
    padding: 80px 80px !important; }
  .sp-mg-80-120 {
    margin: 80px 120px !important; }
  .sp-pd-80-120 {
    padding: 80px 120px !important; }
  .sp-mg-80-160 {
    margin: 80px 160px !important; }
  .sp-pd-80-160 {
    padding: 80px 160px !important; }
  .sp-mg-80-140 {
    margin: 80px 140px !important; }
  .sp-pd-80-140 {
    padding: 80px 140px !important; }
  .sp-mg-120-0 {
    margin: 120px 0px !important; }
  .sp-pd-120-0 {
    padding: 120px 0px !important; }
  .sp-mg-120-2 {
    margin: 120px 2px !important; }
  .sp-pd-120-2 {
    padding: 120px 2px !important; }
  .sp-mg-120-4 {
    margin: 120px 4px !important; }
  .sp-pd-120-4 {
    padding: 120px 4px !important; }
  .sp-mg-120-6 {
    margin: 120px 6px !important; }
  .sp-pd-120-6 {
    padding: 120px 6px !important; }
  .sp-mg-120-8 {
    margin: 120px 8px !important; }
  .sp-pd-120-8 {
    padding: 120px 8px !important; }
  .sp-mg-120-12 {
    margin: 120px 12px !important; }
  .sp-pd-120-12 {
    padding: 120px 12px !important; }
  .sp-mg-120-16 {
    margin: 120px 16px !important; }
  .sp-pd-120-16 {
    padding: 120px 16px !important; }
  .sp-mg-120-24 {
    margin: 120px 24px !important; }
  .sp-pd-120-24 {
    padding: 120px 24px !important; }
  .sp-mg-120-32 {
    margin: 120px 32px !important; }
  .sp-pd-120-32 {
    padding: 120px 32px !important; }
  .sp-mg-120-40 {
    margin: 120px 40px !important; }
  .sp-pd-120-40 {
    padding: 120px 40px !important; }
  .sp-mg-120-56 {
    margin: 120px 56px !important; }
  .sp-pd-120-56 {
    padding: 120px 56px !important; }
  .sp-mg-120-64 {
    margin: 120px 64px !important; }
  .sp-pd-120-64 {
    padding: 120px 64px !important; }
  .sp-mg-120-80 {
    margin: 120px 80px !important; }
  .sp-pd-120-80 {
    padding: 120px 80px !important; }
  .sp-mg-120-120 {
    margin: 120px 120px !important; }
  .sp-pd-120-120 {
    padding: 120px 120px !important; }
  .sp-mg-120-160 {
    margin: 120px 160px !important; }
  .sp-pd-120-160 {
    padding: 120px 160px !important; }
  .sp-mg-120-140 {
    margin: 120px 140px !important; }
  .sp-pd-120-140 {
    padding: 120px 140px !important; }
  .sp-mg-160-0 {
    margin: 160px 0px !important; }
  .sp-pd-160-0 {
    padding: 160px 0px !important; }
  .sp-mg-160-2 {
    margin: 160px 2px !important; }
  .sp-pd-160-2 {
    padding: 160px 2px !important; }
  .sp-mg-160-4 {
    margin: 160px 4px !important; }
  .sp-pd-160-4 {
    padding: 160px 4px !important; }
  .sp-mg-160-6 {
    margin: 160px 6px !important; }
  .sp-pd-160-6 {
    padding: 160px 6px !important; }
  .sp-mg-160-8 {
    margin: 160px 8px !important; }
  .sp-pd-160-8 {
    padding: 160px 8px !important; }
  .sp-mg-160-12 {
    margin: 160px 12px !important; }
  .sp-pd-160-12 {
    padding: 160px 12px !important; }
  .sp-mg-160-16 {
    margin: 160px 16px !important; }
  .sp-pd-160-16 {
    padding: 160px 16px !important; }
  .sp-mg-160-24 {
    margin: 160px 24px !important; }
  .sp-pd-160-24 {
    padding: 160px 24px !important; }
  .sp-mg-160-32 {
    margin: 160px 32px !important; }
  .sp-pd-160-32 {
    padding: 160px 32px !important; }
  .sp-mg-160-40 {
    margin: 160px 40px !important; }
  .sp-pd-160-40 {
    padding: 160px 40px !important; }
  .sp-mg-160-56 {
    margin: 160px 56px !important; }
  .sp-pd-160-56 {
    padding: 160px 56px !important; }
  .sp-mg-160-64 {
    margin: 160px 64px !important; }
  .sp-pd-160-64 {
    padding: 160px 64px !important; }
  .sp-mg-160-80 {
    margin: 160px 80px !important; }
  .sp-pd-160-80 {
    padding: 160px 80px !important; }
  .sp-mg-160-120 {
    margin: 160px 120px !important; }
  .sp-pd-160-120 {
    padding: 160px 120px !important; }
  .sp-mg-160-160 {
    margin: 160px 160px !important; }
  .sp-pd-160-160 {
    padding: 160px 160px !important; }
  .sp-mg-160-140 {
    margin: 160px 140px !important; }
  .sp-pd-160-140 {
    padding: 160px 140px !important; }
  .sp-mg-140-0 {
    margin: 140px 0px !important; }
  .sp-pd-140-0 {
    padding: 140px 0px !important; }
  .sp-mg-140-2 {
    margin: 140px 2px !important; }
  .sp-pd-140-2 {
    padding: 140px 2px !important; }
  .sp-mg-140-4 {
    margin: 140px 4px !important; }
  .sp-pd-140-4 {
    padding: 140px 4px !important; }
  .sp-mg-140-6 {
    margin: 140px 6px !important; }
  .sp-pd-140-6 {
    padding: 140px 6px !important; }
  .sp-mg-140-8 {
    margin: 140px 8px !important; }
  .sp-pd-140-8 {
    padding: 140px 8px !important; }
  .sp-mg-140-12 {
    margin: 140px 12px !important; }
  .sp-pd-140-12 {
    padding: 140px 12px !important; }
  .sp-mg-140-16 {
    margin: 140px 16px !important; }
  .sp-pd-140-16 {
    padding: 140px 16px !important; }
  .sp-mg-140-24 {
    margin: 140px 24px !important; }
  .sp-pd-140-24 {
    padding: 140px 24px !important; }
  .sp-mg-140-32 {
    margin: 140px 32px !important; }
  .sp-pd-140-32 {
    padding: 140px 32px !important; }
  .sp-mg-140-40 {
    margin: 140px 40px !important; }
  .sp-pd-140-40 {
    padding: 140px 40px !important; }
  .sp-mg-140-56 {
    margin: 140px 56px !important; }
  .sp-pd-140-56 {
    padding: 140px 56px !important; }
  .sp-mg-140-64 {
    margin: 140px 64px !important; }
  .sp-pd-140-64 {
    padding: 140px 64px !important; }
  .sp-mg-140-80 {
    margin: 140px 80px !important; }
  .sp-pd-140-80 {
    padding: 140px 80px !important; }
  .sp-mg-140-120 {
    margin: 140px 120px !important; }
  .sp-pd-140-120 {
    padding: 140px 120px !important; }
  .sp-mg-140-160 {
    margin: 140px 160px !important; }
  .sp-pd-140-160 {
    padding: 140px 160px !important; }
  .sp-mg-140-140 {
    margin: 140px 140px !important; }
  .sp-pd-140-140 {
    padding: 140px 140px !important; }
  .sp-pd-0 {
    padding: 0px !important; }
  .sp-pd-4 {
    padding: 4px !important; }
  .sp-pd-6 {
    padding: 6px !important; }
  .sp-pd-8 {
    padding: 8px !important; }
  .sp-pd-12 {
    padding: 12px !important; }
  .sp-pd-16 {
    padding: 16px !important; }
  .sp-pd-24 {
    padding: 24px !important; }
  .sp-pd-32 {
    padding: 32px !important; }
  .sp-pd-40 {
    padding: 40px !important; }
  .sp-pd-48 {
    padding: 48px !important; }
  .sp-pd-56 {
    padding: 56px !important; }
  .sp-pd-64 {
    padding: 64px !important; }
  .sp-pd-80 {
    padding: 80px !important; }
  .sp-pd-120 {
    padding: 120px !important; }
  .sp-pd-160 {
    padding: 160px !important; }
  .sp-pd-280 {
    padding: 280px !important; }
  .sp-pd-top-0 {
    padding-top: 0px !important; }
  .sp-pd-top-4 {
    padding-top: 4px !important; }
  .sp-pd-top-6 {
    padding-top: 6px !important; }
  .sp-pd-top-8 {
    padding-top: 8px !important; }
  .sp-pd-top-12 {
    padding-top: 12px !important; }
  .sp-pd-top-16 {
    padding-top: 16px !important; }
  .sp-pd-top-24 {
    padding-top: 24px !important; }
  .sp-pd-top-32 {
    padding-top: 32px !important; }
  .sp-pd-top-40 {
    padding-top: 40px !important; }
  .sp-pd-top-48 {
    padding-top: 48px !important; }
  .sp-pd-top-56 {
    padding-top: 56px !important; }
  .sp-pd-top-64 {
    padding-top: 64px !important; }
  .sp-pd-top-80 {
    padding-top: 80px !important; }
  .sp-pd-top-120 {
    padding-top: 120px !important; }
  .sp-pd-top-160 {
    padding-top: 160px !important; }
  .sp-pd-top-280 {
    padding-top: 280px !important; }
  .sp-pd-bottom-0 {
    padding-bottom: 0px !important; }
  .sp-pd-bottom-4 {
    padding-bottom: 4px !important; }
  .sp-pd-bottom-6 {
    padding-bottom: 6px !important; }
  .sp-pd-bottom-8 {
    padding-bottom: 8px !important; }
  .sp-pd-bottom-12 {
    padding-bottom: 12px !important; }
  .sp-pd-bottom-16 {
    padding-bottom: 16px !important; }
  .sp-pd-bottom-24 {
    padding-bottom: 24px !important; }
  .sp-pd-bottom-32 {
    padding-bottom: 32px !important; }
  .sp-pd-bottom-40 {
    padding-bottom: 40px !important; }
  .sp-pd-bottom-48 {
    padding-bottom: 48px !important; }
  .sp-pd-bottom-56 {
    padding-bottom: 56px !important; }
  .sp-pd-bottom-64 {
    padding-bottom: 64px !important; }
  .sp-pd-bottom-80 {
    padding-bottom: 80px !important; }
  .sp-pd-bottom-120 {
    padding-bottom: 120px !important; }
  .sp-pd-bottom-160 {
    padding-bottom: 160px !important; }
  .sp-pd-bottom-280 {
    padding-bottom: 280px !important; }
  .sp-pd-right-0 {
    padding-right: 0px !important; }
  .sp-pd-right-4 {
    padding-right: 4px !important; }
  .sp-pd-right-6 {
    padding-right: 6px !important; }
  .sp-pd-right-8 {
    padding-right: 8px !important; }
  .sp-pd-right-12 {
    padding-right: 12px !important; }
  .sp-pd-right-16 {
    padding-right: 16px !important; }
  .sp-pd-right-24 {
    padding-right: 24px !important; }
  .sp-pd-right-32 {
    padding-right: 32px !important; }
  .sp-pd-right-40 {
    padding-right: 40px !important; }
  .sp-pd-right-48 {
    padding-right: 48px !important; }
  .sp-pd-right-56 {
    padding-right: 56px !important; }
  .sp-pd-right-64 {
    padding-right: 64px !important; }
  .sp-pd-right-80 {
    padding-right: 80px !important; }
  .sp-pd-right-120 {
    padding-right: 120px !important; }
  .sp-pd-right-160 {
    padding-right: 160px !important; }
  .sp-pd-right-280 {
    padding-right: 280px !important; }
  .sp-pd-left-0 {
    padding-left: 0px !important; }
  .sp-pd-left-4 {
    padding-left: 4px !important; }
  .sp-pd-left-6 {
    padding-left: 6px !important; }
  .sp-pd-left-8 {
    padding-left: 8px !important; }
  .sp-pd-left-12 {
    padding-left: 12px !important; }
  .sp-pd-left-16 {
    padding-left: 16px !important; }
  .sp-pd-left-24 {
    padding-left: 24px !important; }
  .sp-pd-left-32 {
    padding-left: 32px !important; }
  .sp-pd-left-40 {
    padding-left: 40px !important; }
  .sp-pd-left-48 {
    padding-left: 48px !important; }
  .sp-pd-left-56 {
    padding-left: 56px !important; }
  .sp-pd-left-64 {
    padding-left: 64px !important; }
  .sp-pd-left-80 {
    padding-left: 80px !important; }
  .sp-pd-left-120 {
    padding-left: 120px !important; }
  .sp-pd-left-160 {
    padding-left: 160px !important; }
  .sp-pd-left-280 {
    padding-left: 280px !important; }
  .sp-mg-0 {
    margin: 0px !important; }
  .sp-mg-4 {
    margin: 4px !important; }
  .sp-mg-6 {
    margin: 6px !important; }
  .sp-mg-8 {
    margin: 8px !important; }
  .sp-mg-12 {
    margin: 12px !important; }
  .sp-mg-16 {
    margin: 16px !important; }
  .sp-mg-24 {
    margin: 24px !important; }
  .sp-mg-32 {
    margin: 32px !important; }
  .sp-mg-40 {
    margin: 40px !important; }
  .sp-mg-48 {
    margin: 48px !important; }
  .sp-mg-56 {
    margin: 56px !important; }
  .sp-mg-64 {
    margin: 64px !important; }
  .sp-mg-80 {
    margin: 80px !important; }
  .sp-mg-120 {
    margin: 120px !important; }
  .sp-mg-160 {
    margin: 160px !important; }
  .sp-mg-280 {
    margin: 280px !important; }
  .sp-mg-top-0 {
    margin-top: 0px !important; }
  .sp-mg-top-4 {
    margin-top: 4px !important; }
  .sp-mg-top-6 {
    margin-top: 6px !important; }
  .sp-mg-top-8 {
    margin-top: 8px !important; }
  .sp-mg-top-12 {
    margin-top: 12px !important; }
  .sp-mg-top-16 {
    margin-top: 16px !important; }
  .sp-mg-top-24 {
    margin-top: 24px !important; }
  .sp-mg-top-32 {
    margin-top: 32px !important; }
  .sp-mg-top-40 {
    margin-top: 40px !important; }
  .sp-mg-top-48 {
    margin-top: 48px !important; }
  .sp-mg-top-56 {
    margin-top: 56px !important; }
  .sp-mg-top-64 {
    margin-top: 64px !important; }
  .sp-mg-top-80 {
    margin-top: 80px !important; }
  .sp-mg-top-120 {
    margin-top: 120px !important; }
  .sp-mg-top-160 {
    margin-top: 160px !important; }
  .sp-mg-top-280 {
    margin-top: 280px !important; }
  .sp-mg-bottom-0 {
    margin-bottom: 0px !important; }
  .sp-mg-bottom-4 {
    margin-bottom: 4px !important; }
  .sp-mg-bottom-6 {
    margin-bottom: 6px !important; }
  .sp-mg-bottom-8 {
    margin-bottom: 8px !important; }
  .sp-mg-bottom-12 {
    margin-bottom: 12px !important; }
  .sp-mg-bottom-16 {
    margin-bottom: 16px !important; }
  .sp-mg-bottom-24 {
    margin-bottom: 24px !important; }
  .sp-mg-bottom-32 {
    margin-bottom: 32px !important; }
  .sp-mg-bottom-40 {
    margin-bottom: 40px !important; }
  .sp-mg-bottom-48 {
    margin-bottom: 48px !important; }
  .sp-mg-bottom-56 {
    margin-bottom: 56px !important; }
  .sp-mg-bottom-64 {
    margin-bottom: 64px !important; }
  .sp-mg-bottom-80 {
    margin-bottom: 80px !important; }
  .sp-mg-bottom-120 {
    margin-bottom: 120px !important; }
  .sp-mg-bottom-160 {
    margin-bottom: 160px !important; }
  .sp-mg-bottom-280 {
    margin-bottom: 280px !important; }
  .sp-mg-right-0 {
    margin-right: 0px !important; }
  .sp-mg-right-4 {
    margin-right: 4px !important; }
  .sp-mg-right-6 {
    margin-right: 6px !important; }
  .sp-mg-right-8 {
    margin-right: 8px !important; }
  .sp-mg-right-12 {
    margin-right: 12px !important; }
  .sp-mg-right-16 {
    margin-right: 16px !important; }
  .sp-mg-right-24 {
    margin-right: 24px !important; }
  .sp-mg-right-32 {
    margin-right: 32px !important; }
  .sp-mg-right-40 {
    margin-right: 40px !important; }
  .sp-mg-right-48 {
    margin-right: 48px !important; }
  .sp-mg-right-56 {
    margin-right: 56px !important; }
  .sp-mg-right-64 {
    margin-right: 64px !important; }
  .sp-mg-right-80 {
    margin-right: 80px !important; }
  .sp-mg-right-120 {
    margin-right: 120px !important; }
  .sp-mg-right-160 {
    margin-right: 160px !important; }
  .sp-mg-right-280 {
    margin-right: 280px !important; }
  .sp-mg-left-0 {
    margin-left: 0px !important; }
  .sp-mg-left-4 {
    margin-left: 4px !important; }
  .sp-mg-left-6 {
    margin-left: 6px !important; }
  .sp-mg-left-8 {
    margin-left: 8px !important; }
  .sp-mg-left-12 {
    margin-left: 12px !important; }
  .sp-mg-left-16 {
    margin-left: 16px !important; }
  .sp-mg-left-24 {
    margin-left: 24px !important; }
  .sp-mg-left-32 {
    margin-left: 32px !important; }
  .sp-mg-left-40 {
    margin-left: 40px !important; }
  .sp-mg-left-48 {
    margin-left: 48px !important; }
  .sp-mg-left-56 {
    margin-left: 56px !important; }
  .sp-mg-left-64 {
    margin-left: 64px !important; }
  .sp-mg-left-80 {
    margin-left: 80px !important; }
  .sp-mg-left-120 {
    margin-left: 120px !important; }
  .sp-mg-left-160 {
    margin-left: 160px !important; }
  .sp-mg-left-280 {
    margin-left: 280px !important; }
  .row,
  .row-wide,
  .row-narrow,
  .row-sticked {
    *zoom: 1; }
  .row:before, .row:after,
  .row-wide:before,
  .row-wide:after,
  .row-narrow:before,
  .row-narrow:after,
  .row-sticked:before,
  .row-sticked:after {
    content: "";
    display: table; }
  .row:after,
  .row-wide:after,
  .row-narrow:after,
  .row-sticked:after {
    clear: both; }
  .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row-wide {
    margin-left: -16px;
    margin-right: -16px; }
  .row-narrow {
    margin-left: -4px;
    margin-right: -4px; }
  .row > .col-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-1,
  .row-wide > .col-1,
  .row-narrow > .col-1,
  .row-sticked > .col-1 {
    float: left;
    min-height: 1px; }
  .row > .col-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-2,
  .row-wide > .col-2,
  .row-narrow > .col-2,
  .row-sticked > .col-2 {
    float: left;
    min-height: 1px; }
  .row > .col-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-3,
  .row-wide > .col-3,
  .row-narrow > .col-3,
  .row-sticked > .col-3 {
    float: left;
    min-height: 1px; }
  .row > .col-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-4,
  .row-wide > .col-4,
  .row-narrow > .col-4,
  .row-sticked > .col-4 {
    float: left;
    min-height: 1px; }
  .row > .col-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-5,
  .row-wide > .col-5,
  .row-narrow > .col-5,
  .row-sticked > .col-5 {
    float: left;
    min-height: 1px; }
  .row > .col-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-6,
  .row-wide > .col-6,
  .row-narrow > .col-6,
  .row-sticked > .col-6 {
    float: left;
    min-height: 1px; }
  .row > .col-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-7,
  .row-wide > .col-7,
  .row-narrow > .col-7,
  .row-sticked > .col-7 {
    float: left;
    min-height: 1px; }
  .row > .col-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-8,
  .row-wide > .col-8,
  .row-narrow > .col-8,
  .row-sticked > .col-8 {
    float: left;
    min-height: 1px; }
  .row > .col-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-9,
  .row-wide > .col-9,
  .row-narrow > .col-9,
  .row-sticked > .col-9 {
    float: left;
    min-height: 1px; }
  .row > .col-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-10,
  .row-wide > .col-10,
  .row-narrow > .col-10,
  .row-sticked > .col-10 {
    float: left;
    min-height: 1px; }
  .row > .col-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-11,
  .row-wide > .col-11,
  .row-narrow > .col-11,
  .row-sticked > .col-11 {
    float: left;
    min-height: 1px; }
  .row > .col-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-12,
  .row-wide > .col-12,
  .row-narrow > .col-12,
  .row-sticked > .col-12 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-1,
  .row-wide > .col-xlg-1,
  .row-narrow > .col-xlg-1,
  .row-sticked > .col-xlg-1 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-2,
  .row-wide > .col-xlg-2,
  .row-narrow > .col-xlg-2,
  .row-sticked > .col-xlg-2 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-3,
  .row-wide > .col-xlg-3,
  .row-narrow > .col-xlg-3,
  .row-sticked > .col-xlg-3 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-4,
  .row-wide > .col-xlg-4,
  .row-narrow > .col-xlg-4,
  .row-sticked > .col-xlg-4 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-5,
  .row-wide > .col-xlg-5,
  .row-narrow > .col-xlg-5,
  .row-sticked > .col-xlg-5 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-6,
  .row-wide > .col-xlg-6,
  .row-narrow > .col-xlg-6,
  .row-sticked > .col-xlg-6 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-7,
  .row-wide > .col-xlg-7,
  .row-narrow > .col-xlg-7,
  .row-sticked > .col-xlg-7 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-8,
  .row-wide > .col-xlg-8,
  .row-narrow > .col-xlg-8,
  .row-sticked > .col-xlg-8 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-9,
  .row-wide > .col-xlg-9,
  .row-narrow > .col-xlg-9,
  .row-sticked > .col-xlg-9 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-10,
  .row-wide > .col-xlg-10,
  .row-narrow > .col-xlg-10,
  .row-sticked > .col-xlg-10 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-11,
  .row-wide > .col-xlg-11,
  .row-narrow > .col-xlg-11,
  .row-sticked > .col-xlg-11 {
    float: left;
    min-height: 1px; }
  .row > .col-xlg-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-xlg-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-xlg-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-xlg-12,
  .row-wide > .col-xlg-12,
  .row-narrow > .col-xlg-12,
  .row-sticked > .col-xlg-12 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-1,
  .row-wide > .col-lg-1,
  .row-narrow > .col-lg-1,
  .row-sticked > .col-lg-1 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-2,
  .row-wide > .col-lg-2,
  .row-narrow > .col-lg-2,
  .row-sticked > .col-lg-2 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-3,
  .row-wide > .col-lg-3,
  .row-narrow > .col-lg-3,
  .row-sticked > .col-lg-3 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-4,
  .row-wide > .col-lg-4,
  .row-narrow > .col-lg-4,
  .row-sticked > .col-lg-4 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-5,
  .row-wide > .col-lg-5,
  .row-narrow > .col-lg-5,
  .row-sticked > .col-lg-5 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-6,
  .row-wide > .col-lg-6,
  .row-narrow > .col-lg-6,
  .row-sticked > .col-lg-6 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-7,
  .row-wide > .col-lg-7,
  .row-narrow > .col-lg-7,
  .row-sticked > .col-lg-7 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-8,
  .row-wide > .col-lg-8,
  .row-narrow > .col-lg-8,
  .row-sticked > .col-lg-8 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-9,
  .row-wide > .col-lg-9,
  .row-narrow > .col-lg-9,
  .row-sticked > .col-lg-9 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-10,
  .row-wide > .col-lg-10,
  .row-narrow > .col-lg-10,
  .row-sticked > .col-lg-10 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-11,
  .row-wide > .col-lg-11,
  .row-narrow > .col-lg-11,
  .row-sticked > .col-lg-11 {
    float: left;
    min-height: 1px; }
  .row > .col-lg-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-lg-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-lg-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-lg-12,
  .row-wide > .col-lg-12,
  .row-narrow > .col-lg-12,
  .row-sticked > .col-lg-12 {
    float: left;
    min-height: 1px; }
  .row > .col-md-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-1,
  .row-wide > .col-md-1,
  .row-narrow > .col-md-1,
  .row-sticked > .col-md-1 {
    float: left;
    min-height: 1px; }
  .row > .col-md-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-2,
  .row-wide > .col-md-2,
  .row-narrow > .col-md-2,
  .row-sticked > .col-md-2 {
    float: left;
    min-height: 1px; }
  .row > .col-md-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-3,
  .row-wide > .col-md-3,
  .row-narrow > .col-md-3,
  .row-sticked > .col-md-3 {
    float: left;
    min-height: 1px; }
  .row > .col-md-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-4,
  .row-wide > .col-md-4,
  .row-narrow > .col-md-4,
  .row-sticked > .col-md-4 {
    float: left;
    min-height: 1px; }
  .row > .col-md-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-5,
  .row-wide > .col-md-5,
  .row-narrow > .col-md-5,
  .row-sticked > .col-md-5 {
    float: left;
    min-height: 1px; }
  .row > .col-md-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-6,
  .row-wide > .col-md-6,
  .row-narrow > .col-md-6,
  .row-sticked > .col-md-6 {
    float: left;
    min-height: 1px; }
  .row > .col-md-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-7,
  .row-wide > .col-md-7,
  .row-narrow > .col-md-7,
  .row-sticked > .col-md-7 {
    float: left;
    min-height: 1px; }
  .row > .col-md-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-8,
  .row-wide > .col-md-8,
  .row-narrow > .col-md-8,
  .row-sticked > .col-md-8 {
    float: left;
    min-height: 1px; }
  .row > .col-md-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-9,
  .row-wide > .col-md-9,
  .row-narrow > .col-md-9,
  .row-sticked > .col-md-9 {
    float: left;
    min-height: 1px; }
  .row > .col-md-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-10,
  .row-wide > .col-md-10,
  .row-narrow > .col-md-10,
  .row-sticked > .col-md-10 {
    float: left;
    min-height: 1px; }
  .row > .col-md-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-11,
  .row-wide > .col-md-11,
  .row-narrow > .col-md-11,
  .row-sticked > .col-md-11 {
    float: left;
    min-height: 1px; }
  .row > .col-md-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-md-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-md-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-md-12,
  .row-wide > .col-md-12,
  .row-narrow > .col-md-12,
  .row-sticked > .col-md-12 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-1 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-1 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-1 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-1,
  .row-wide > .col-sm-1,
  .row-narrow > .col-sm-1,
  .row-sticked > .col-sm-1 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-2 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-2 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-2 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-2,
  .row-wide > .col-sm-2,
  .row-narrow > .col-sm-2,
  .row-sticked > .col-sm-2 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-3 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-3 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-3 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-3,
  .row-wide > .col-sm-3,
  .row-narrow > .col-sm-3,
  .row-sticked > .col-sm-3 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-4 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-4 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-4 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-4,
  .row-wide > .col-sm-4,
  .row-narrow > .col-sm-4,
  .row-sticked > .col-sm-4 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-5 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-5 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-5 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-5,
  .row-wide > .col-sm-5,
  .row-narrow > .col-sm-5,
  .row-sticked > .col-sm-5 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-6 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-6 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-6 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-6,
  .row-wide > .col-sm-6,
  .row-narrow > .col-sm-6,
  .row-sticked > .col-sm-6 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-7 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-7 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-7 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-7,
  .row-wide > .col-sm-7,
  .row-narrow > .col-sm-7,
  .row-sticked > .col-sm-7 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-8 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-8 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-8 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-8,
  .row-wide > .col-sm-8,
  .row-narrow > .col-sm-8,
  .row-sticked > .col-sm-8 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-9 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-9 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-9 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-9,
  .row-wide > .col-sm-9,
  .row-narrow > .col-sm-9,
  .row-sticked > .col-sm-9 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-10 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-10 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-10 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-10,
  .row-wide > .col-sm-10,
  .row-narrow > .col-sm-10,
  .row-sticked > .col-sm-10 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-11 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-11 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-11 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-11,
  .row-wide > .col-sm-11,
  .row-narrow > .col-sm-11,
  .row-sticked > .col-sm-11 {
    float: left;
    min-height: 1px; }
  .row > .col-sm-12 {
    margin-bottom: 24px;
    padding: 0 12px; }
  .row-wide > .col-sm-12 {
    margin-bottom: 32px;
    padding: 0 16px; }
  .row-narrow > .col-sm-12 {
    margin-bottom: 8px;
    padding: 0 4px; }
  .row > .col-sm-12,
  .row-wide > .col-sm-12,
  .row-narrow > .col-sm-12,
  .row-sticked > .col-sm-12 {
    float: left;
    min-height: 1px; }
  .col-1 {
    width: calc(100% * 1/12); }
  .col-2 {
    width: calc(100% * 2/12); }
  .col-3 {
    width: calc(100% * 3/12); }
  .col-4 {
    width: calc(100% * 4/12); }
  .col-5 {
    width: calc(100% * 5/12); }
  .col-6 {
    width: calc(100% * 6/12); }
  .col-7 {
    width: calc(100% * 7/12); }
  .col-8 {
    width: calc(100% * 8/12); }
  .col-9 {
    width: calc(100% * 9/12); }
  .col-10 {
    width: calc(100% * 10/12); }
  .col-11 {
    width: calc(100% * 11/12); }
  .col-12 {
    width: calc(100% * 12/12); }
  .col-sp-1 {
    width: calc(100% * 1/12); }
  .col-sp-2 {
    width: calc(100% * 2/12); }
  .col-sp-3 {
    width: calc(100% * 3/12); }
  .col-sp-4 {
    width: calc(100% * 4/12); }
  .col-sp-5 {
    width: calc(100% * 5/12); }
  .col-sp-6 {
    width: calc(100% * 6/12); }
  .col-sp-7 {
    width: calc(100% * 7/12); }
  .col-sp-8 {
    width: calc(100% * 8/12); }
  .col-sp-9 {
    width: calc(100% * 9/12); }
  .col-sp-10 {
    width: calc(100% * 10/12); }
  .col-sp-11 {
    width: calc(100% * 11/12); }
  .col-sp-12 {
    width: calc(100% * 12/12); }
  .dt-col-1 {
    *zoom: 1; }
  .dt-col-1:before, .dt-col-1:after {
    content: "";
    display: table; }
  .dt-col-1:after {
    clear: both; }
  .dt-col-1 dt,
  .dt-col-1 dd {
    border-top: 1px solid transparent; }
  .dt-col-1 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 1/12); }
    .dt-col-1 dt:first-child {
      border-top: none; }
  .dt-col-1 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 1/12); }
    .dt-col-1 dd:nth-child(2) {
      border-top: none; }
  .dt-col-2 {
    *zoom: 1; }
  .dt-col-2:before, .dt-col-2:after {
    content: "";
    display: table; }
  .dt-col-2:after {
    clear: both; }
  .dt-col-2 dt,
  .dt-col-2 dd {
    border-top: 1px solid transparent; }
  .dt-col-2 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 2/12); }
    .dt-col-2 dt:first-child {
      border-top: none; }
  .dt-col-2 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 2/12); }
    .dt-col-2 dd:nth-child(2) {
      border-top: none; }
  .dt-col-3 {
    *zoom: 1; }
  .dt-col-3:before, .dt-col-3:after {
    content: "";
    display: table; }
  .dt-col-3:after {
    clear: both; }
  .dt-col-3 dt,
  .dt-col-3 dd {
    border-top: 1px solid transparent; }
  .dt-col-3 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 3/12); }
    .dt-col-3 dt:first-child {
      border-top: none; }
  .dt-col-3 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 3/12); }
    .dt-col-3 dd:nth-child(2) {
      border-top: none; }
  .dt-col-4 {
    *zoom: 1; }
  .dt-col-4:before, .dt-col-4:after {
    content: "";
    display: table; }
  .dt-col-4:after {
    clear: both; }
  .dt-col-4 dt,
  .dt-col-4 dd {
    border-top: 1px solid transparent; }
  .dt-col-4 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 4/12); }
    .dt-col-4 dt:first-child {
      border-top: none; }
  .dt-col-4 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 4/12); }
    .dt-col-4 dd:nth-child(2) {
      border-top: none; }
  .dt-col-5 {
    *zoom: 1; }
  .dt-col-5:before, .dt-col-5:after {
    content: "";
    display: table; }
  .dt-col-5:after {
    clear: both; }
  .dt-col-5 dt,
  .dt-col-5 dd {
    border-top: 1px solid transparent; }
  .dt-col-5 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 5/12); }
    .dt-col-5 dt:first-child {
      border-top: none; }
  .dt-col-5 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 5/12); }
    .dt-col-5 dd:nth-child(2) {
      border-top: none; }
  .dt-col-6 {
    *zoom: 1; }
  .dt-col-6:before, .dt-col-6:after {
    content: "";
    display: table; }
  .dt-col-6:after {
    clear: both; }
  .dt-col-6 dt,
  .dt-col-6 dd {
    border-top: 1px solid transparent; }
  .dt-col-6 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 6/12); }
    .dt-col-6 dt:first-child {
      border-top: none; }
  .dt-col-6 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 6/12); }
    .dt-col-6 dd:nth-child(2) {
      border-top: none; }
  .dt-col-7 {
    *zoom: 1; }
  .dt-col-7:before, .dt-col-7:after {
    content: "";
    display: table; }
  .dt-col-7:after {
    clear: both; }
  .dt-col-7 dt,
  .dt-col-7 dd {
    border-top: 1px solid transparent; }
  .dt-col-7 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 7/12); }
    .dt-col-7 dt:first-child {
      border-top: none; }
  .dt-col-7 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 7/12); }
    .dt-col-7 dd:nth-child(2) {
      border-top: none; }
  .dt-col-8 {
    *zoom: 1; }
  .dt-col-8:before, .dt-col-8:after {
    content: "";
    display: table; }
  .dt-col-8:after {
    clear: both; }
  .dt-col-8 dt,
  .dt-col-8 dd {
    border-top: 1px solid transparent; }
  .dt-col-8 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 8/12); }
    .dt-col-8 dt:first-child {
      border-top: none; }
  .dt-col-8 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 8/12); }
    .dt-col-8 dd:nth-child(2) {
      border-top: none; }
  .dt-col-9 {
    *zoom: 1; }
  .dt-col-9:before, .dt-col-9:after {
    content: "";
    display: table; }
  .dt-col-9:after {
    clear: both; }
  .dt-col-9 dt,
  .dt-col-9 dd {
    border-top: 1px solid transparent; }
  .dt-col-9 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 9/12); }
    .dt-col-9 dt:first-child {
      border-top: none; }
  .dt-col-9 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 9/12); }
    .dt-col-9 dd:nth-child(2) {
      border-top: none; }
  .dt-col-10 {
    *zoom: 1; }
  .dt-col-10:before, .dt-col-10:after {
    content: "";
    display: table; }
  .dt-col-10:after {
    clear: both; }
  .dt-col-10 dt,
  .dt-col-10 dd {
    border-top: 1px solid transparent; }
  .dt-col-10 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 10/12); }
    .dt-col-10 dt:first-child {
      border-top: none; }
  .dt-col-10 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 10/12); }
    .dt-col-10 dd:nth-child(2) {
      border-top: none; }
  .dt-col-11 {
    *zoom: 1; }
  .dt-col-11:before, .dt-col-11:after {
    content: "";
    display: table; }
  .dt-col-11:after {
    clear: both; }
  .dt-col-11 dt,
  .dt-col-11 dd {
    border-top: 1px solid transparent; }
  .dt-col-11 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 11/12); }
    .dt-col-11 dt:first-child {
      border-top: none; }
  .dt-col-11 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 11/12); }
    .dt-col-11 dd:nth-child(2) {
      border-top: none; }
  .dt-col-12 {
    *zoom: 1; }
  .dt-col-12:before, .dt-col-12:after {
    content: "";
    display: table; }
  .dt-col-12:after {
    clear: both; }
  .dt-col-12 dt,
  .dt-col-12 dd {
    border-top: 1px solid transparent; }
  .dt-col-12 dt {
    float: left;
    vertical-align: top;
    width: calc(100% * 12/12); }
    .dt-col-12 dt:first-child {
      border-top: none; }
  .dt-col-12 dd {
    border-top: 1px solid transparent;
    margin-left: calc(100% * 12/12); }
    .dt-col-12 dd:nth-child(2) {
      border-top: none; }
  /* ================================================= *
    Font
** ================================================= */
  .txt-xxxl {
    font-size: 54px !important; }
  .txt-xxl {
    font-size: 40px !important; }
  .txt-xl {
    font-size: 26px !important; }
  .txt-l {
    font-size: 20px !important; }
  .txt-m {
    font-size: 16px !important; }
  .txt-s {
    font-size: 14px !important; }
  .txt-xs {
    font-size: 12px !important; }
  .txt-xxs {
    font-size: 11px !important; }
  .sp-txt-xxxl {
    font-size: 54px !important; }
  .sp-txt-xxl {
    font-size: 40px !important; }
  .sp-txt-xl {
    font-size: 26px !important; }
  .sp-txt-l {
    font-size: 20px !important; }
  .sp-txt-m {
    font-size: 16px !important; }
  .sp-txt-s {
    font-size: 14px !important; }
  .sp-txt-xs {
    font-size: 12px !important; }
  .sp-txt-xxs {
    font-size: 11px !important; }
  .txt-h-xxxl {
    line-height: 54px !important; }
  .txt-h-xxl {
    line-height: 40px !important; }
  .txt-h-xl {
    line-height: 26px !important; }
  .txt-h-l {
    line-height: 20px !important; }
  .txt-h-m {
    line-height: 16px !important; }
  .txt-h-s {
    line-height: 14px !important; }
  .txt-h-xs {
    line-height: 12px !important; }
  .txt-h-xxs {
    line-height: 11px !important; }
  .txt-h-1 {
    line-height: 1 !important; }
  .txt-h-auto {
    line-height: inherit; }
  .txt-h-1 {
    vertical-align: top; }
  .txt-h-xxs {
    vertical-align: top; }
  .txt-h-xs {
    vertical-align: top; }
  .txt-h-s {
    vertical-align: top; }
  .txt-h-m {
    vertical-align: top; }
  .txt-h-l {
    vertical-align: top; }
  .txt-h-xl {
    vertical-align: top; }
  .txt-h-xl {
    vertical-align: top; }
  .txt-h-xxl {
    vertical-align: top; }
  [class^="icon-"].txt-h-s, [class*=" icon-"].txt-h-s {
    line-height: 13px !important; }
  .txt-bold {
    font-weight: bolder; }
  .txt-light {
    font-weight: lighter; }
  .txt-italic {
    font-style: italic; }
  .txt-en {
    font-family: "roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .txt-left {
    text-align: left !important; }
  .txt-right {
    text-align: right !important; }
  .txt-center {
    text-align: center !important; }
  .txt-justify {
    text-align: justify !important; }
  .sp-txt-left {
    text-align: left !important; }
  .sp-txt-right {
    text-align: right !important; }
  .sp-txt-center {
    text-align: center !important; }
  .sp-txt-justify {
    text-align: justify !important; }
  .sp-txt-bold {
    font-weight: bolder; }
  .bg-p12 {
    background-color: #1d2087 !important; }
  .bd-p12 {
    border-color: #1d2087 !important; }
  .txt-p12 {
    color: #1d2087 !important; }
  .sp-bg-p12 {
    background-color: #1d2087 !important; }
  .sp-bd-p12 {
    border-color: #1d2087 !important; }
  .sp-txt-p12 {
    color: #1d2087 !important; }
  .bg-p10 {
    background-color: #1b3151 !important; }
  .bd-p10 {
    border-color: #1b3151 !important; }
  .txt-p10 {
    color: #1b3151 !important; }
  .sp-bg-p10 {
    background-color: #1b3151 !important; }
  .sp-bd-p10 {
    border-color: #1b3151 !important; }
  .sp-txt-p10 {
    color: #1b3151 !important; }
  .bg-p8 {
    background-color: #1d2087 !important; }
  .bd-p8 {
    border-color: #1d2087 !important; }
  .txt-p8 {
    color: #1d2087 !important; }
  .sp-bg-p8 {
    background-color: #1d2087 !important; }
  .sp-bd-p8 {
    border-color: #1d2087 !important; }
  .sp-txt-p8 {
    color: #1d2087 !important; }
  .bg-p6 {
    background-color: #1d2087 !important; }
  .bd-p6 {
    border-color: #1d2087 !important; }
  .txt-p6 {
    color: #1d2087 !important; }
  .sp-bg-p6 {
    background-color: #1d2087 !important; }
  .sp-bd-p6 {
    border-color: #1d2087 !important; }
  .sp-txt-p6 {
    color: #1d2087 !important; }
  .bg-p4 {
    background-color: #4553ba !important; }
  .bd-p4 {
    border-color: #4553ba !important; }
  .txt-p4 {
    color: #4553ba !important; }
  .sp-bg-p4 {
    background-color: #4553ba !important; }
  .sp-bd-p4 {
    border-color: #4553ba !important; }
  .sp-txt-p4 {
    color: #4553ba !important; }
  .bg-p2 {
    background-color: #f7f9fc !important; }
  .bd-p2 {
    border-color: #f7f9fc !important; }
  .txt-p2 {
    color: #f7f9fc !important; }
  .sp-bg-p2 {
    background-color: #f7f9fc !important; }
  .sp-bd-p2 {
    border-color: #f7f9fc !important; }
  .sp-txt-p2 {
    color: #f7f9fc !important; }
  .bg-error {
    background-color: #dd1000 !important; }
  .bd-error {
    border-color: #dd1000 !important; }
  .txt-error {
    color: #dd1000 !important; }
  .sp-bg-error {
    background-color: #dd1000 !important; }
  .sp-bd-error {
    border-color: #dd1000 !important; }
  .sp-txt-error {
    color: #dd1000 !important; }
  .bg-b12 {
    background-color: #000000 !important; }
  .bd-b12 {
    border-color: #000000 !important; }
  .txt-b12 {
    color: #000000 !important; }
  .sp-bg-b12 {
    background-color: #000000 !important; }
  .sp-bd-b12 {
    border-color: #000000 !important; }
  .sp-txt-b12 {
    color: #000000 !important; }
  .bg-b10 {
    background-color: #2c3135 !important; }
  .bd-b10 {
    border-color: #2c3135 !important; }
  .txt-b10 {
    color: #2c3135 !important; }
  .sp-bg-b10 {
    background-color: #2c3135 !important; }
  .sp-bd-b10 {
    border-color: #2c3135 !important; }
  .sp-txt-b10 {
    color: #2c3135 !important; }
  .bg-b8 {
    background-color: #4f565b !important; }
  .bd-b8 {
    border-color: #4f565b !important; }
  .txt-b8 {
    color: #4f565b !important; }
  .sp-bg-b8 {
    background-color: #4f565b !important; }
  .sp-bd-b8 {
    border-color: #4f565b !important; }
  .sp-txt-b8 {
    color: #4f565b !important; }
  .bg-b6 {
    background-color: #858d93 !important; }
  .bd-b6 {
    border-color: #858d93 !important; }
  .txt-b6 {
    color: #858d93 !important; }
  .sp-bg-b6 {
    background-color: #858d93 !important; }
  .sp-bd-b6 {
    border-color: #858d93 !important; }
  .sp-txt-b6 {
    color: #858d93 !important; }
  .bg-b4 {
    background-color: #f5f7f7 !important; }
  .bd-b4 {
    border-color: #f5f7f7 !important; }
  .txt-b4 {
    color: #f5f7f7 !important; }
  .sp-bg-b4 {
    background-color: #f5f7f7 !important; }
  .sp-bd-b4 {
    border-color: #f5f7f7 !important; }
  .sp-txt-b4 {
    color: #f5f7f7 !important; }
  .bg-w8 {
    background-color: #c0c6ce !important; }
  .bd-w8 {
    border-color: #c0c6ce !important; }
  .txt-w8 {
    color: #c0c6ce !important; }
  .sp-bg-w8 {
    background-color: #c0c6ce !important; }
  .sp-bd-w8 {
    border-color: #c0c6ce !important; }
  .sp-txt-w8 {
    color: #c0c6ce !important; }
  .bg-w6 {
    background-color: #d7dce2 !important; }
  .bd-w6 {
    border-color: #d7dce2 !important; }
  .txt-w6 {
    color: #d7dce2 !important; }
  .sp-bg-w6 {
    background-color: #d7dce2 !important; }
  .sp-bd-w6 {
    border-color: #d7dce2 !important; }
  .sp-txt-w6 {
    color: #d7dce2 !important; }
  .bg-w4 {
    background-color: #f7f7f9 !important; }
  .bd-w4 {
    border-color: #f7f7f9 !important; }
  .txt-w4 {
    color: #f7f7f9 !important; }
  .sp-bg-w4 {
    background-color: #f7f7f9 !important; }
  .sp-bd-w4 {
    border-color: #f7f7f9 !important; }
  .sp-txt-w4 {
    color: #f7f7f9 !important; }
  .bg-w2 {
    background-color: #ffffff !important; }
  .bd-w2 {
    border-color: #ffffff !important; }
  .txt-w2 {
    color: #ffffff !important; }
  .sp-bg-w2 {
    background-color: #ffffff !important; }
  .sp-bd-w2 {
    border-color: #ffffff !important; }
  .sp-txt-w2 {
    color: #ffffff !important; }
  .bg-b12,
  .bg-b10,
  .bg-b8,
  .bg-p12 {
    color: #ffffff; }
  .bg-w-opa-m {
    background-color: rgba(255, 255, 255, 0.9) !important; }
  .bg-w-opa-g {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, white 100%) !important; }
  .bg-b-opa-m {
    background-color: rgba(0, 0, 0, 0.75) !important; }
  .bg-b-opa-s {
    background-color: rgba(0, 0, 0, 0.4) !important; }
  .bg-b-opa-g {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%) !important; }
  .bg-g-opa-g {
    background: linear-gradient(to bottom, rgba(247, 247, 249, 0.9) 0%, #f7f7f9 100%) !important; }
  .bg-g-opa-m {
    background-color: rgba(79, 86, 91, 0.9) !important; }
  .sp-bg-w-opa-s {
    background-color: rgba(255, 255, 255, 0.4) !important; }
  .sp-bg-w-opa-m {
    background-color: rgba(255, 255, 255, 0.6) !important; }
  .sp-bg-b-opa-s {
    background-color: rgba(0, 0, 0, 0.5) !important; }
  .bg-img {
    background: url(../mediainfo/bg.png) center center repeat; }
  .bd-b-opa-m {
    border-color: rgba(0, 0, 0, 0.75) !important; }
  .bd-b-opa-s {
    border-color: rgba(0, 0, 0, 0.4) !important; }
  .txt-b-opa-m {
    color: rgba(0, 0, 0, 0.75) !important; }
  .txt-b-opa-s {
    color: rgba(0, 0, 0, 0.4) !important; }
  .txt-w-opa-m {
    color: rgba(255, 255, 255, 0.75) !important; }
  .txt-w-opa-s {
    color: rgba(255, 255, 255, 0.4) !important; }
  a.link-b6:not(.btn),
  .link-b6 a:not(.btn) {
    color: #858d93 !important; }
  a.link-b10:not(.btn),
  .link-b10 a:not(.btn) {
    color: #2c3135 !important; }
  a.link-w2:not(.btn),
  .link-w2 a:not(.btn) {
    color: #ffffff !important; }
  .site-width {
    max-width: 1400px;
    margin: 0 auto; }
  .site-widthL {
    max-width: 1800px;
    margin: 0 auto; }
  body {
    animation: fadeIn 2s ease 0s 1 normal; }
  main {
    overflow: hidden; }
  html, body {
    height: 100%;
    overflow: hidden; }
  .sp-bg-outer,
  .sp-outer {
    top: 48px;
    bottom: 0;
    width: 100%;
    height: calc(100% - 48px);
    left: 0;
    z-index: 0; }
  .sp-outer {
    position: absolute;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1; }
  .sp-bg-outer {
    transition: .2s; }
  :root,
  html {
    color: #2c3135;
    font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    font-family: "roboto", "source-han-sans-japanese", "Open Sans", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: inherit;
    font-feature-settings: "pkna";
    min-height: 100vh;
    min-width: 360px; }
  body {
    position: relative;
    line-height: 1.7;
    min-height: calc(100vh - 48px);
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    min-height: 100vh; }
  *,
  *:before,
  *:after {
    box-sizing: border-box; }
  * {
    word-break: break-all; }
  a.link,
  a {
    transition: .2s;
    color: #1b3151; }
  .pc {
    display: none !important; }
  a {
    text-decoration: none; }
  iframe,
  img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto; }
  @keyframes led {
    0%,
    14% {
      background-color: blue; }
    22%,
    34% {
      background-color: green; }
    42%,
    54% {
      background-color: yellow; }
    62%,
    74% {
      background-color: orange; }
    82%,
    100% {
      background-color: red; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes zoom {
    0% {
      transform: scale(1); }
    100% {
      transform: scale(1.1); } }
  @keyframes rotate {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }
  .main-bg {
    animation: zoom 3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform: scale(1.1);
    transition: .2s;
    position: fixed;
    z-index: 0; }
  .tec-icons {
    opacity: .1;
    transition: .3s;
    position: absolute; }
  .main-bg {
    position: absolute; }
  .tec-icons {
    bottom: -100px;
    right: -220px;
    max-width: inherit;
    width: 500px; }
  .tec-icons02 {
    opacity: 1;
    right: -10%;
    bottom: -35%;
    width: 90%; }
  a.btn-primary,
  a.btn-ghost-primary,
  .btn-primary,
  .btn-ghost-primary {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    padding: 16px; }
    a.btn-primary a,
    a.btn-ghost-primary a,
    .btn-primary a,
    .btn-ghost-primary a {
      color: #fff; }
    a.btn-primary:active, a.btn-primary:focus,
    a.btn-ghost-primary:active,
    a.btn-ghost-primary:focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-ghost-primary:active,
    .btn-ghost-primary:focus {
      outline: 0 none; }
  a.btn-primary,
  .btn-primary {
    background-color: #1d2087;
    border: 2px solid #1d2087; }
  a.btn-ghost-primary,
  .btn-ghost-primary {
    color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-ghost-primary:after,
    .btn-ghost-primary:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #1d2087;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
  a.btn-label,
  a.btn-ghost-label,
  .btn-label,
  .btn-ghost-label {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    padding: 16px; }
    a.btn-label a,
    a.btn-ghost-label a,
    .btn-label a,
    .btn-ghost-label a {
      color: #fff; }
    a.btn-label:active, a.btn-label:focus,
    a.btn-ghost-label:active,
    a.btn-ghost-label:focus,
    .btn-label:active,
    .btn-label:focus,
    .btn-ghost-label:active,
    .btn-ghost-label:focus {
      outline: 0 none; }
  a.btn-label,
  .btn-label {
    background-color: #1d2087;
    border: 2px solid #1d2087; }
  a.btn-ghost-label,
  .btn-ghost-label {
    color: #1d2087;
    border: 2px solid #1d2087; }
    a.btn-ghost-label:after,
    .btn-ghost-label:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #1d2087;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
  a.btn-disabled,
  a.btn-ghost-disabled,
  .btn-disabled,
  .btn-ghost-disabled {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    padding: 16px; }
    a.btn-disabled a,
    a.btn-ghost-disabled a,
    .btn-disabled a,
    .btn-ghost-disabled a {
      color: #fff; }
    a.btn-disabled:active, a.btn-disabled:focus,
    a.btn-ghost-disabled:active,
    a.btn-ghost-disabled:focus,
    .btn-disabled:active,
    .btn-disabled:focus,
    .btn-ghost-disabled:active,
    .btn-ghost-disabled:focus {
      outline: 0 none; }
  a.btn-disabled,
  .btn-disabled {
    background-color: #858d93;
    border: 2px solid #858d93; }
  a.btn-ghost-disabled,
  .btn-ghost-disabled {
    color: #858d93;
    border: 2px solid #858d93; }
    a.btn-ghost-disabled:after,
    .btn-ghost-disabled:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #858d93;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
  a.btn-gray,
  a.btn-ghost-gray,
  .btn-gray,
  .btn-ghost-gray {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    padding: 16px; }
    a.btn-gray a,
    a.btn-ghost-gray a,
    .btn-gray a,
    .btn-ghost-gray a {
      color: #fff; }
    a.btn-gray:active, a.btn-gray:focus,
    a.btn-ghost-gray:active,
    a.btn-ghost-gray:focus,
    .btn-gray:active,
    .btn-gray:focus,
    .btn-ghost-gray:active,
    .btn-ghost-gray:focus {
      outline: 0 none; }
  a.btn-gray,
  .btn-gray {
    background-color: #4f565b;
    border: 2px solid #4f565b; }
  a.btn-ghost-gray,
  .btn-ghost-gray {
    color: #4f565b;
    border: 2px solid #4f565b; }
    a.btn-ghost-gray:after,
    .btn-ghost-gray:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #4f565b;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
  a.btn-black,
  a.btn-ghost-black,
  .btn-black,
  .btn-ghost-black {
    -moz-user-select: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    padding: 16px; }
    a.btn-black a,
    a.btn-ghost-black a,
    .btn-black a,
    .btn-ghost-black a {
      color: #fff; }
    a.btn-black:active, a.btn-black:focus,
    a.btn-ghost-black:active,
    a.btn-ghost-black:focus,
    .btn-black:active,
    .btn-black:focus,
    .btn-ghost-black:active,
    .btn-ghost-black:focus {
      outline: 0 none; }
  a.btn-black,
  .btn-black {
    background-color: #2c3135;
    border: 2px solid #2c3135; }
  a.btn-ghost-black,
  .btn-ghost-black {
    color: #2c3135;
    border: 2px solid #2c3135; }
    a.btn-ghost-black:after,
    .btn-ghost-black:after {
      position: absolute;
      transition: .3s;
      content: '';
      width: 0;
      left: 50%;
      bottom: 0;
      height: 3px;
      background: #2c3135;
      height: 120%;
      left: -10%;
      transform: skewX(15deg);
      z-index: -1; }
  a.btn-l,
  .btn-l {
    padding: 20px 16px; }
  a.btn-disabled,
  .btn-disabled {
    color: #f7f7f9;
    cursor: normal;
    pointer-events: none; }
  .modal {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 100; }
    .modal.show {
      display: block; }
  .modal-cnt {
    max-height: 90vh;
    margin: 0 auto;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-overflow-scrolling: touch; }
    .modal-cnt .thermo-app {
      width: 100%; }
      .modal-cnt .thermo-app span {
        text-align: center;
        vertical-align: middle; }
      .modal-cnt .thermo-app img {
        width: 120px; }
  .modal-close {
    cursor: pointer;
    color: #fff;
    top: 40px;
    right: 40px;
    position: absolute;
    font-size: 40px;
    line-height: 1;
    width: 1em;
    text-align: center; }
    .modal-close img {
      width: 40px; }
  .modal-cnt {
    max-height: calc(90vh - 56px);
    width: 80%; }
    .modal-cnt .thermo-app {
      padding: 16px; }
      .modal-cnt .thermo-app span {
        display: block; }
      .modal-cnt .thermo-app img.icon {
        height: 80px;
        width: auto; }
  .modal-close {
    top: 16px;
    right: 16px;
    z-index: 2; }
  .hero {
    overflow: hidden;
    max-height: 600px; }
    .hero .hero-title {
      color: #fff;
      position: absolute; }
      .hero .hero-title p {
        font-size: 16px; }
    .hero h1 {
      margin-bottom: 16px; }
      .hero h1 strong {
        font-weight: bold;
        font-style: italic;
        display: block;
        line-height: 1; }
    .hero .btn {
      position: absolute;
      top: 40px;
      right: 40px; }
  .title span {
    color: #1d2087;
    display: block;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1; }
  .title-outer-right,
  .title-outer-left {
    position: relative; }
    .title-outer-right h1,
    .title-outer-left h1 {
      position: relative;
      z-index: 1; }
  .title-outer-right:after {
    right: 0; }
  .title-outer-left:after {
    left: 0; }
  .lede {
    line-height: 2.2;
    padding-top: 32px;
    color: #000000; }
  .hero {
    height: 50vh; }
    .hero h1 {
      font-size: 20px; }
      .hero h1 strong {
        font-size: 44px; }
    .hero .hero-title {
      bottom: -22px;
      left: 8px;
      width: 100%; }
  .title span {
    font-size: 8vw; }
  .title-outer-right,
  .title-outer-left {
    background: #d7dce2;
    width: 100%; }
    .title-outer-right .title,
    .title-outer-left .title {
      padding: 40px 24px;
      text-align: center; }
    .title-outer-right .lede,
    .title-outer-left .lede {
      font-size: 12px;
      font-weight: bold;
      padding: 0 24px 24px; }
  .lede {
    font-size: 14px; }
  .hero .cloud-title {
    font-size: 14px; }
  .hero .cloud-title strong {
    font-size: 33px; }
  .cloud-ttl01-wrapper {
    margin-top: 40px; }
  .title-mx.title-main-cloud {
    margin: 30px 0 80px 80px;
    width: 56%;
    margin: 20px 0 0 0;
    width: 100%; }
  .cloud-ttl-pic01 {
    position: absolute;
    top: -80px;
    right: 0;
    width: 29%;
    position: relative;
    margin: 30px auto 0;
    top: auto;
    right: auto;
    width: 90%; }
  .cloud-ttl-pic02 {
    margin-top: 20px; }
  .cloud-content01 {
    margin-top: 20px;
    padding: 50px 80px;
    margin-top: 30px;
    padding: 0;
    padding-bottom: 20px; }
    .cloud-content01 .txt-orange01 {
      color: #f08437; }
    .cloud-content01 .txt-blue01 {
      color: #00b9ef; }
    .cloud-content01 .txt-green01 {
      color: #5cb531; }
    .cloud-content01 .cloud-content01-ttl {
      font-weight: bold;
      line-height: 1;
      margin-top: 20px; }
    .cloud-content01 .cloud-content01-ttl-left {
      float: left;
      width: 67%;
      float: none;
      width: 100%;
      text-align: center; }
    .cloud-content01 .cloud-content01-ttl-sub {
      margin-top: 5px;
      font-weight: bold; }
    .cloud-content01 .cloud-content01-description01 {
      margin-top: 30px;
      margin-top: 20px;
      padding: 0 20px;
      font-size: 14px;
      text-align-last: left; }
    .cloud-content01 .cloud-content01-pic01 img {
      width: 100%; }
    .cloud-content01 .cloud-content01-ttl-right {
      float: right;
      width: 28%; }
    .cloud-content01 .cloud-content01-list {
      margin-top: 40px;
      margin-top: 20px; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node-ttl01 {
        padding: 0 0 15px;
        line-height: 1.4;
        color: #f08437;
        font-weight: bold; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node-ttl01 {
        color: #00b9ef; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node-ttl01 {
        color: #5cb531; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #fef6e8; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #e5f8fd; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node:nth-child(odd) .cloud-content01-list-node-ttl01 {
        background-color: #eef7ea; }
      .cloud-content01 .cloud-content01-list .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #fdeacc; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list02 .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #ccf1fc; }
      .cloud-content01 .cloud-content01-list.cloud-content01-list03 .cloud-content01-list-node:nth-child(even) .cloud-content01-list-node-ttl01 {
        background-color: #def0d6; }
    .cloud-content01 .cloud-content01-list-node {
      margin-right: 1.25%;
      float: left;
      width: 19%;
      text-align: center;
      margin-top: 8px;
      margin-right: 0;
      padding: 0 20px;
      float: none;
      width: 100%; }
    .cloud-content01 .cloud-content01-list-node:last-child {
      margin-right: 0; }
    .cloud-content01 .cloud-content01-list-node-ttl01 img {
      display: block; }
    .cloud-content01 .cloud-content01-list-node-description01 {
      padding: 9px 5% 0;
      min-height: 80px;
      line-height: 1.2em;
      background-color: #f5f7f7;
      padding: 9px 20px 15px;
      min-height: auto; }
      .cloud-content01-list03 .cloud-content01-list-node-description01 {
        min-height: 100px;
        min-height: auto; }
  .cloud-content02-wrapper {
    margin: 180px 0;
    padding: 60px 80px 50px;
    margin: 100px 0 0;
    padding: 30px 20px 15px; }
    .cloud-content02-wrapper .box-iot .txt {
      width: 52%;
      width: 100%;
      font-size: 14px; }
    .cloud-content02-wrapper .box-iot .txt span {
      display: block;
      margin-top: 0;
      font-size: 18px;
      text-align: center; }
    .cloud-content02-wrapper .box-iot .img {
      text-align: right;
      text-align: center; }
    .cloud-content02-wrapper .box-iot .img img {
      display: block;
      float: none; }
    .cloud-content02-wrapper .cloud-content-02-link-companies {
      position: relative;
      margin-top: 20px;
      padding-left: 20px;
      padding-right: 23px;
      display: inline-block;
      font-weight: bold;
      background: url(../img/cloud/cloud-content02-bg01.png) no-repeat left center; }
      .cloud-content02-wrapper .cloud-content-02-link-companies:after {
        position: absolute;
        display: block;
        content: '∨';
        color: #1d2087;
        right: 0;
        top: 0; }
    .cloud-content02-wrapper .cloud-content-02-link-companies a {
      text-decoration: underline;
      color: #1d2087; }
  main > .bg-b-opa-m {
    position: relative;
    z-index: 1; }
  .contact {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1;
    padding: 80px 24px;
    overflow: hidden; }
    .contact .tec-icons {
      opacity: .4;
      right: auto;
      left: -200px; }
    .contact .bg {
      background-position: center center;
      bottom: -20%;
      top: -20%;
      height: 140%; }
    .contact .btn-l {
      display: block; }
    .contact .tec-icons {
      top: -100px;
      width: 480px; }
  #business_deal .hero {
    height: 40vh; }
    #business_deal .hero .hero-title {
      line-height: 1;
      bottom: auto;
      top: 50%;
      margin-top: -13px;
      left: 0;
      width: 100%; }
  .oreder_list {
    max-width: 880px;
    margin: 0 auto;
    line-height: 1.6; }
    .oreder_list li {
      width: 100%; }
    .oreder_list p {
      padding: 15px 15px;
      vertical-align: top; }
  .order_dt {
    background: #f7f7f9;
    border-left: 1px solid #d7dce2;
    border-right: 1px solid #d7dce2;
    border-top: 1px solid #d7dce2;
    font-weight: bold; }
    .order_dt.last {
      border-bottom: 1px solid #d7dce2; }
  .order_dd {
    border-top: 1px solid #d7dce2;
    border-right: 1px solid #d7dce2; }
    .order_dd.last {
      border-bottom: 1px solid #d7dce2; }
  .order_dt {
    display: block; }
    .order_dt.last {
      border-bottom: 0; }
  .order_dd {
    border-left: 1px solid #d7dce2; }
  .footer {
    background: #1b3151;
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 12px;
    text-align: center; }
    .footer h1 img {
      width: 100px; }
    .footer nav {
      background: rgba(255, 255, 255, 0.1);
      font-size: 14px;
      padding: 24px; }
      .footer nav a {
        display: block;
        text-decoration: none !important;
        padding-bottom: 8px; }
    .footer a {
      color: #fff !important; }
      .footer a:link {
        color: #fff !important; }
    .footer .copy {
      background: rgba(0, 0, 0, 0.2);
      padding: 4px; }
  .gateway-product {
    position: absolute; }
  .gateway-usecase_card .title-outer-right:after,
  .gateway-usecase_card .title-outer-left:after {
    height: 280px; }
  .gateway-usecase_card article {
    position: relative; }
  .gateway-usecase_card .cnt {
    background: #fff;
    position: relative;
    z-index: 1; }
  .gateway-usecase_card h2 {
    font-weight: bold;
    margin-bottom: 24px; }
    .gateway-usecase_card h2 span {
      color: #c0c6ce;
      display: block;
      line-height: 1; }
  .gateway-kit {
    margin: 40px auto 80px; }
  .gateway-pricelist h2 {
    color: #1d2087;
    font-weight: bold;
    line-height: 1;
    display: block; }
  .gateway-pricelist .price {
    color: #000000;
    font-size: 16px;
    font-weight: bold; }
  .gateway-spec ul {
    border: 1px solid #d7dce2; }
  .gateway-spec li > * {
    padding: 16px; }
  .gateway-spec strong {
    background: #f7f7f9;
    font-weight: bold; }
  .gateway-spec li > div {
    font-size: 12px; }
  .gateway-spec dt {
    color: #000000;
    font-weight: bold;
    float: left; }
  .gateway-product {
    position: relative;
    margin: 0 auto;
    max-width: inherit;
    width: 280px;
    z-index: 1; }
  .gateway-usecase_card {
    padding: 0 0 80px; }
    .gateway-usecase_card .lede {
      padding-bottom: 80px; }
    .gateway-usecase_card article {
      margin-top: 24px; }
      .gateway-usecase_card article:first-child {
        margin-top: -56px; }
    .gateway-usecase_card .cnt {
      font-size: 14px;
      padding: 24px; }
    .gateway-usecase_card h2 span {
      font-size: 32px; }
    .gateway-usecase_card h2 strong {
      font-size: 12px; }
    .gateway-usecase_card .bg-outer {
      padding: 24px;
      overflow: hidden;
      position: relative; }
      .gateway-usecase_card .bg-outer:before {
        content: "";
        display: block;
        padding-top: 50%; }
    .gateway-usecase_card .bg {
      position: absolute;
      padding: 24px;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 0;
      top: -20%;
      height: 140%; }
  .gateway-pricelist {
    font-size: 12px; }
    .gateway-pricelist h2 {
      font-size: 5.5vw;
      font-weight: bold; }
      .gateway-pricelist h2 span {
        font-size: 12px;
        display: block; }
    .gateway-pricelist strong {
      background: #e6e8ff; }
      .gateway-pricelist strong:nth-child(2) {
        background: #f5f6ff; }
    .gateway-pricelist ul {
      border: 1px solid #d7dce2;
      border-bottom: 0; }
    .gateway-pricelist .row-header {
      background: #fafbff;
      border-bottom: 1px solid #d7dce2;
      font-weight: bold;
      padding: 8px 16px; }
    .gateway-pricelist .sp-table {
      border-bottom: 1px solid #d7dce2; }
      .gateway-pricelist .sp-table > * {
        padding: 16px; }
        .gateway-pricelist .sp-table > *:nth-child(2) {
          border-left: 1px solid #d7dce2; }
  .gateway-spec h2 {
    color: #1d2087;
    font-size: 14px; }
  .gateway-spec ul {
    font-size: 12px; }
  .gateway-spec li {
    border-bottom: 1px solid #d7dce2; }
    .gateway-spec li:last-child {
      border: 0; }
  .gateway-spec strong {
    border-bottom: 1px solid #d7dce2;
    display: block;
    padding: 8px 16px; }
  .header {
    background: #fff;
    box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2; }
  .header-logo a {
    display: block; }
  .gnav li {
    font-size: 11px;
    line-height: 1; }
    .gnav li a {
      color: #000000;
      display: block; }
    .gnav li span {
      font-style: italic;
      font-size: 18px;
      font-weight: bold;
      display: block;
      padding-bottom: 2px; }
  .header {
    line-height: 1;
    vertical-align: top; }
    .header .nav-toggle {
      cursor: pointer;
      padding: 23px 16px 22px;
      position: absolute;
      right: 0;
      top: 0; }
      .header .nav-toggle i {
        text-align: center;
        width: 24px;
        height: 1px;
        background-color: #858d93;
        display: block;
        transition: .3s ease-out; }
        .header .nav-toggle i.top {
          transform: translateY(-7px); }
        .header .nav-toggle i.bottom {
          transform: translateY(7px); }
      .header .nav-toggle.active i.top {
        transform: rotate(-45deg) translateY(1px); }
      .header .nav-toggle.active i.middle {
        background: transparent; }
      .header .nav-toggle.active i.bottom {
        transform: rotate(45deg) translateY(-1px); }
    .header nav {
      overflow: hidden;
      max-height: 0;
      transition: .3s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .header nav .overlay {
        display: none;
        top: 48px;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 48px); }
      .header nav ul {
        position: relative;
        z-index: 1; }
      .header nav.show {
        max-height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch; }
        .header nav.show .overlay {
          display: block;
          z-index: 0; }
  .header-logo {
    display: inline-block;
    vertical-align: top; }
    .header-logo a {
      padding: 12px 16px; }
    .header-logo img {
      height: 24px;
      width: 77px; }
  .gnav li {
    border-top: 1px solid #f7f7f9; }
    .gnav li a {
      font-weight: bold;
      padding: 16px 24px 20px; }
      .gnav li a span {
        color: #d7dce2; }
  .index-hero {
    max-height: inherit;
    overflow: hidden; }
  .index-hero_title span {
    display: block;
    margin: 0 auto; }
  .index-feature .table {
    width: auto; }
    .index-feature .table > * {
      width: auto; }
  #hero_title .st0 {
    fill: none; }
  .index-about .index-about_card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden; }
  .index-about article {
    position: relative; }
  .index-about .content {
    background: #fff;
    bottom: 0;
    font-weight: 500;
    padding: 16px 32px;
    position: absolute;
    right: 0; }
    .index-about .content p {
      color: #000000;
      font-size: 1.2em; }
    .index-about .content span {
      color: #c0c6ce;
      font-size: 0.8em;
      font-weight: bold; }
  #index #Service article {
    position: relative; }
    #index #Service article a {
      display: inline-block;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: none; }
      #index #Service article a > * {
        z-index: 1; }
    #index #Service article .ratio-3-2 {
      overflow: hidden;
      position: relative; }
    #index #Service article .overlay {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
      transition: .2s;
      transform: scale(1.1); }
    #index #Service article a:hover .overlay {
      transform: scale(1); }
  #index #Archive article {
    overflow: hidden; }
  .index-hero {
    background: none;
    height: 70vh; }
  .index-hero_title span {
    width: 80%; }
  .index-about .content {
    width: 80%;
    z-index: 1; }
  .index-about .bg {
    bottom: -10%;
    top: -10%;
    height: 120%;
    z-index: 0; }
  #index #Service article {
    margin-top: 24px; }
    #index #Service article:first-child {
      margin-top: -24px; }
    #index #Service article a {
      display: block; }
  .pockit-list {
    position: absolute;
    top: -250px;
    right: 0; } }
  @media screen and (max-width: 640px) and (max-width: 1300px) {
    .pockit-list {
      top: -230px;
      max-width: 300px; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .pockit-list {
      position: static;
      margin-top: 10px;
      max-width: 100%; } }

@media screen and (max-width: 640px) and (max-width: 640px) {
  .pd-bt {
    padding-bottom: 80px; }
    .pd-bt p.lede {
      text-align: center;
      padding-top: 15px !important; } }

@media screen and (max-width: 640px) and (max-width: 640px) {
  .pd-top-sp {
    padding-top: 40px; } }

@media screen and (max-width: 640px) {
  .site-widthX {
    max-width: 1200px;
    margin: 0 auto; }
  .site-widthXS {
    max-width: 1000px;
    margin: 0 auto; }
  .list-spect {
    margin: 0 -8px; }
    .list-spect .spect-item {
      width: 50%;
      float: left;
      padding: 0 8px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .list-spect .spect-item {
        width: 100%; } }

@media screen and (max-width: 640px) {
      .list-spect .spect-item ul li {
        overflow: hidden;
        margin-bottom: 17px;
        position: relative; }
        .list-spect .spect-item ul li .item {
          float: left;
          width: 25%;
          background: #1d2087;
          color: white;
          text-align: center;
          font-size: 14px;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          font-style: italic; }
          .list-spect .spect-item ul li .item p {
            line-height: 1;
            position: absolute;
            top: 46%;
            left: 0;
            right: 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
            .list-spect .spect-item ul li .item p span {
              display: inline-block;
              position: relative; }
              .list-spect .spect-item ul li .item p span:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -4px;
                height: 1px;
                background: white; }
              .list-spect .spect-item ul li .item p span.oder-list {
                font-size: 36px;
                text-decoration: none;
                margin-left: 10px;
                line-height: 1;
                -webkit-transform: translate(0, 22%);
                -ms-transform: translate(0, 22%);
                transform: translate(0, 22%);
                font-weight: bold; }
                .list-spect .spect-item ul li .item p span.oder-list:after {
                  display: none; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .list-spect .spect-item ul li .item {
            position: static;
            width: 100%;
            float: left;
            height: 50px; }
            .list-spect .spect-item ul li .item p {
              position: static;
              -webkit-transform: translate(0, 0%);
              -ms-transform: translate(0, 0%);
              transform: translate(0, 0%); } }

@media screen and (max-width: 640px) {
        .list-spect .spect-item ul li .txt {
          float: right;
          width: 75%;
          background: white;
          font-size: 18px;
          padding: 30px 32px;
          line-height: 1.4; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .list-spect .spect-item ul li .txt {
            width: 100%;
            font-size: 16px; } }

@media screen and (max-width: 640px) {
          .list-spect .spect-item ul li .txt span {
            display: block;
            font-size: 28px;
            color: #1D2087;
            margin-bottom: 14px;
            line-height: 1;
            font-weight: bold; } }
          @media screen and (max-width: 640px) and (max-width: 640px) {
            .list-spect .spect-item ul li .txt span {
              font-size: 24px; } }

@media screen and (max-width: 640px) {
        .list-spect .spect-item ul li:nth-child(1) .txt {
          padding: 50px 0; }
          .list-spect .spect-item ul li:nth-child(1) .txt span {
            margin-bottom: 5px; }
    .list-spect .spect-oder {
      width: 50%;
      float: right;
      padding: 0 8px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .list-spect .spect-oder {
        width: 100%;
        margin-bottom: 20px; } }

@media screen and (max-width: 640px) {
      .list-spect .spect-oder img {
        width: 100%;
        max-width: 584px; }
  .set-item {
    background: #999999; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .set-item {
      padding: 20px; } }

@media screen and (max-width: 640px) {
    .set-item ul {
      padding: 20px 0 5px;
      max-width: 1000px; }
      .set-item ul li {
        float: left;
        padding-right: 15px;
        width: 33.333333%;
        overflow: hidden;
        margin-bottom: 15px; } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .set-item ul li {
          width: 100%;
          padding-right: 0; } }

@media screen and (max-width: 640px) {
        .set-item ul li:nth-child(3n) {
          padding-right: 0; }
        .set-item ul li .item {
          background: white;
          text-align: center; }
          .set-item ul li .item .icon {
            padding-bottom: 20px;
            font-size: 18px;
            overflow: hidden; }
            .set-item ul li .item .icon .img {
              height: 80px;
              position: relative; } }
            @media screen and (max-width: 640px) and (max-width: 640px) {
              .set-item ul li .item .icon .img {
                float: left;
                width: 30%; } }

@media screen and (max-width: 640px) {
              .set-item ul li .item .icon .img img {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
            .set-item ul li .item .icon span {
              display: block;
              font-weight: bold; } }
            @media screen and (max-width: 640px) and (max-width: 640px) {
              .set-item ul li .item .icon span {
                float: left;
                width: 100%;
                padding-top: 10px; }
                .set-item ul li .item .icon span img {
                  display: inline-block;
                  margin-right: 15px;
                  top: 50%;
                  -webkit-transform: translate(0, 30%);
                  -ms-transform: translate(0, 30%);
                  transform: translate(0, 30%); } }

@media screen and (max-width: 640px) {
          .set-item ul li .item .txt {
            height: 115px;
            border-top: 1px solid #d7dce2;
            padding: 20px 0; }
  .list-case ul {
    margin: 0 -8px; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .list-case ul {
      margin-bottom: 20px; } }

@media screen and (max-width: 640px) {
    .list-case ul li {
      float: left;
      padding: 0 8px;
      width: 33.333333%;
      margin-bottom: 16px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .list-case ul li {
        width: 100%; } }

@media screen and (max-width: 640px) {
      .list-case ul li .item {
        background: #f5f6ff; }
        .list-case ul li .item img {
          width: 100%; }
        .list-case ul li .item .txt {
          padding: 20px 0;
          min-height: 126px; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .list-case ul li .item .txt {
            padding: 20px 10px; } }

@media screen and (max-width: 640px) {
          .list-case ul li .item .txt span {
            display: block;
            font-size: 20px;
            color: #1D2087;
            margin-bottom: 20px;
            line-height: 1;
            font-weight: bold; }
  .page-cases {
    padding-bottom: 0; }
  .tab-list ul.tab-menu {
    border-bottom: 5px solid #999999;
    margin-bottom: 20px; }
    .tab-list ul.tab-menu li {
      float: left;
      width: 20%;
      text-align: center;
      position: relative; }
      .tab-list ul.tab-menu li span {
        display: block;
        padding-bottom: 20px;
        color: #999999;
        font-size: 18px;
        cursor: pointer;
        line-height: 1.4; }
      .tab-list ul.tab-menu li.active span {
        color: #1D2087; }
      .tab-list ul.tab-menu li.active:after {
        content: "";
        height: 5px;
        background: #1D2087;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0; }
  .tab-list .tab-content {
    display: none;
    background: #f9f8f8;
    overflow: hidden; }
    .tab-list .tab-content.active {
      display: block; }
    .tab-list .tab-content .oder-tab {
      padding: 40px 100px; }
      .tab-list .tab-content .oder-tab .item {
        margin-bottom: 35px; }
        .tab-list .tab-content .oder-tab .item .img {
          float: left;
          width: 30%; }
        .tab-list .tab-content .oder-tab .item .txt {
          float: left;
          width: 70%;
          padding-left: 35px; }
          .tab-list .tab-content .oder-tab .item .txt span {
            font-size: 28px;
            color: #1D2087;
            display: block;
            line-height: 1.4;
            margin: 20px 0;
            font-weight: bold; }
  .logo-tab {
    position: relative;
    text-align: center; }
    .logo-tab .tab-link {
      position: absolute;
      top: 50%;
      left: 20px;
      right: 20px;
      margin: auto;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .logo-tab .tab-link a {
        background: #32A366;
        color: white;
        display: block;
        max-width: 300px;
        margin: auto;
        line-height: 1;
        padding: 13px 0;
        margin-top: 30px; }
  .archive-slider .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .archive-slider .slick-track {
    background: #f5f7f7; }
  .archive-slider .item {
    font-size: 16px; }
    .archive-slider .item .title {
      color: #1D2087;
      display: block;
      line-height: 1.4;
      padding: 20px 0 30px;
      text-align: center;
      background: white; }
    .archive-slider .item .oder-tab {
      background: #f5f7f7;
      padding: 20px; }
      .archive-slider .item .oder-tab img {
        max-width: 100%; }
      .archive-slider .item .oder-tab .txt {
        margin-bottom: 20px; }
        .archive-slider .item .oder-tab .txt span {
          color: #1D2087;
          font-size: 20px;
          margin: 20px 0;
          display: block;
          font-weight: bold; }
      .archive-slider .item .oder-tab .logo-tab img {
        width: 100%; }
      .archive-slider .item .oder-tab .logo-tab .tab-link img {
        max-width: 300px; }
      .archive-slider .item .oder-tab .logo-tab .tab-link a {
        font-size: 14px; }
  .archive-slider .slick-prev {
    position: absolute;
    top: 50px;
    left: 0;
    width: 11px;
    height: 17px;
    background: url("../img/pockit/prev.png") no-repeat;
    z-index: 9; }
    .archive-slider .slick-prev:before {
      display: none; }
  .archive-slider .slick-next {
    position: absolute;
    top: 50px;
    right: 0;
    width: 11px;
    height: 17px;
    background: url("../img/pockit/next.png") no-repeat;
    z-index: 9; }
    .archive-slider .slick-next:before {
      display: none; }
  .archive-slider .slick-dots {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: auto; }
  #box {
    background: #f5f7f7 !important; }
  .list-price .item {
    margin-bottom: 60px; }
    .list-price .item:last-child {
      margin-bottom: 0; }
  .list-price .title-item {
    display: block;
    background: #1d2087;
    color: white;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
    padding: 7px 0;
    border-radius: 40px; }
  .list-price h2 {
    margin-bottom: 5px;
    font-size: 20px; }
  .list-price .price {
    color: #1d2087 !important; }
  .list-price .pc.gateway-pricelist table tr th {
    text-align: center; }
  .list-price .pc.gateway-pricelist table tr td.price {
    font-size: 20px; }
  .list-price .pc.gateway-pricelist table.txt-table tr th {
    text-align: right;
    width: 20%;
    background: #f5f6ff !important;
    vertical-align: middle;
    padding: 16px 10px; }
  .list-price .pc.gateway-pricelist table.txt-table tr td {
    text-align: left;
    width: 74%; }
  .list-price .pc.gateway-pricelist table tr td.w100 {
    width: 100px !important; }
  .list-price .sp.gateway-pricelist ul {
    border: none; }
    .list-price .sp.gateway-pricelist ul li {
      margin-bottom: 15px; }
      .list-price .sp.gateway-pricelist ul li table {
        width: 100%;
        border-top: 1px solid #ccc; }
        .list-price .sp.gateway-pricelist ul li table tr {
          display: none;
          position: relative; }
          .list-price .sp.gateway-pricelist ul li table tr.sub-table {
            display: block; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table th {
              position: relative;
              line-height: 1.4;
              padding-bottom: 30px; }
              .list-price .sp.gateway-pricelist ul li table tr.sub-table th:after {
                content: "";
                width: 16px;
                height: 10px;
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
                margin: auto;
                background: url(../img/pockit/list-dow.png) no-repeat; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table td {
              border-top: none; }
            .list-price .sp.gateway-pricelist ul li table tr.sub-table.active th:after {
              content: "";
              width: 16px;
              height: 10px;
              position: absolute;
              bottom: 10px;
              left: 0;
              right: 0;
              margin: auto;
              background: url(../img/pockit/list-up.png) no-repeat; }
          .list-price .sp.gateway-pricelist ul li table tr.tr-list.active {
            display: block; }
          .list-price .sp.gateway-pricelist ul li table tr.none-before:after {
            display: none; }
          .list-price .sp.gateway-pricelist ul li table tr td, .list-price .sp.gateway-pricelist ul li table tr th {
            display: block;
            width: 100%;
            border: 1px solid #ccc;
            text-align: center;
            padding: 7px 0; }
          .list-price .sp.gateway-pricelist ul li table tr th {
            background: #E6E9FE; }
          .list-price .sp.gateway-pricelist ul li table tr td:nth-child(odd) {
            background: #F9FAFA; }
  .list-price .sp.gateway-pricelist .list-table-sp {
    border-top: 1px solid #ccc; }
    .list-price .sp.gateway-pricelist .list-table-sp tr th, .list-price .sp.gateway-pricelist .list-table-sp tr td {
      border-top: none; }
  .box-iot .txt {
    width: 56%;
    float: left; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .box-iot .txt {
      width: 100%;
      margin-bottom: 20px; }
      .box-iot .txt img.sp {
        margin: 20px auto; } }

@media screen and (max-width: 640px) {
    .box-iot .txt span {
      font-size: 20px;
      color: #1d2087;
      display: block;
      font-weight: bold;
      line-height: 1.4;
      margin-top: 50px;
      margin-bottom: 10px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .box-iot .txt span {
        margin-top: 30px; } }

@media screen and (max-width: 640px) {
  .box-iot .img {
    width: 43%;
    float: right; }
    .box-iot .img img {
      float: right; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .box-iot .img {
      width: 100%; }
      .box-iot .img img {
        float: none;
        margin: auto; } }

@media screen and (max-width: 640px) {
  .box-iot .item {
    float: left;
    width: 100%;
    margin-top: 30px; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .box-iot .item ul {
      display: inline-block;
      margin: auto; } }

@media screen and (max-width: 640px) {
    .box-iot .item ul li {
      float: left;
      width: 25%;
      padding-right: 3px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .box-iot .item ul li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5px; } }

@media screen and (max-width: 640px) {
      .box-iot .item ul li img {
        max-height: 161px;
        width: 100%; } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .box-iot .item ul li img {
          width: auto; } }

@media screen and (max-width: 640px) {
      .box-iot .item ul li:last-child {
        padding-right: 0;
        list-style-type: none; }
  .solution-phase ul li {
    position: relative;
    margin-bottom: 22px; }
    .solution-phase ul li a.sp {
      display: block;
      background: #1d2087;
      float: left;
      width: 100%;
      text-align: center;
      color: white;
      padding: 9px 5px;
      margin: 7px 0 50px;
      position: relative;
      font-size: 13px; }
      .solution-phase ul li a.sp:after {
        content: "";
        width: 34px;
        height: 21px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -35px;
        margin: auto;
        background: url(../img/pockit/next-item3.png) no-repeat; }
    .solution-phase ul li:last-child a.sp {
      margin-bottom: 0; }
      .solution-phase ul li:last-child a.sp:after {
        display: none; }
    .solution-phase ul li:nth-child(1) .list-item .item-nember img {
      margin-left: 70px; }
    .solution-phase ul li:nth-child(2) .list-item .item-nember img {
      margin-left: 60px; }
    .solution-phase ul li:nth-child(3) .list-item .item-nember img {
      margin-left: 60px; }
    .solution-phase ul li .list-item {
      float: left;
      width: 68%;
      background: white;
      padding: 40px 25px;
      position: relative; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .solution-phase ul li .list-item {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px; } }

@media screen and (max-width: 640px) {
      .solution-phase ul li .list-item .txt {
        width: 48%;
        float: right;
        background: #f5f6ff;
        padding: 22px 30px;
        text-align: left;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
      @media screen and (max-width: 640px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .txt {
          padding: 15px !important;
          max-height: 150px; } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .solution-phase ul li .list-item .txt {
          position: static;
          -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
          width: 100%;
          max-height: 550px; }
          .solution-phase ul li .list-item .txt:after, .solution-phase ul li .list-item .txt:before {
            display: none !important; } }

@media screen and (max-width: 640px) {
        .solution-phase ul li .list-item .txt:before {
          content: "";
          width: 23px;
          height: 35px;
          background: url(../img/pockit/next-item.png) no-repeat;
          position: absolute;
          right: calc(100% + 15px);
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .solution-phase ul li .list-item .txt:after {
          content: "";
          width: 23px;
          height: 35px;
          background: url(../img/pockit/next-item2.png) no-repeat;
          position: absolute;
          left: calc(100% + 15px);
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .solution-phase ul li .list-item .txt a {
          display: block;
          background: #1d2087;
          color: white;
          text-align: center;
          padding: 4px 15px;
          position: absolute;
          top: 100%;
          right: 0;
          left: 0;
          margin: auto;
          font-size: 13px; }
      .solution-phase ul li .list-item .number {
        width: 160px;
        height: 110px;
        background: #d7dce2;
        color: #1d2087;
        position: absolute;
        left: 15px;
        top: -15px;
        max-width: 27%; } }
      @media screen and (max-width: 640px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .number {
          width: 120px !important; } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .solution-phase ul li .list-item .number {
          left: 0;
          right: 0;
          margin: auto;
          width: 160px !important;
          max-width: 100%; } }

@media screen and (max-width: 640px) {
        .solution-phase ul li .list-item .number:after {
          content: "";
          width: 31px;
          height: 110px;
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: calc(100% + 15px);
          background: url(../img/pockit/list-dow-item.png) no-repeat bottom; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .solution-phase ul li .list-item .number:after {
            display: none; } }

@media screen and (max-width: 640px) {
        .solution-phase ul li .list-item .number span {
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          margin: auto; }
          .solution-phase ul li .list-item .number span i {
            font-size: 42px;
            display: block;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 10px;
            font-style: italic; }
      .solution-phase ul li .list-item .item-nember {
        float: left;
        margin-left: 110px;
        width: 32%;
        text-align: center; } }
      @media screen and (max-width: 640px) and (max-width: 1200px) {
        .solution-phase ul li .list-item .item-nember {
          margin-left: 80px !important; } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .solution-phase ul li .list-item .item-nember {
          width: 100%;
          margin: 90px auto 15px !important; } }

@media screen and (max-width: 640px) {
        .solution-phase ul li .list-item .item-nember img {
          margin-bottom: 10px;
          max-width: 50%; } }
        @media screen and (max-width: 640px) and (max-width: 1200px) {
          .solution-phase ul li .list-item .item-nember img {
            max-width: 44% !important; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .solution-phase ul li .list-item .item-nember img {
            margin: auto !important;
            margin-bottom: 10px !important;
            max-width: 100% !important; } }

@media screen and (max-width: 640px) {
    .solution-phase ul li .list-txt {
      width: 30%;
      background: white;
      border: 2px solid #1d2087;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      .solution-phase ul li .list-txt {
        position: relative;
        width: 100%;
        float: left;
        padding: 30px 0 20px;
        margin-top: 20px; } }

@media screen and (max-width: 640px) {
      .solution-phase ul li .list-txt .title-item {
        position: absolute;
        top: -19px;
        left: 0;
        right: 0; }
        .solution-phase ul li .list-txt .title-item span {
          position: relative;
          display: inline-block;
          padding-left: 38px;
          color: #1d2087;
          font-weight: bold;
          line-height: 1;
          font-style: italic; }
          .solution-phase ul li .list-txt .title-item span:before {
            content: "";
            width: 33px;
            height: 33px;
            background: url(../img/pockit/leng.png) no-repeat;
            position: absolute;
            left: 0;
            top: -6px; }
      .solution-phase ul li .list-txt ul {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
      @media screen and (max-width: 640px) and (max-width: 640px) {
        .solution-phase ul li .list-txt ul {
          position: static;
          -webkit-transform: translate(0, 0%);
          -ms-transform: translate(0, 0%);
          transform: translate(0, 0%); } }

@media screen and (max-width: 640px) {
        .solution-phase ul li .list-txt ul li {
          margin-bottom: 10px;
          font-size: 17px;
          line-height: 1.4;
          font-weight: bold;
          color: #1d2087; } }
        @media screen and (max-width: 640px) and (max-width: 640px) {
          .solution-phase ul li .list-txt ul li {
            font-size: 14px; } }

@media screen and (max-width: 640px) {
  .title-mx {
    max-width: 673px;
    margin-bottom: 50px; } }
  @media screen and (max-width: 640px) and (max-width: 1200px) {
    .title-mx {
      max-width: 600px !important; } }

@media screen and (max-width: 640px) and (max-width: 1200px) {
  #Usecase + .gateway-usecase_card + .gateway-usecase_card {
    margin-top: -2px; } }

@media screen and (max-width: 640px) and (max-width: 640px) {
  .pd-none {
    padding: 0 !important; }
  #Usecase + .gateway-usecase_card + .gateway-usecase_card {
    padding-top: 0 !important; } }

@media screen and (max-width: 640px) {
  .pd-bt-none {
    padding-bottom: none !important; }
  .border-bt-none {
    border-bottom: none !important; } }

@media screen and (max-width: 640px) and (max-width: 640px) {
  #box .solution-phase {
    margin-top: 90px; } }

@media screen and (max-width: 640px) {
  .solution-work .work_bg {
    position: absolute;
    opacity: .2;
    z-index: 0; }
  .solution-archive_card article {
    position: relative; }
  .solution-archive_card .cnt {
    background: #fff;
    position: relative;
    z-index: 1; }
    .solution-archive_card .cnt img {
      margin-top: 24px;
      width: 100%; }
  .solution-archive_card h2 {
    color: #d7dce2;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 16px; }
  .solution-archive_card .desc {
    color: #000000;
    font-weight: bold;
    padding-bottom: 8px; }
  .solution-archive_card .place {
    color: #000000;
    margin-top: 8px; }
  .solution-archive_card .bg-outer {
    padding: 24px;
    overflow: hidden; }
  .solution-archive_card .bg {
    position: absolute;
    padding: 24px;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 0; }
  .solution-work img {
    width: 100%; }
  .solution-work .work_pdca {
    width: 80%; }
  .solution-work .work_cnt {
    height: 180px; }
    .solution-work .work_cnt:last-child {
      margin-top: 32px; }
  .solution-work .work_bg {
    left: 5%;
    top: 50%;
    bottom: 0%;
    transform: translateY(-50%);
    width: 90%;
    max-width: inherit; }
  .solution-archive_card article {
    margin-top: 24px; }
  .solution-archive_card .cnt {
    padding: 24px; }
  .solution-archive_card h2 {
    font-size: 32px; }
  .solution-archive_card .desc {
    font-size: 16px; }
  .solution-archive_card .place {
    font-size: 12px;
    font-weight: bold; }
  .solution-archive_card .bg-outer {
    position: relative; }
    .solution-archive_card .bg-outer:before {
      content: "";
      display: block;
      padding-top: 50%; }
  .solution-archive_card .bg {
    top: -20%;
    height: 140%; }
  .thermo-product {
    position: absolute; }
  .thermo-app img {
    width: 170px; }
  .thermo-mock > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; }
  .thermo-mock .mock-bg {
    position: relative;
    z-index: 0; }
  .thermo-mock .mock {
    opacity: 0;
    transition: .3s; }
    .thermo-mock .mock.active {
      opacity: 1; }
  .thermo-mock .slide-pager {
    display: block;
    left: 1px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .thermo-mock .slide-pager i {
      background-color: #858d93;
      content: '';
      cursor: pointer;
      display: inline-block;
      border-radius: 50%;
      height: 8px;
      margin: 0 2px 8px;
      transition: .2s;
      width: 8px; }
      .thermo-mock .slide-pager i.active {
        background-color: #1d2087; }
  .thermo-spec article img {
    width: 100%; }
  .thermo-spec article .mock {
    position: relative; }
    .thermo-spec article .mock img {
      position: relative;
      z-index: 1; }
    .thermo-spec article .mock:after {
      animation: led 12s ease infinite;
      background-color: red;
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px;
      z-index: 0; }
  .thermo-function .cnt {
    position: relative; }
    .thermo-function .cnt:after {
      background: #ffffff;
      display: block;
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      min-width: 1080px;
      width: 80%;
      z-index: 0; }
    .thermo-function .cnt > * {
      position: relative;
      z-index: 1; }
    .thermo-function .cnt b {
      color: #d7dce2;
      font-weight: bold;
      line-height: 1;
      width: 1.3em; }
  .thermo-product {
    position: relative;
    margin: 40px auto 0;
    max-width: inherit;
    width: 280px;
    z-index: 1; }
  .thermo-usecase {
    padding: 0 0 80px; }
    .thermo-usecase article {
      margin-top: 24px; }
      .thermo-usecase article:first-child {
        margin-top: -24px; }
    .thermo-usecase h2 {
      font-weight: bold;
      margin-bottom: 24px; }
      .thermo-usecase h2 span {
        font-size: 7.5vw;
        color: #c0c6ce;
        display: block;
        line-height: 1; }
      .thermo-usecase h2 strong {
        font-size: 12px; }
  .thermo-mock {
    position: relative; }
  .slide-pager {
    bottom: 60px; }
  .thermo-function .title-outer-right {
    margin-left: 0; }
  .thermo-function ul {
    padding: 16px; }
  .thermo-function li {
    margin-bottom: 16px; }
  .thermo-function .cnt b {
    font-size: 40px;
    vertical-align: top; }
  .thermo-spec p {
    margin-top: 16px; }
  .thermo-app {
    margin-top: 120px;
    padding: 40px 24px; }
    .thermo-app a {
      max-width: 48%; }
  .modal .col-sp-12 {
    padding: 0; }
  .modal-thermo-icon img {
    width: 120px;
    margin-bottom: 16px; }
  .modal-thermo-app {
    padding: 16px 0 24px; }
    .modal-thermo-app a {
      width: calc(50% - 10px); } }