@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/product/zam/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*リセットcss*/
/* line 5, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
/* line 9, ../sass/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 16, ../sass/_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 21, ../sass/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
/* line 82, ../sass/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* line 110, ../sass/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 151, ../sass/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 230, ../sass/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
/* line 269, ../sass/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
/* line 328, ../sass/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 390, ../sass/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 471, ../sass/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 556, ../sass/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 631, ../sass/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 704, ../sass/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 777, ../sass/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 850, ../sass/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
/* line 893, ../sass/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 938, ../sass/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 971, ../sass/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 1004, ../sass/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 1047, ../sass/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 1062, ../sass/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1095, ../sass/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1128, ../sass/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1161, ../sass/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1194, ../sass/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1227, ../sass/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1260, ../sass/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1293, ../sass/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1326, ../sass/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 1341, ../sass/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* line 1370, ../sass/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 1399, ../sass/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 1428, ../sass/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 1457, ../sass/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 1486, ../sass/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 1515, ../sass/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* line 1544, ../sass/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 1573, ../sass/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* line 1652, ../sass/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 1725, ../sass/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 1798, ../sass/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
/* line 1843, ../sass/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
/* line 1890, ../sass/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 1951, ../sass/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
/* line 1982, ../sass/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2025, ../sass/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2066, ../sass/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2107, ../sass/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2148, ../sass/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2189, ../sass/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
/* line 2226, ../sass/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
/* line 2263, ../sass/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 2300, ../sass/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 2337, ../sass/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
/* line 2374, ../sass/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
/* line 2447, ../sass/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 2482, ../sass/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
/* line 2513, ../sass/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 2542, ../sass/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2583, ../sass/_animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2624, ../sass/_animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2665, ../sass/_animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2706, ../sass/_animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
/* line 2743, ../sass/_animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2788, ../sass/_animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
/* line 2825, ../sass/_animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
/* line 2862, ../sass/_animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2907, ../sass/_animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 2938, ../sass/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 2969, ../sass/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 3000, ../sass/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 3031, ../sass/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* line 3062, ../sass/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* line 3093, ../sass/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/* line 3124, ../sass/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* line 3155, ../sass/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*
* フォントサイズのrem化。ブラウザフォントの切り替え機能を付けるケースなどに有効。
* ie8はrem未対応。
* html {
*   font-size: 62.5%;
* }
* body { font-size: 1.0rem; }
*/
/*
* marginやpaddingもremにしたい場合は以下が良いかもね。
* http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/
*/
/*汎用的なものたち。*/
/* line 5, ../sass/_helper.scss */
.cf, header, .header-wrap, .casestudy-menu a, .contentZone .container-inner, .about .grid2 .imgwrap_withCaption, .about .grid3 .imgwrap_withCaption, .about .grid4 .imgwrap_withCaption, .about .grid8 .imgwrap_withCaption, .about-zp .memo-inner, .quality .grid2 .imgwrap_withCaption, .quality .grid3 .imgwrap_withCaption, .quality .grid4 .imgwrap_withCaption, .quality .grid8 .imgwrap_withCaption, .quality-index .row, .quality-chemical .imgwrap_withCaption.pics3, .quality-immersionPotential .imgwrap_withCaption.pics3, .quality-rearCoating .qualityContent_1, .testConditions, .quality-rearWeldability .qualityContent_5 .imgwrap_withCaption, .quality-refinishSolvent .qualityContent_1 .imgwrap_withCaption, .quality-secularCase .caseinfo-row, .caution .row, .question .row, .guideline .row, .guideline .row .aright, .newsArchive-inner, .newsDetail-navigation-outer, .newsDetail-prevNext, .case-index .case-inner .map-note, .case-product .contentZone, .case-product .company_row, .case-product .productinfo-row, .case-product .productinfo-title.full:after, .caseList-index .row, .contactForm-section .row-suryo .col2, .btn-wrap_input,
.btn-wrap_confirm,
.btn-wrap_complete, .progressbar, .progressbar .step, .contact-row {
  *zoom: 1;
}
/* line 22, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.cf:after, header:after, .header-wrap:after, .casestudy-menu a:after, .contentZone .container-inner:after, .about .grid2 .imgwrap_withCaption:after, .about .grid3 .imgwrap_withCaption:after, .about .grid4 .imgwrap_withCaption:after, .about .grid8 .imgwrap_withCaption:after, .about-zp .memo-inner:after, .quality .grid2 .imgwrap_withCaption:after, .quality .grid3 .imgwrap_withCaption:after, .quality .grid4 .imgwrap_withCaption:after, .quality .grid8 .imgwrap_withCaption:after, .quality-index .row:after, .quality-chemical .imgwrap_withCaption.pics3:after, .quality-immersionPotential .imgwrap_withCaption.pics3:after, .quality-rearCoating .qualityContent_1:after, .testConditions:after, .quality-rearWeldability .qualityContent_5 .imgwrap_withCaption:after, .quality-refinishSolvent .qualityContent_1 .imgwrap_withCaption:after, .quality-secularCase .caseinfo-row:after, .caution .row:after, .question .row:after, .guideline .row:after, .guideline .row .aright:after, .newsArchive-inner:after, .newsDetail-navigation-outer:after, .newsDetail-prevNext:after, .case-index .case-inner .map-note:after, .case-product .contentZone:after, .case-product .company_row:after, .case-product .productinfo-row:after, .case-product .productinfo-title.full:after, .caseList-index .row:after, .contactForm-section .row-suryo .col2:after, .btn-wrap_input:after,
.btn-wrap_confirm:after,
.btn-wrap_complete:after, .progressbar:after, .progressbar .step:after, .contact-row:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* line 14, ../sass/_helper.scss */
.hidden {
  display: none;
  visibility: hidden;
}

/* line 18, ../sass/_helper.scss */
.aleft {
  float: left;
}

/* line 19, ../sass/_helper.scss */
.aright {
  float: right;
}

/* line 20, ../sass/_helper.scss */
.tcenter {
  text-align: center;
}

/* line 21, ../sass/_helper.scss */
.tright {
  text-align: right;
}

/* line 23, ../sass/_helper.scss */
ul.cf > li, ul.header-wrap > li, .contentZone ul.container-inner > li, .about .grid2 ul.imgwrap_withCaption > li, .about .grid3 ul.imgwrap_withCaption > li, .about .grid4 ul.imgwrap_withCaption > li, .about .grid8 ul.imgwrap_withCaption > li, .about-zp ul.memo-inner > li, .quality .grid2 ul.imgwrap_withCaption > li, .quality .grid3 ul.imgwrap_withCaption > li, .quality .grid4 ul.imgwrap_withCaption > li, .quality .grid8 ul.imgwrap_withCaption > li, .quality-index ul.row > li, .quality-chemical ul.imgwrap_withCaption.pics3 > li, .quality-immersionPotential ul.imgwrap_withCaption.pics3 > li, .quality-rearCoating ul.qualityContent_1 > li, ul.testConditions > li, .quality-rearWeldability .qualityContent_5 ul.imgwrap_withCaption > li, .quality-refinishSolvent .qualityContent_1 ul.imgwrap_withCaption > li, .quality-secularCase ul.caseinfo-row > li, .caution ul.row > li, .question ul.row > li, .guideline ul.row > li, .guideline .row ul.aright > li, ul.newsArchive-inner > li, ul.newsDetail-navigation-outer > li, ul.newsDetail-prevNext > li, .case-index .case-inner ul.map-note > li, .case-product ul.contentZone > li, .case-product ul.company_row > li, .case-product ul.productinfo-row > li, .case-product ul.productinfo-title.full:after > li, .caseList-index ul.row > li, .contactForm-section .row-suryo ul.col2 > li, ul.btn-wrap_input > li,
ul.btn-wrap_confirm > li,
ul.btn-wrap_complete > li, ul.progressbar > li, .progressbar ul.step > li, ul.contact-row > li {
  float: left;
}

/* line 26, ../sass/_helper.scss */
.inline {
  display: inline;
}

/* line 47, ../sass/_helper.scss */
.mt0 {
  margin-top: 0;
}

/* line 48, ../sass/_helper.scss */
.mb0 {
  margin-bottom: 0;
}

/* line 49, ../sass/_helper.scss */
.mr0 {
  margin-left: 0;
}

/* line 50, ../sass/_helper.scss */
.ml0 {
  margin-right: 0;
}

/* line 51, ../sass/_helper.scss */
.mt10 {
  margin-top: 10px;
}

/* line 52, ../sass/_helper.scss */
.mb10 {
  margin-bottom: 10px;
}

/* line 53, ../sass/_helper.scss */
.mr10 {
  margin-right: 10px;
}

/* line 54, ../sass/_helper.scss */
.ml10 {
  margin-left: 10px;
}

/* line 55, ../sass/_helper.scss */
.mt20 {
  margin-top: 20px;
}

/* line 56, ../sass/_helper.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 57, ../sass/_helper.scss */
.mr20 {
  margin-right: 20px;
}

/* line 58, ../sass/_helper.scss */
.ml20 {
  margin-left: 20px;
}

/* line 59, ../sass/_helper.scss */
.mt30 {
  margin-top: 30px;
}

/* line 60, ../sass/_helper.scss */
.mb30 {
  margin-bottom: 30px;
}

/* line 61, ../sass/_helper.scss */
.mr30 {
  margin-right: 30px;
}

/* line 62, ../sass/_helper.scss */
.ml30 {
  margin-left: 30px;
}

/* line 63, ../sass/_helper.scss */
.mt40 {
  margin-top: 40px;
}

/* line 64, ../sass/_helper.scss */
.mb40 {
  margin-bottom: 40px;
}

/* line 65, ../sass/_helper.scss */
.mr40 {
  margin-right: 40px;
}

/* line 66, ../sass/_helper.scss */
.ml40 {
  margin-left: 40px;
}

/* line 67, ../sass/_helper.scss */
.mt60 {
  margin-top: 60px;
}

/* line 68, ../sass/_helper.scss */
.mb60 {
  margin-bottom: 60px;
}

/* line 69, ../sass/_helper.scss */
.mr60 {
  margin-right: 60px;
}

/* line 70, ../sass/_helper.scss */
.ml60 {
  margin-left: 60px;
}

/* line 71, ../sass/_helper.scss */
.mt64 {
  margin-top: 64px;
}

/* line 72, ../sass/_helper.scss */
.mb64 {
  margin-bottom: 64px;
}

/* line 74, ../sass/_helper.scss */
.mt12 {
  margin-top: 12px;
}

/* line 75, ../sass/_helper.scss */
.mb12 {
  margin-bottom: 12px;
}

/* line 76, ../sass/_helper.scss */
.mr12 {
  margin-right: 12px;
}

/* line 77, ../sass/_helper.scss */
.ml12 {
  margin-left: 12px;
}

/* line 78, ../sass/_helper.scss */
.mt24 {
  margin-top: 24px;
}

/* line 79, ../sass/_helper.scss */
.mb24 {
  margin-bottom: 24px;
}

/* line 80, ../sass/_helper.scss */
.mr24 {
  margin-right: 24px;
}

/* line 81, ../sass/_helper.scss */
.ml24 {
  margin-left: 24px;
}

/* line 82, ../sass/_helper.scss */
.mt36 {
  margin-top: 36px;
}

/* line 83, ../sass/_helper.scss */
.mb36 {
  margin-bottom: 36px;
}

/* line 84, ../sass/_helper.scss */
.mr36 {
  margin-right: 36px;
}

/* line 85, ../sass/_helper.scss */
.ml36 {
  margin-left: 36px;
}

/* line 86, ../sass/_helper.scss */
.mt48 {
  margin-top: 48px;
}

/* line 87, ../sass/_helper.scss */
.mb48 {
  margin-bottom: 48px;
}

/* line 88, ../sass/_helper.scss */
.mr48 {
  margin-right: 48px;
}

/* line 89, ../sass/_helper.scss */
.ml48 {
  margin-left: 48px;
}

/* line 90, ../sass/_helper.scss */
.mt60 {
  margin-top: 60px;
}

/* line 91, ../sass/_helper.scss */
.mb60 {
  margin-bottom: 60px;
}

/* line 92, ../sass/_helper.scss */
.mr60 {
  margin-right: 60px;
}

/* line 93, ../sass/_helper.scss */
.ml60 {
  margin-left: 60px;
}

/* line 95, ../sass/_helper.scss */
.pt0 {
  padding-top: 0;
}

/* line 96, ../sass/_helper.scss */
.pb0 {
  padding-bottom: 0;
}

/* line 97, ../sass/_helper.scss */
.pr0 {
  padding-left: 0;
}

/* line 98, ../sass/_helper.scss */
.pl0 {
  padding-right: 0;
}

/* line 99, ../sass/_helper.scss */
.pt10 {
  padding-top: 10px;
}

/* line 100, ../sass/_helper.scss */
.pb10 {
  padding-bottom: 10px;
}

/* line 101, ../sass/_helper.scss */
.pr10 {
  padding-right: 10px;
}

/* line 102, ../sass/_helper.scss */
.pl10 {
  padding-left: 10px;
}

/* line 103, ../sass/_helper.scss */
.pt20 {
  padding-top: 20px;
}

/* line 104, ../sass/_helper.scss */
.pb20 {
  padding-bottom: 20px;
}

/* line 105, ../sass/_helper.scss */
.pr20 {
  padding-right: 20px;
}

/* line 106, ../sass/_helper.scss */
.pl20 {
  padding-left: 20px;
}

/* line 107, ../sass/_helper.scss */
.pt30 {
  padding-top: 30px;
}

/* line 108, ../sass/_helper.scss */
.pb30 {
  padding-bottom: 30px;
}

/* line 109, ../sass/_helper.scss */
.pr30 {
  padding-right: 30px;
}

/* line 110, ../sass/_helper.scss */
.pl30 {
  padding-left: 30px;
}

/* line 111, ../sass/_helper.scss */
.pt40 {
  padding-top: 40px;
}

/* line 112, ../sass/_helper.scss */
.pb40 {
  padding-bottom: 40px;
}

/* line 113, ../sass/_helper.scss */
.pr40 {
  padding-right: 40px;
}

/* line 114, ../sass/_helper.scss */
.pl40 {
  padding-left: 40px;
}

/* line 115, ../sass/_helper.scss */
.pt60 {
  padding-top: 60px;
}

/* line 116, ../sass/_helper.scss */
.pb60 {
  padding-bottom: 60px;
}

/* line 117, ../sass/_helper.scss */
.pr60 {
  padding-right: 60px;
}

/* line 118, ../sass/_helper.scss */
.pl60 {
  padding-left: 60px;
}

/* line 120, ../sass/_helper.scss */
.pt12 {
  padding-top: 12px;
}

/* line 121, ../sass/_helper.scss */
.pb12 {
  padding-bottom: 12px;
}

/* line 122, ../sass/_helper.scss */
.pr12 {
  padding-right: 12px;
}

/* line 123, ../sass/_helper.scss */
.pl12 {
  padding-left: 12px;
}

/* line 124, ../sass/_helper.scss */
.pt24 {
  padding-top: 24px;
}

/* line 125, ../sass/_helper.scss */
.pb24 {
  padding-bottom: 24px;
}

/* line 126, ../sass/_helper.scss */
.pr24 {
  padding-right: 24px;
}

/* line 127, ../sass/_helper.scss */
.pl24 {
  padding-left: 24px;
}

/* line 128, ../sass/_helper.scss */
.pt36 {
  padding-top: 36px;
}

/* line 129, ../sass/_helper.scss */
.pb36 {
  padding-bottom: 36px;
}

/* line 130, ../sass/_helper.scss */
.pr36 {
  padding-right: 36px;
}

/* line 131, ../sass/_helper.scss */
.pl36 {
  padding-left: 36px;
}

/* line 132, ../sass/_helper.scss */
.pt48 {
  padding-top: 48px;
}

/* line 133, ../sass/_helper.scss */
.pb48 {
  padding-bottom: 48px;
}

/* line 134, ../sass/_helper.scss */
.pr48 {
  padding-right: 48px;
}

/* line 135, ../sass/_helper.scss */
.pl48 {
  padding-left: 48px;
}

/* line 143, ../sass/_helper.scss */
.f10 {
  font-size: 10px;
  font-size: 1rem;
}

/* line 146, ../sass/_helper.scss */
.f12 {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 149, ../sass/_helper.scss */
.f16 {
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 5, ../sass/_iconPict.scss */
.icon-road {
  height: 32px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-road {
  height: 21.33333px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-farm {
  height: 27px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-farm {
  height: 18px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-rail {
  height: 41px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-rail {
  height: 27.33333px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-kenzai {
  height: 42px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-kenzai {
  height: 28px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-industory {
  height: 33px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-industory {
  height: 22px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-house {
  height: 33px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-house {
  height: 22px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-car {
  height: 33px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-car {
  height: 22px;
}

/* line 5, ../sass/_iconPict.scss */
.icon-other {
  height: 36px;
}

/* line 10, ../sass/_iconPict.scss */
.case-index .icon-other {
  height: 24px;
}

/* line 2, ../sass/_spinner.scss */
.spinner-css {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  margin-bottom: -62px;
  margin-left: -16px;
  height: 24px;
  width: 24px;
  bottom: 50%;
  left: 50%;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  -moz-transition: top 0.5s linear 2s, opacity 0.3s ease-out;
  -o-transition: top 0.5s linear 2s, opacity 0.3s ease-out;
  -webkit-transition: top 0.5s linear, opacity 0.3s ease-out;
  -webkit-transition-delay: 2s, 0s;
  transition: top 0.5s linear 2s, opacity 0.3s ease-out;
  z-index: -999999;
}
/* line 12, ../sass/_spinner.scss */
.no-csstransitions .spinner-css {
  display: none;
}
/* line 30, ../sass/_spinner.scss */
.spinner-css:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0px;
  margin: 2px;
  background: #656565;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  border-radius: 999px;
}
/* line 44, ../sass/_spinner.scss */
.spinner-css .side {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 24px;
  width: 12px;
  position: absolute;
  overflow: hidden;
  top: 0;
}
/* line 52, ../sass/_spinner.scss */
.spinner-css .side > .fill {
  position: absolute;
  width: 12px;
  height: 24px;
  background: #eee;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  animation: cssSpinnerRight 2s infinite linear;
  -webkit-animation: cssSpinnerRight 2s infinite linear;
  -moz-animation: cssSpinnerRight 2s infinite linear;
  -o-animation: cssSpinnerRight 2s infinite linear;
}
/* line 63, ../sass/_spinner.scss */
.spinner-css .side.sp_right {
  left: 12px;
  -moz-border-radius: 0px 999px 999px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 999px 999px 0px;
}
/* line 66, ../sass/_spinner.scss */
.spinner-css .side.sp_right > .fill {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  right: 0;
  border-right: 12px solid #656565;
}
/* line 72, ../sass/_spinner.scss */
.spinner-css .side.sp_left {
  left: 0;
  -moz-border-radius: 999px 0px 0px 999px;
  -webkit-border-radius: 999px;
  border-radius: 999px 0px 0px 999px;
}
/* line 75, ../sass/_spinner.scss */
.spinner-css .side.sp_left > .fill {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  left: 0;
  border-left: 12px solid #656565;
  animation: cssSpinnerLeft 2s infinite linear;
  -webkit-animation: cssSpinnerLeft 2s infinite linear;
  -moz-animation: cssSpinnerLeft 2s infinite linear;
  -o-animation: cssSpinnerLeft 2s infinite linear;
}

@-moz-keyframes cssSpinnerRight {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  25% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  70% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  75% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssSpinnerRight {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  70% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes cssSpinnerRight {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  25% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  70% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  75% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssSpinnerLeft {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  35% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  80% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssSpinnerLeft {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  35% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  80% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes cssSpinnerLeft {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  35% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  80% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 3, ../sass/_base.scss */
::-moz-selection {
  background: #0e377d;
  color: #FFF;
}

/* line 7, ../sass/_base.scss */
::selection {
  background: #0e377d;
  color: #FFF;
}

/* line 11, ../sass/_base.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, ../sass/_base.scss */
a {
  color: #333333;
  text-decoration: none;
}
/* line 17, ../sass/_base.scss */
a:link {
  color: #0e377d;
}
/* line 18, ../sass/_base.scss */
a:visited {
  color: #0e377d;
}
/* line 19, ../sass/_base.scss */
a:hover {
  color: #0e377d;
  text-decoration: underline;
}

/* line 25, ../sass/_base.scss */
html {
  font-size: 62.5%;
}

/* line 28, ../sass/_base.scss */
body {
  font-size: 10px;
  font-size: 1rem;
  font-family: 'Helvetica Neue', Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",meiryo, "MS PGothic","ＭＳ Ｐゴシック",MS PGothic,sans-serif,Arial;
  color: #000;
  min-width: 1000px;
}
/* line 33, ../sass/_base.scss */
body.ch {
  font-family: '微软雅黑','Simhei','Hei','JhengHei','Helvetica Neue', Helvetica,"Hiragino Kaku Gothic Pro","YuGothic",meiryo,MS PGothic,sans-serif,Arial;
}

/* line 37, ../sass/_base.scss */
.intro-lead h4, .intro-nav a, .news h2, .news-date, .footer-copy, .newsArchive-category, .news-pagenation a, .news-pagenation span, .news-detail .newsDetail-date {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',"メイリオ",meiryo, "MS PGothic","ＭＳ Ｐゴシック",MS PGothic,sans-serif,Arial;
  font-weight: 600;
}

/* line 41, ../sass/_base.scss */
.homeSection-subtitle, .intro-lead h4, .intro-nav a, .news h2, .news-date, .footer-copy, .newsArchive-category, .news-pagenation a, .news-pagenation span, .news-detail .newsDetail-date {
  -webkit-font-smoothing: antialiased;
}

/* line 55, ../sass/_base.scss */
.homeSection-subtitle {
  font-family: "Helvetica Neue", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
  font-weight: 400;
}

/* line 59, ../sass/_base.scss */
.question .question:after, .question .answer:after {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 500;
}

/* line 63, ../sass/_base.scss */
.intro-lead h4, .intro-nav a, .news h2, .news-date, .footer-copy, .newsArchive-category, .news-pagenation a, .news-pagenation span, .news-detail .newsDetail-date {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', "游ゴシック Light", "YuGothic","メイリオ",meiryo, "MS PGothic","ＭＳ Ｐゴシック",MS PGothic,sans-serif,Arial;
  font-weight: 600;
}

/* line 67, ../sass/_base.scss */
.about-cromfree .crom-name {
  font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
  font-weight: 600;
  font-stretch: condensed;
}

/* line 77, ../sass/_base.scss */
.container, .case-index .caseListLinks {
  width: 980px;
  padding: 0 10px;
  margin-right: auto;
  margin-left: auto;
}

/* line 5, ../sass/_common.scss */
.grid, .grid2, .grid3, .grid4, .grid5, .grid8 {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  min-width: 960px;
}
/* line 13, ../sass/_common.scss */
.grid li, .grid .grid-col, .grid2 li, .grid2 .grid-col, .grid3 li, .grid3 .grid-col, .grid4 li, .grid4 .grid-col, .grid5 li, .grid5 .grid-col, .grid8 li, .grid8 .grid-col {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
}
/* line 17, ../sass/_common.scss */
.grid li.md, .grid .grid-col.md, .grid2 li.md, .grid2 .grid-col.md, .grid3 li.md, .grid3 .grid-col.md, .grid4 li.md, .grid4 .grid-col.md, .grid5 li.md, .grid5 .grid-col.md, .grid8 li.md, .grid8 .grid-col.md {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 22, ../sass/_common.scss */
.grid.withGutter li, .grid.withGutter .grid-col, .grid2.withGutter li, .grid2.withGutter .grid-col, .grid3.withGutter li, .grid3.withGutter .grid-col, .grid4.withGutter li, .grid4.withGutter .grid-col, .grid5.withGutter li, .grid5.withGutter .grid-col, .grid8.withGutter li, .grid8.withGutter .grid-col {
  padding-left: 30px;
}
/* line 24, ../sass/_common.scss */
.grid.withGutter li:first-child, .grid.withGutter .grid-col:first-child, .grid2.withGutter li:first-child, .grid2.withGutter .grid-col:first-child, .grid3.withGutter li:first-child, .grid3.withGutter .grid-col:first-child, .grid4.withGutter li:first-child, .grid4.withGutter .grid-col:first-child, .grid5.withGutter li:first-child, .grid5.withGutter .grid-col:first-child, .grid8.withGutter li:first-child, .grid8.withGutter .grid-col:first-child {
  padding-left: 0;
}
/* line 27, ../sass/_common.scss */
.grid.autoWidth, .grid2.autoWidth, .grid3.autoWidth, .grid4.autoWidth, .grid5.autoWidth, .grid8.autoWidth {
  min-width: 30px;
}

/* line 32, ../sass/_common.scss */
.grid2.withGutter li, .grid2.withGutter .grid-col {
  padding-left: 15px;
}
/* line 34, ../sass/_common.scss */
.grid2.withGutter li:first-child, .grid2.withGutter .grid-col:first-child {
  padding-left: 0;
  padding-right: 15px;
}

/* line 42, ../sass/_common.scss */
.grid8 li, .grid8 .grid-col {
  width: 12.5%;
}

/* line 47, ../sass/_common.scss */
.grid2 li, .grid2 .grid-col {
  width: 50%;
}

/* line 52, ../sass/_common.scss */
.grid3 li, .grid3 .grid-col {
  width: 33%;
}
/* line 54, ../sass/_common.scss */
.grid3 li:nth-of-type(3n+2), .grid3 li.center, .grid3 .grid-col:nth-of-type(3n+2), .grid3 .grid-col.center {
  width: 34%;
}

/* line 60, ../sass/_common.scss */
.grid4 li, .grid4 .grid-col {
  width: 25%;
}

/* line 65, ../sass/_common.scss */
.grid5 li, .grid5 .grid-col {
  width: 20%;
}

/* line 71, ../sass/_common.scss */
.circled, .circled_gray:before {
  -webkit-font-smoothing: antialiased;
}
/* line 73, ../sass/_common.scss */
.circled:before, .circled:after, .circled_gray:before {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 78, ../sass/_common.scss */
.circled:before, .circled_gray:before {
  border: 1px solid #006ab8;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 80, ../sass/_common.scss */
.no-borderradius .circled:before, .no-borderradius .circled_gray:before {
  border: 0;
}
/* line 85, ../sass/_common.scss */
.circled:hover:before, .circled_gray:hover:before {
  border-color: #006ab8;
  background-color: #006ab8;
  color: #FFF;
}
/* line 90, ../sass/_common.scss */
.circled.withAnim_a, .circled.withAnim_b, .quality-index .row a.circled, .caseList-index .row a.circled, .withAnim_a.circled_gray:before, .withAnim_b.circled_gray:before, .quality-index .row a.circled_gray:before, .caseList-index .row a.circled_gray:before {
  overflow: hidden;
}
/* line 92, ../sass/_common.scss */
.circled.withAnim_a:after, .circled.withAnim_b:after, .quality-index .row a.circled:after, .caseList-index .row a.circled:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
/* line 104, ../sass/_common.scss */
.circled.withAnim_a:after {
  top: 0;
}
/* line 108, ../sass/_common.scss */
.circled.withAnim_a:hover:after {
  -moz-transform: scale(2) rotate(180deg);
  -ms-transform: scale(2) rotate(180deg);
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #ededed;
}
/* line 115, ../sass/_common.scss */
.circled.withAnim_b:after, .quality-index .row a.circled:after, .caseList-index .row a.circled:after {
  top: -100%;
}
/* line 119, ../sass/_common.scss */
.circled.withAnim_b:hover:after, .quality-index .row a.circled:hover:after, .caseList-index .row a.circled:hover:after {
  top: 0;
  background: #ededed;
}

/* line 127, ../sass/_common.scss */
.circled_gray:before {
  border: 1px solid #9c9ca2;
}

/* line 132, ../sass/_common.scss */
.page-title {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  padding: 64px 0 60px;
  font-weight: bold;
}

/* line 139, ../sass/_common.scss */
.page-title_sub {
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.32;
  letter-spacing: normal;
}

/* line 145, ../sass/_common.scss */
.page-title_en {
  font-size: 14px;
  font-size: 1.4rem;
  color: #006ab8;
  font-weight: bold;
  text-align: center;
  margin-top: 24px;
  letter-spacing: normal;
}

/* line 153, ../sass/_common.scss */
.lead-strong, .homeSection-lead {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.1em;
  font-weight: bold;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* line 162, ../sass/_common.scss */
.lead-primary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.9em;
  font-weight: bold;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: normal;
}

/* line 171, ../sass/_common.scss */
.lead-secondary_alt, .quality-secularCase aside .aside-title, .case-product aside .aside-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: normal;
}

/* line 176, ../sass/_common.scss */
.title-secondary_alt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: normal;
}

/* line 181, ../sass/_common.scss */
.lead-secondary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  font-weight: bold;
}

/* line 186, ../sass/_common.scss */
.lead-third_alt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.714;
}

/* line 190, ../sass/_common.scss */
.lead-third, .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-secularCase .caseinfo-caption, .caution .row .aright, .guideline .row .aright {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.66;
  font-weight: bold;
}

/* line 195, ../sass/_common.scss */
.lead-normal, .quality-secularCase aside a, .case-product aside a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.66;
}

/* line 199, ../sass/_common.scss */
.lead-memo, .testConditions li, .testCondition-title {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
}

/* line 204, ../sass/_common.scss */
.lead-note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: bold;
  letter-spacing: 0.05em;
}

/* line 210, ../sass/_common.scss */
.lead-small {
  font-size: 10px;
  font-size: 1rem;
}

/* line 316, ../sass/_common.scss */
.section-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  width: 100%;
  border-bottom: 1px solid #e5e9ea;
  padding: 2px 0 6px 28px;
  font-weight: bold;
  position: relative;
  color: #002630;
  margin-bottom: 24px;
}
/* line 323, ../sass/_common.scss */
.section-title.icon-medal {
  pading-left: 24px;
}
/* line 329, ../sass/_common.scss */
.section-title:before {
  font-size: 22px;
  font-size: 2.2rem;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 0;
  color: #b8000e;
}

/* line 352, ../sass/_common.scss */
.sectionTitle-memo {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  font-size: 10px;
  font-size: 1rem;
  padding-bottom: 12px;
  font-weight: normal;
}

/* line 362, ../sass/_common.scss */
.outlineList-wrap {
  margin-bottom: 11px;
  border-top: 1px solid #e5e9ea;
  border-bottom: 1px solid #e5e9ea;
  border-right: 1px solid #e5e9ea;
}

/* line 368, ../sass/_common.scss */
.outline-list {
  border-left: 12px solid #b8000e;
  width: 480px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 378, ../sass/_common.scss */
.outline-list.small {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.53;
}

/* line 384, ../sass/_common.scss */
.dsc-list dt, .dsc-list_icon dt, .dsc-list dd, .dsc-list_icon dd {
  text-align: left;
}
/* line 387, ../sass/_common.scss */
.dsc-list dt, .dsc-list_icon dt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85;
  padding: 0;
  font-weight: bold;
  margin-top: 12px;
}
/* line 393, ../sass/_common.scss */
.dsc-list dt > *, .dsc-list_icon dt > * {
  font-size: inherit;
  line-height: inherit;
  display: inline;
}
/* line 399, ../sass/_common.scss */
.dsc-list dt.first, .dsc-list_icon dt.first, .dsc-list dt:nth-of-type(1), .dsc-list_icon dt:nth-of-type(1) {
  margin-top: 0;
}
/* line 402, ../sass/_common.scss */
.dsc-list dd, .dsc-list_icon dd {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.83;
  color: #000;
  margin-left: 20px;
}

/* line 411, ../sass/_common.scss */
.dsc-list_icon dt {
  padding: 0 0 0 20px;
  position: relative;
}
/* line 414, ../sass/_common.scss */
.dsc-list_icon dt:before {
  color: #b8000e;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 424, ../sass/_common.scss */
.reg_upper, .font_upper {
  vertical-align: super;
  font-size: 10px;
}
/* line 427, ../sass/_common.scss */
.ie-8 .reg_upper, .ie-9 .reg_upper, .ie-8 .font_upper, .ie-9 .font_upper {
  font-weight: normal !important;
}

/* line 431, ../sass/_common.scss */
.reg_sub, .font_sub {
  vertical-align: sub;
  font-size: 10px;
}
/* line 434, ../sass/_common.scss */
.ie-8 .reg_sub, .ie-9 .reg_sub, .ie-8 .font_sub, .ie-9 .font_sub {
  font-weight: normal !important;
}

/* line 438, ../sass/_common.scss */
.reg_middle {
  vertical-align: middle;
}

/* line 444, ../sass/_common.scss */
.standard .grid3 {
  padding-top: 48px;
}
/* line 446, ../sass/_common.scss */
.standard .grid3:first-child {
  padding-top: 0;
}
/* line 449, ../sass/_common.scss */
.standard .grid3 .grid-col {
  width: 330px;
  padding-left: 30px;
}
/* line 452, ../sass/_common.scss */
.standard .grid3 .grid-col:first-child {
  width: 300px;
  padding-left: 0px;
}
/* line 458, ../sass/_common.scss */
.standard .grid-col {
  position: relative;
  text-align: center;
}
/* line 462, ../sass/_common.scss */
.standard .grid-col a {
  display: block;
  border-bottom: 1px solid #e6e6e7;
  letter-spacing: normal;
  text-decoration: none;
}
/* line 467, ../sass/_common.scss */
.standard .grid-col a:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 36px;
  height: 36px;
  line-height: 36px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-color: 1px solid #006ab8;
  color: #006ab8;
  position: absolute;
  bottom: 18px;
  right: 132px;
}
/* line 481, ../sass/_common.scss */
.standard .grid-col a:hover:before {
  background-color: #006ab8;
  color: #FFF;
}
/* line 491, ../sass/_common.scss */
.standard .list-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.60;
  font-weight: bold;
  color: #006ab8;
  margin-bottom: 12px;
}
/* line 498, ../sass/_common.scss */
.standard .list-lead {
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.846;
  font-weight: bold;
  color: #333333;
  margin-bottom: 100px;
}

/* line 511, ../sass/_common.scss */
.about-line .mapIcon-wrap, .case-index .mapIcon-wrap {
  border: 2px solid #006ab8;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 120px;
  position: absolute;
}
/* line 516, ../sass/_common.scss */
.about-line .mapIcon-wrap:after, .case-index .mapIcon-wrap:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #006ab8;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
}
/* line 528, ../sass/_common.scss */
.about-line .mapIcon-wrap .dot, .case-index .mapIcon-wrap .dot {
  width: 8px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fdd731;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -4px;
}
/* line 539, ../sass/_common.scss */
.about-line .map-icon, .case-index .map-icon, .about-line .map-note, .case-index .map-note {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 36px;
  width: 100%;
}
/* line 546, ../sass/_common.scss */
.about-line .map-icon, .case-index .map-icon {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #006ab8;
  color: #FFF;
}
/* line 551, ../sass/_common.scss */
.about-line .map-note, .case-index .map-note {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0.7);
  color: #006ab8;
}
/* line 554, ../sass/_common.scss */
.no-rgba .about-line .map-note, .no-rgba .case-index .map-note {
  background: url('../img/img-ie/bg-wh_75.png?1429077170') repeat 0 0 transparent;
}

/* line 561, ../sass/_common.scss */
.browser-warning {
  background-color: #fdd731;
  width: 100%;
  margin: 0 auto;
  padding: 20px 124px;
  text-align: center;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
/* line 570, ../sass/_common.scss */
.browser-warning a {
  color: #000;
  text-decoration: underline;
}

/*
 * Created with iconvau.lt
 */
@font-face {
  font-family: "iconvault";
  src: url("../font/additional.eot");
  src: url("../font/additional.eot?#iefix") format("embedded-opentype"), url("../font/additional.woff") format("woff"), url("../font/additional.ttf") format("truetype"), url("../font/additional.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 17, ../sass/_iconfont.scss */
.icon-settings:before,
.icon-building:before,
.icon-menu:before,
.icon-plane:before,
.icon-people:before,
.icon-circle:before,
.icon-comment:before,
.icon-curriculum:before,
.icon-eye:before,
.icon-youtube:before,
.icon-hat:before,
.icon-circle_arrow:before {
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  display: inline-block;
  text-decoration: inherit;
}

/* line 41, ../sass/_iconfont.scss */
.icon-building:before {
  content: "\f100";
}

/* line 42, ../sass/_iconfont.scss */
.icon-menu:before {
  content: "\f101";
}

/* line 43, ../sass/_iconfont.scss */
.icon-plane:before {
  content: "\f102";
}

/* line 44, ../sass/_iconfont.scss */
.icon-people:before {
  content: "\f103";
}

/* line 45, ../sass/_iconfont.scss */
.icon-circle:before {
  content: "\f104";
}

/* line 46, ../sass/_iconfont.scss */
.icon-comment:before {
  content: "\f105";
}

/* line 47, ../sass/_iconfont.scss */
.icon-curriculum:before {
  content: "\f106";
}

/* line 48, ../sass/_iconfont.scss */
.icon-eye:before {
  content: "\f107";
}

/* line 49, ../sass/_iconfont.scss */
.icon-youtube:before {
  content: "\f108";
}

/* line 50, ../sass/_iconfont.scss */
.icon-hat:before {
  content: "\f109";
}

/* line 51, ../sass/_iconfont.scss */
.icon-circle_arrow:before {
  content: "\f10a";
}

/* line 53, ../sass/_iconfont.scss */
.icon-any:before {
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  display: inline-block;
  text-decoration: inherit;
}

/* line 4, ../sass/_pager.scss */
.has-pager body {
  position: relative;
}

/* line 9, ../sass/_pager.scss */
#gl-pager {
  position: fixed;
  right: 16px;
  top: 50%;
  width: 12px;
}
/* line 18, ../sass/_pager.scss */
#gl-pager li {
  margin-top: 24px;
  text-align: center;
}
/* line 21, ../sass/_pager.scss */
#gl-pager li:first-child {
  margin-top: 0;
}
/* line 25, ../sass/_pager.scss */
#gl-pager a {
  display: block;
  color: #ededed;
  text-decoration: none;
  font-size: 8px;
  font-size: 0.8rem;
  padding-right: 1px;
}
/* line 31, ../sass/_pager.scss */
#gl-pager a.current {
  padding-right: 0px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
}

/* line 5, ../sass/_header.scss */
header {
  position: relative;
  text-align: center;
  min-height: 44px;
}
/* line 14, ../sass/_header.scss */
header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  z-index: 100;
  border: 0;
  min-height: 44px;
}
/* line 25, ../sass/_header.scss */
.home header {
  display: none;
}
/* line 27, ../sass/_header.scss */
.home header.fixed {
  display: block;
}
/* line 31, ../sass/_header.scss */
.about-sub header {
  height: 88px;
}

/* line 35, ../sass/_header.scss */
.header-wrap {
  position: relative;
  min-height: 44px;
  background-color: #006ab8;
}

/* line 43, ../sass/_header.scss */
.header-logo, .header-nisshinSteel {
  position: absolute;
  top: 0;
  line-height: 44px;
}
/* line 47, ../sass/_header.scss */
.header-logo img, .header-nisshinSteel img {
  vertical-align: middle;
}

/* line 49, ../sass/_header.scss */
.header-logo {
  left: 0;
  margin-left: 24px;
  width: 99px;
}

/* line 54, ../sass/_header.scss */
.header-nisshinSteel {
  right: 0;
  margin-right: 24px;
  width: 155px;
}

/* line 61, ../sass/_header.scss */
.gnav, .gnav-child {
  letter-spacing: -0.4em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 65, ../sass/_header.scss */
.gnav {
  margin: 0 auto;
}
/* line 68, ../sass/_header.scss */
.gnav .gnav-link {
  font-weight: bold;
  letter-spacing: normal;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFF;
  padding: 0 12px;
  height: 44px;
  line-height: 44px;
  position: relative;
  -moz-transition: background-color 0.3s ease-out, background-image 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, background-image 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out, background-image 0.3s ease-out;
  transition: background-color 0.3s ease-out, background-image 0.3s ease-out;
}
/* line 80, ../sass/_header.scss */
.about .gnav .gnavChild-about, .case-index .gnav .gnavChild-case, .case-sub .gnav .gnavChild-case, .caseList-index .gnav .gnavChild-case, .quality .gnav .gnavChild-quality, .standard .gnav .gnavChild-standard, .feedback .gnav .gnavChild-feedback,
.gnav .current .gnav-link, .gnav .gnav-link:hover {
  text-decoration: none;
  background: #000;
}

/* line 89, ../sass/_header.scss */
.gnav-child {
  float: left;
}

/* line 94, ../sass/_header.scss */
.navSub-wrapper, .navSub-wrapper_addon {
  width: 100%;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 2;
  opacity: 0;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: fade-out_op;
  -webkit-animation-name: fade-out_op;
  animation-name: fade-out_op;
  min-height: 44px;
}

/* line 106, ../sass/_header.scss */
.subNavInner {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #9c9ca2;
}

/* line 119, ../sass/_header.scss */
.subnav-open.navSub-wrapper, .subnav-open.navSub-wrapper_addon {
  opacity: 1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: fade-in_op;
  -webkit-animation-name: fade-in_op;
  animation-name: fade-in_op;
}

/* line 126, ../sass/_header.scss */
.subnav-close.navSub-wrapper {
  opacity: 0;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: fade-out_op;
  -webkit-animation-name: fade-out_op;
  animation-name: fade-out_op;
}

@-moz-keyframes fade-in_op {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  10% {
    display: block;
    opacity: 0.2;
  }
  90% {
    display: block;
    opacity: 0.8;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in_op {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  10% {
    display: block;
    opacity: 0.2;
  }
  90% {
    display: block;
    opacity: 0.8;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fade-in_op {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  10% {
    display: block;
    opacity: 0.2;
  }
  90% {
    display: block;
    opacity: 0.8;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-out_op {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  10% {
    display: block;
    opacity: 0.8;
  }
  90% {
    display: block;
    opacity: 0.2;
  }
  99% {
    display: block;
    opacity: 0.0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@-webkit-keyframes fade-out_op {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  10% {
    display: block;
    opacity: 0.8;
  }
  90% {
    display: block;
    opacity: 0.2;
  }
  99% {
    display: block;
    opacity: 0.0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes fade-out_op {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  10% {
    display: block;
    opacity: 0.8;
  }
  90% {
    display: block;
    opacity: 0.2;
  }
  99% {
    display: block;
    opacity: 0.0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/* line 180, ../sass/_header.scss */
.nav-sub {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 182, ../sass/_header.scss */
.nav-sub .navSub-child {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: -0.4em;
}
/* line 186, ../sass/_header.scss */
.nav-sub a {
  -webkit-font-smoothing: antialiased;
  letter-spacing: normal;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 12px;
  color: #FFF;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: bold;
}
/* line 199, ../sass/_header.scss */
.nav-sub .current a, .nav-sub a:hover {
  border-bottom: 4px solid #006ab8;
}

/* line 205, ../sass/_header.scss */
.about-index .about-index_subn a {
  border-bottom: 4px solid #000;
}

/* line 214, ../sass/_header.scss */
.about-resistCorrosion .aboutSub-resistCorrosion a,
.about-press .aboutSub-press a,
.about-costdown .aboutSub-costdown a,
.about-cromfree .aboutSub-cromfree a,
.about-line .aboutSub-line a,
.about-cromfreeChild .aboutSub-cromfree a {
  border-bottom: 4px solid #000;
}

/* line 23, ../sass/_home.scss */
.home .point5-wrap, .home .news, .home .casestudy, .home .quality-wrap, .home #footer {
  opacity: 0;
  display: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* line 30, ../sass/_home.scss */
.home.loaded .point5-wrap, .home.loaded .news, .home.loaded .casestudy, .home.loaded .quality-wrap, .home.loaded #footer, .no-js.home .point5-wrap, .no-js.home .news, .no-js.home .casestudy, .no-js.home .quality-wrap, .no-js.home #footer {
  opacity: 1;
  display: block;
}

/* line 35, ../sass/_home.scss */
.intro, .intro .anystretch {
  background-color: #000;
}

/* line 42, ../sass/_home.scss */
.intro {
  min-height: 627px;
  position: relative;
  text-align: center;
}
/* line 50, ../sass/_home.scss */
.intro .intro-leadWrap {
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 53, ../sass/_home.scss */
.loaded .intro .intro-leadWrap {
  opacity: 1;
}
/* line 57, ../sass/_home.scss */
.minHeight .intro {
  min-height: 711px;
}

/* line 64, ../sass/_home.scss */
.intro-logo {
  margin-left: 36px;
}

/* line 68, ../sass/_home.scss */
.intro-company, .intro-logo, .intro-illust {
  line-height: 0;
}

/* line 72, ../sass/_home.scss */
.header-nisshinSteel_intro {
  position: absolute;
  right: 24px;
  top: 24px;
}

/* line 78, ../sass/_home.scss */
.intro-leadWrap {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -406.5px;
  margin-top: -250px;
}

/* line 86, ../sass/_home.scss */
.lang {
  position: absolute;
  top: 18px;
  left: 18px;
}
/* line 90, ../sass/_home.scss */
.lang li {
  float: left;
}
/* line 94, ../sass/_home.scss */
.lang .cn {
  background: url(../img/index/lang-bar.png) no-repeat top left;
  padding-left: 18px;
  margin-left: 3px;
}
/* line 98, ../sass/_home.scss */
.lang .cn a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
  font-weight: bold;
  text-decoration: underline;
}
/* line 103, ../sass/_home.scss */
.lang .cn a:hover {
  text-decoration: none;
  color: #ccc;
}
/* line 110, ../sass/_home.scss */
.lang .jp a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
  font-weight: bold;
  text-decoration: underline;
}
/* line 115, ../sass/_home.scss */
.lang .jp a:hover {
  text-decoration: none;
  color: #ccc;
}

/* line 122, ../sass/_home.scss */
.intro-company {
  margin-bottom: 42px;
}

/* line 125, ../sass/_home.scss */
.intro-logo {
  margin-bottom: 36px;
}

/* line 128, ../sass/_home.scss */
.intro-illust {
  margin-bottom: 7.5px;
}

/* line 132, ../sass/_home.scss */
.intro-lead h4 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.69;
}
/* line 137, ../sass/_home.scss */
.intro-lead .reg_upper {
  vertical-align: super;
  font-size: 7px;
}

/* line 142, ../sass/_home.scss */
.intro-nav {
  margin: 60px auto 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 145, ../sass/_home.scss */
.intro-nav h5 {
  float: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: -0.4em;
  margin-left: 24px;
}
/* line 150, ../sass/_home.scss */
.intro-nav h5:first-child {
  margin-left: 0;
}
/* line 154, ../sass/_home.scss */
.intro-nav a {
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
  font-size: 15px;
  font-size: 1.5rem;
}

/* line 164, ../sass/_home.scss */
.no-csstransitions .loading.png, .no-cssanimations .loading.png, .no-csstransforms .loading.png {
  display: block;
}
/* line 167, ../sass/_home.scss */
.no-csstransitions .spinner-css, .no-cssanimations .spinner-css, .no-csstransforms .spinner-css {
  opacity: 0;
  display: none;
}

/* line 173, ../sass/_home.scss */
.loaded .spinner-css {
  opacity: 0;
}

/* line 176, ../sass/_home.scss */
.loading {
  display: none;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
/* line 184, ../sass/_home.scss */
.loaded .loading {
  opacity: 0;
  display: none;
}

/* line 191, ../sass/_home.scss */
.point5-wrap {
  padding: 72px 0 60px;
}

/* line 203, ../sass/_home.scss */
.point5Inner-img {
  padding-right: 10px;
}

/* line 206, ../sass/_home.scss */
.point5Inner-list {
  padding-left: 50px;
}

/* line 209, ../sass/_home.scss */
.point-title {
  background-color: #006ab8;
  padding: 18px 24px;
  margin-bottom: 16px;
  position: relative;
}
/* line 214, ../sass/_home.scss */
.point-title img {
  height: 24px;
}
/* line 217, ../sass/_home.scss */
.point-title:after {
  content: "";
  width: 20px;
  height: 16px;
  background: url('../img/index/5point-tri.png?1426504037') no-repeat center center;
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
}

/* line 232, ../sass/_home.scss */
.point5List-wrap a {
  color: #000;
  text-decoration: none;
}
/* line 235, ../sass/_home.scss */
.en .point5List-wrap a, .ch .point5List-wrap a {
  cursor: default;
}

/* line 239, ../sass/_home.scss */
.point5List-wrap h3 {
  border-bottom: 1px solid #ededed;
  position: relative;
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: normal;
}
/* line 246, ../sass/_home.scss */
.point5List-wrap h3:before {
  position: absolute;
  text-align: center;
  right: 0;
  top: 50%;
  margin-top: -18px;
  font-size: 9px;
  font-size: 0.9rem;
  color: #006ab8;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 261, ../sass/_home.scss */
.point5List-wrap a {
  display: block;
  padding: 22px 6px 20px;
}

/* line 268, ../sass/_home.scss */
.news {
  background: #FFF;
  padding: 0 0 62px;
  position: relative;
}
/* line 272, ../sass/_home.scss */
.news h2 {
  color: #006ab8;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  margin-bottom: 40px;
}
/* line 279, ../sass/_home.scss */
.news .article-wrap {
  display: table;
  table-layout: fixed;
  text-align: center;
  position: relative;
  letter-spacing: -0.4em;
}
/* line 286, ../sass/_home.scss */
.news .link-list, .news article {
  letter-spacing: normal;
}
/* line 289, ../sass/_home.scss */
.news .link-list {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  right: 0;
  top: -60px;
  color: #006ab8;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  padding-left: 15px;
}
/* line 298, ../sass/_home.scss */
.news .link-list span {
  color: #000;
}
/* line 302, ../sass/_home.scss */
.news .link-list:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
/* line 309, ../sass/_home.scss */
.news article {
  width: 290px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  border-bottom: 1px dashed #ededed;
}
/* line 314, ../sass/_home.scss */
.news article.second {
  margin-left: 45px;
  margin-right: 45px;
}
/* line 319, ../sass/_home.scss */
.news a {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 321, ../sass/_home.scss */
.news a:hover {
  color: #006ab8;
}
/* line 326, ../sass/_home.scss */
.news .link-list:hover span {
  border-bottom: 1px solid #006ab8;
}

/* line 331, ../sass/_home.scss */
.news-date, .news-category, .news-title {
  text-align: left;
}

/* line 334, ../sass/_home.scss */
.news-date, .news-category, .news-category a {
  color: #000;
}

/* line 338, ../sass/_home.scss */
.news-date {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 343, ../sass/_home.scss */
.news-category {
  float: right;
}

/* line 346, ../sass/_home.scss */
.news-category a {
  color: #006ab8;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
}

/* line 351, ../sass/_home.scss */
.news-title {
  margin: 14px 0 18px;
}

/* line 354, ../sass/_home.scss */
.news-title a {
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: bold;
}

/* line 363, ../sass/_home.scss */
.homeSection-subtitle {
  color: #FFF;
  font-size: 24px;
  margin-bottom: 26px;
}

/* line 369, ../sass/_home.scss */
.homeSection-title {
  margin-bottom: 60px;
}

/* line 372, ../sass/_home.scss */
.homeSection-lead {
  color: #FFF;
}

/* line 377, ../sass/_home.scss */
.casestudy {
  padding: 156px 0 306px;
  position: relative;
  text-align: center;
}
/* line 380, ../sass/_home.scss */
.casestudy.no-casestudyMenu {
  padding-bottom: 130px;
}
/* line 388, ../sass/_home.scss */
.casestudy img.casestudy-title {
  height: 32px;
}
/* line 388, ../sass/_home.scss */
.casestudy img.casestudy-lead {
  height: 98px;
}

/* line 394, ../sass/_home.scss */
.casestudy-menu {
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-road {
  height: 17px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-farm {
  height: 16px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-rail {
  height: 17px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-kenzai {
  height: 16px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-industory {
  height: 18px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-house {
  height: 16px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-car {
  height: 16px;
}
/* line 401, ../sass/_home.scss */
.casestudy-menu .casemenu-other {
  height: 15px;
}
/* line 406, ../sass/_home.scss */
.casestudy-menu li {
  padding: 1px;
  vertical-align: top;
}
/* line 409, ../sass/_home.scss */
.casestudy-menu li.left {
  padding-left: 0;
}
/* line 412, ../sass/_home.scss */
.casestudy-menu li.right {
  padding-right: 0;
}
/* line 416, ../sass/_home.scss */
.casestudy-menu a {
  background-color: rgba(255, 255, 255, 0.75);
  display: block;
  padding: 0 16px 0 16px;
  position: relative;
  color: #006ab8;
  height: 86px;
}
/* line 419, ../sass/_home.scss */
.no-rgba .casestudy-menu a {
  background: url('../img/img-ie/bg-wh_75.png?1429077170') repeat 0 0 transparent;
}
/* line 427, ../sass/_home.scss */
.casestudy-menu a:before {
  width: 24px;
  height: 24px;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 24px;
  color: #9c9ca2;
  display: block;
  position: absolute;
  left: 18px;
  bottom: 16px;
  text-align: left;
  padding-top: 1px;
  padding-left: 7px;
}
/* line 445, ../sass/_home.scss */
.casestudy-menu .ttl, .casestudy-menu .icons {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 448, ../sass/_home.scss */
.casestudy-menu .ttl {
  float: left;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #006ab8;
  padding-top: 16px;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
/* line 458, ../sass/_home.scss */
.casestudy-menu .icons {
  float: right;
  line-height: 86px;
  text-align: center;
  width: 48px;
}
/* line 463, ../sass/_home.scss */
.casestudy-menu .icons img {
  vertical-align: middle;
}
/* line 467, ../sass/_home.scss */
.casestudy-menu .road .icons, .casestudy-menu .industory .icons {
  padding-left: 6px;
}
/* line 470, ../sass/_home.scss */
.casestudy-menu .rail .icons, .casestudy-menu .car .icons {
  padding-left: 4px;
}
/* line 473, ../sass/_home.scss */
.casestudy-menu .kenzai .icons, .casestudy-menu .other .icons {
  padding-left: 6px;
}

/* line 480, ../sass/_home.scss */
.quality-wrap {
  margin-top: 1px;
  background: #FFF;
  text-align: center;
}
/* line 484, ../sass/_home.scss */
.quality-wrap .inner {
  padding: 118px 0 120px;
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
}
/* line 490, ../sass/_home.scss */
.quality-wrap .inner:before {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -6px;
  font-size: 16px;
}

/* line 500, ../sass/_home.scss */
.quality-subtitle {
  height: 32.5px;
}

/* line 5, ../sass/_footer.scss */
footer {
  position: relative;
  border-top: 1px solid #FFF;
  background-color: #006ab8;
}

/* line 10, ../sass/_footer.scss */
.footer-logo_zam {
  height: 16px;
}

/* line 13, ../sass/_footer.scss */
.footer-copy {
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  line-height: 44px;
  color: #FFF;
  width: 100%;
}

/* line 22, ../sass/_footer.scss */
.pankuzu-wrap {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 30, ../sass/_footer.scss */
.pankuzu li {
  float: left;
}
/* line 33, ../sass/_footer.scss */
.pankuzu .reg_middle {
  font-size: 10px;
  font-size: 1rem;
}
/* line 36, ../sass/_footer.scss */
.pankuzu a {
  color: #FFF;
  display: block;
  padding: 16px 6px 0 22px;
  height: 44px;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  background: url('../img/ashirai/footer-devider_retina.png?1426515260') no-repeat left center;
  background-size: 12px 44px;
}
/* line 47, ../sass/_footer.scss */
.no-backgroundsize .pankuzu a {
  background: url('../img/ashirai/footer-devider_default.png?1426515276') no-repeat left center;
}
/* line 51, ../sass/_footer.scss */
.pankuzu .home a {
  padding-top: 14px;
  padding-left: 12px;
  background: none;
}
/* line 56, ../sass/_footer.scss */
.pankuzu .last {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 65, ../sass/_footer.scss */
.foreign,
.footer-links {
  float: left;
  padding-right: 12px;
}
/* line 69, ../sass/_footer.scss */
.foreign li,
.footer-links li {
  float: left;
  margin-left: 8px;
}
/* line 72, ../sass/_footer.scss */
.foreign li:first-child,
.footer-links li:first-child {
  margin-left: 0;
}
/* line 76, ../sass/_footer.scss */
.foreign a,
.footer-links a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 44px;
  font-weight: bold;
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: underline;
}

/* line 88, ../sass/_footer.scss */
.gotop-wrap {
  float: left;
}

/* line 95, ../sass/_footer.scss */
.gotop {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  background-color: #9c9ca2;
}

/* line 102, ../sass/_footer.scss */
.gotop:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: -6px;
  margin-left: -7px;
  color: #FFF;
}

/* line 4, ../sass/_about.scss */
.aboutIntro {
  padding: 84px 0 88px;
  text-align: center;
}

/* line 8, ../sass/_about.scss */
.mainTitle_about {
  height: 36px;
}

/* line 12, ../sass/_about.scss */
.aboutIntro-leadWrap {
  margin-right: auto;
  margin-left: auto;
}

/* line 16, ../sass/_about.scss */
.aboutIntro-title {
  margin-bottom: 63px;
  text-align: center;
}

/* line 20, ../sass/_about.scss */
.aboutIntro-lead {
  margin-bottom: 9px;
  text-align: center;
  color: #FFF;
  margin-bottom: 36px;
  margin-top: -12px;
}

/* line 28, ../sass/_about.scss */
.aboutIntrodescription-wrap {
  background: url('../img/about/bg-mainLayer_retina.png?1443786799') no-repeat center 24px;
  text-align: center;
  background-size: 960px 260px;
}
/* line 34, ../sass/_about.scss */
.no-backgroundsize .aboutIntrodescription-wrap {
  background: url('../img/about/bg-mainLayer_default.png?1443786828') no-repeat center 24px;
}

/* line 40, ../sass/_about.scss */
.aboutIntro-illust {
  padding: 60px 0 116px;
}

/* line 44, ../sass/_about.scss */
.aboutIntro-description {
  position: relative;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .longOperate img {
  height: 20.5px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .resistCorrosion img {
  height: 39px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .lcc img {
  height: 47.5px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .downcost img {
  height: 47.5px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .ecological img {
  height: 39px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .plateCostDown img {
  height: 39px;
  vertical-align: middle;
}
/* line 49, ../sass/_about.scss */
.aboutIntro-description .plateAlternative img {
  height: 39px;
  vertical-align: middle;
}
/* line 56, ../sass/_about.scss */
.aboutIntro-description h4 {
  position: absolute;
  display: block;
  width: 240px;
  height: 136px;
  line-height: 136px;
}
/* line 63, ../sass/_about.scss */
.aboutIntro-description .longOperate {
  left: 108px;
  top: 0;
}
/* line 67, ../sass/_about.scss */
.aboutIntro-description .resistCorrosion {
  left: 12px;
  top: 120px;
}
/* line 71, ../sass/_about.scss */
.aboutIntro-description .lcc {
  left: 128px;
  top: 230px;
}
/* line 75, ../sass/_about.scss */
.aboutIntro-description .downcost {
  left: 360px;
  top: 280px;
}
/* line 79, ../sass/_about.scss */
.aboutIntro-description .ecological {
  right: 128px;
  top: 230px;
}
/* line 83, ../sass/_about.scss */
.aboutIntro-description .plateCostDown {
  right: 12px;
  top: 120px;
}
/* line 87, ../sass/_about.scss */
.aboutIntro-description .plateAlternative {
  right: 108px;
  top: 0;
}
/* line 91, ../sass/_about.scss */
.aboutIntro-description a {
  display: block;
  background: url('../img/about/bg-main-list.png?1426567633') no-repeat center center;
}

/* line 96, ../sass/_about.scss */
.aboutIntro-sublead {
  padding-top: 27px;
  color: #FFF;
}

/* line 103, ../sass/_about.scss */
.aboutPoint5-wrap h2 {
  background-color: #fdd731;
  text-align: center;
  padding: 14px 0;
  position: relative;
}
/* line 108, ../sass/_about.scss */
.aboutPoint5-wrap h2 img {
  height: 36.5px;
}
/* line 111, ../sass/_about.scss */
.aboutPoint5-wrap h2:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 7px solid #fdd731;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -8px;
}
/* line 124, ../sass/_about.scss */
.aboutPoint5-wrap .container, .aboutPoint5-wrap .case-index .caseListLinks, .case-index .aboutPoint5-wrap .caseListLinks {
  padding: 54px 0 90px;
}
/* line 127, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 .grid-col, .aboutPoint5-wrap .grid2 .grid-col {
  width: 300px;
  text-align: center;
  padding-bottom: 80px;
  border-bottom: 1px solid #ededed;
  position: relative;
  text-decoration: none;
  color: #000;
}
/* line 135, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 .grid-col.middle, .aboutPoint5-wrap .grid2 .grid-col.middle {
  margin-left: 30px;
  margin-right: 30px;
}
/* line 139, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 .grid-col:before, .aboutPoint5-wrap .grid2 .grid-col:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  color: #006ab8;
  font-size: 9px;
  font-size: 0.9rem;
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: -18px;
}
/* line 154, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 .grid-col:hover:before, .aboutPoint5-wrap .grid2 .grid-col:hover:before {
  color: #FFF;
}
/* line 157, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 .grid-col .lead-third, .aboutPoint5-wrap .grid3 .grid-col .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .aboutPoint5-wrap .grid3 .grid-col .notice-inner, .aboutPoint5-wrap .grid3 .grid-col .quality-secularCase .caseinfo-caption, .quality-secularCase .aboutPoint5-wrap .grid3 .grid-col .caseinfo-caption, .aboutPoint5-wrap .grid3 .grid-col .caution .row .aright, .caution .row .aboutPoint5-wrap .grid3 .grid-col .aright, .aboutPoint5-wrap .grid3 .grid-col .guideline .row .aright, .guideline .row .aboutPoint5-wrap .grid3 .grid-col .aright, .aboutPoint5-wrap .grid2 .grid-col .lead-third, .aboutPoint5-wrap .grid2 .grid-col .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .aboutPoint5-wrap .grid2 .grid-col .notice-inner, .aboutPoint5-wrap .grid2 .grid-col .quality-secularCase .caseinfo-caption, .quality-secularCase .aboutPoint5-wrap .grid2 .grid-col .caseinfo-caption, .aboutPoint5-wrap .grid2 .grid-col .caution .row .aright, .caution .row .aboutPoint5-wrap .grid2 .grid-col .aright, .aboutPoint5-wrap .grid2 .grid-col .guideline .row .aright, .guideline .row .aboutPoint5-wrap .grid2 .grid-col .aright {
  letter-spacing: normal;
}
/* line 161, ../sass/_about.scss */
.aboutPoint5-wrap .grid3 {
  margin-bottom: 60px;
}
/* line 164, ../sass/_about.scss */
.aboutPoint5-wrap .grid2 {
  width: 630px;
  min-width: 630px;
  margin: 0 auto;
}
/* line 169, ../sass/_about.scss */
.aboutPoint5-wrap .grid2 .grid-col.last {
  margin-left: 30px;
}
/* line 174, ../sass/_about.scss */
.aboutPoint5-wrap .about5-title {
  color: #006ab8;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.333;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
}
/* line 181, ../sass/_about.scss */
.aboutPoint5-wrap .about5-title img {
  display: none;
}
/* line 187, ../sass/_about.scss */
.aboutPoint5-wrap img.resist_corrosion {
  height: 24px;
}
/* line 187, ../sass/_about.scss */
.aboutPoint5-wrap img.costdown {
  height: 24px;
}
/* line 187, ../sass/_about.scss */
.aboutPoint5-wrap img.press {
  height: 24px;
}
/* line 187, ../sass/_about.scss */
.aboutPoint5-wrap img.line {
  height: 23px;
}
/* line 187, ../sass/_about.scss */
.aboutPoint5-wrap img.cromfree {
  height: 24px;
}

/* line 4, ../sass/_nextPrevNav.scss */
.nextPrevNav {
  width: 100%;
  position: fixed;
  left: 0;
  top: 188px;
  z-index: 3;
}
/* line 13, ../sass/_nextPrevNav.scss */
.about-sub .nextPrevNav {
  top: 232px;
}
/* line 16, ../sass/_nextPrevNav.scss */
.nextPrevNav li {
  position: absolute;
  top: 0;
}
/* line 20, ../sass/_nextPrevNav.scss */
.nextPrevNav a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background-color: #fdd731;
  color: #000;
  width: 60px;
  height: 60px;
  text-decoration: none;
  text-align: center;
}
/* line 29, ../sass/_nextPrevNav.scss */
.nextPrevNav .arrow {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
/* line 34, ../sass/_nextPrevNav.scss */
.nextPrevNav .arrow:before {
  line-height: 60px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.4em;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 43, ../sass/_nextPrevNav.scss */
.nextPrevNav .ttl {
  display: none;
  font-size: 12px;
  font-weight: bold;
}

/* line 49, ../sass/_nextPrevNav.scss */
.nextPrevNav-prev {
  left: 0;
}
/* line 51, ../sass/_nextPrevNav.scss */
.nextPrevNav-prev a {
  text-align: left;
  padding-right: 32px;
}
/* line 55, ../sass/_nextPrevNav.scss */
.nextPrevNav-prev .ttl {
  padding-left: 22px;
}
/* line 58, ../sass/_nextPrevNav.scss */
.nextPrevNav-prev .arrow {
  padding-left: 21px;
}

/* line 62, ../sass/_nextPrevNav.scss */
.nextPrevNav-next {
  right: 0;
}
/* line 64, ../sass/_nextPrevNav.scss */
.nextPrevNav-next a {
  padding-left: 20px;
}
/* line 68, ../sass/_nextPrevNav.scss */
.nextPrevNav-next .ttl {
  padding-right: 18px;
}
/* line 71, ../sass/_nextPrevNav.scss */
.nextPrevNav-next .arrow {
  padding-right: 29px;
}

/* line 77, ../sass/_nextPrevNav.scss */
.nextPrevNav a:hover {
  width: auto;
}
/* line 79, ../sass/_nextPrevNav.scss */
.nextPrevNav a:hover .ttl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 85, ../sass/_nextPrevNav.scss */
.nextPrevNav-prev a:hover .arrow {
  border-right: 1px solid #000;
  padding-right: 26px;
}

/* line 91, ../sass/_nextPrevNav.scss */
.nextPrevNav-next a:hover .arrow {
  border-left: 1px solid #000;
  padding-left: 21px;
}

/* line 4, ../sass/_parts.scss */
.headerZone {
  text-align: center;
  border: 24px solid #FFF;
  border-bottom: 0;
}
/* line 10, ../sass/_parts.scss */
.headerZone .container, .headerZone .case-index .caseListLinks, .case-index .headerZone .caseListLinks {
  width: 100%;
  max-width: 980px;
  min-width: 932px;
  padding-top: 128px;
  padding-bottom: 128px;
  position: relative;
}
/* line 20, ../sass/_parts.scss */
.about-sub .headerZone .container, .about-sub .headerZone .case-index .caseListLinks, .case-index .about-sub .headerZone .caseListLinks {
  padding-top: 140px;
  padding-bottom: 62px;
}
/* line 25, ../sass/_parts.scss */
.about-cromfreeChild .headerZone {
  padding-top: 48px;
}
/* line 32, ../sass/_parts.scss */
.subnavIsOpened.about-sub.scrolled .headerZone {
  margin-top: 0px;
}

/* line 37, ../sass/_parts.scss */
.headerzone-title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  color: #FFF;
}

/* line 42, ../sass/_parts.scss */
.headerzone-title_small {
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: baseline;
  font-weight: bold;
  color: #FFF;
}

/* line 48, ../sass/_parts.scss */
.headerzone-title_xsmall {
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: baseline;
  font-weight: bold;
  color: #FFF;
}

/* line 56, ../sass/_parts.scss */
.categorize-title_link:hover .categorize-title {
  background-color: rgba(0, 106, 184, 0.8);
}
/* line 58, ../sass/_parts.scss */
.no-rgba .categorize-title_link:hover .categorize-title {
  opacity: 0.8;
}
/* line 61, ../sass/_parts.scss */
.about-sub .categorize-title_link:hover .categorize-title {
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 64, ../sass/_parts.scss */
.about-cromfreeChild .categorize-title_link:hover .categorize-title {
  background-color: rgba(0, 106, 184, 0.8);
}

/* line 71, ../sass/_parts.scss */
.headerzone-lead {
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 24px auto 0;
}

/* line 78, ../sass/_parts.scss */
.headerzone-lead_small {
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 81, ../sass/_parts.scss */
.categorize-title {
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  padding: 10px 24px;
  width: 200px;
  background-color: #006ab8;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
/* line 89, ../sass/_parts.scss */
.quality .categorize-title {
  position: absolute;
  right: 0;
  top: 48px;
}
/* line 93, ../sass/_parts.scss */
.quality .categorize-title img {
  height: 18.5px;
}
/* line 97, ../sass/_parts.scss */
.case-sub .categorize-title {
  width: 260px;
  position: absolute;
  right: 0;
  top: 48px;
}
/* line 102, ../sass/_parts.scss */
.case-sub .categorize-title img {
  height: 14px;
}
/* line 106, ../sass/_parts.scss */
.about .categorize-title {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 70px;
  background-color: #FFF;
}
/* line 112, ../sass/_parts.scss */
.about .categorize-title img {
  height: 18px;
}
/* line 116, ../sass/_parts.scss */
.about-cromfreeChild .categorize-title {
  background-color: #006ab8;
}

/* line 122, ../sass/_parts.scss */
.contentZone {
  padding-top: 60px;
}
/* line 124, ../sass/_parts.scss */
.contentZone .container-inner {
  border-top: 1px solid #e6e6e7;
}
/* line 128, ../sass/_parts.scss */
.contentZone .container-inner > .aleft, .contentZone .container-inner .sec-title {
  padding-top: 32px;
  width: 300px;
}
/* line 132, ../sass/_parts.scss */
.contentZone .container-inner .contentTitle-wrapper {
  padding-top: 32px;
}
/* line 135, ../sass/_parts.scss */
.contentZone .container-inner > .aright {
  padding-top: 32px;
  width: 630px;
}
/* line 140, ../sass/_parts.scss */
.contentZone .inner-half {
  width: 300px;
}

/* line 144, ../sass/_parts.scss */
.content-title, .news-detail .newsDetail-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #006ab8;
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.66;
  position: relative;
}
/* line 153, ../sass/_parts.scss */
.content-title:before, .news-detail .newsDetail-title:before {
  position: absolute;
  left: 0;
  top: -2px;
  color: #fdd731;
  font-size: 22px;
  font-size: 2.2rem;
}
/* line 160, ../sass/_parts.scss */
.content-title:after, .news-detail .newsDetail-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #006ab8;
  position: absolute;
  left: 0;
  top: -34px;
}

/* line 172, ../sass/_parts.scss */
.content-title_small {
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 175, ../sass/_parts.scss */
.lead-normal_alt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  color: #333333;
  letter-spacing: -0.01em;
}

/* line 181, ../sass/_parts.scss */
.inner-title_primary, .inner-title, .inner-title_sub {
  font-weight: bold;
  color: #000;
}
/* line 184, ../sass/_parts.scss */
.inner-title_primary.color_blue, .inner-title.color_blue, .inner-title_sub.color_blue {
  color: #006ab8;
}

/* line 188, ../sass/_parts.scss */
.inner-title_primary, .inner-title {
  border-bottom: 1px solid #e6e6e7;
}

/* line 191, ../sass/_parts.scss */
.inner-title_primary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

/* line 197, ../sass/_parts.scss */
.inner-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
/* line 202, ../sass/_parts.scss */
.inner-title.nob {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 208, ../sass/_parts.scss */
.inner-title_sub {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.666;
  margin-bottom: 8px;
}

/* line 214, ../sass/_parts.scss */
.imgwrap {
  border: 1px solid #e6e6e7;
  padding: 16px 6px;
  text-align: center;
}

/* line 220, ../sass/_parts.scss */
.imgwrap_alt {
  padding-top: 12px;
  vertical-align: middle;
  text-align: center;
}

/* line 228, ../sass/_parts.scss */
.scale-img {
  position: absolute;
  top: 6px;
  right: 0;
}

/* line 235, ../sass/_parts.scss */
.imgwrap_withCaption {
  width: 100%;
  letter-spacing: -0.4em;
  position: relative;
  margin-top: 12px;
}
/* line 240, ../sass/_parts.scss */
.imgwrap_withCaption:first-child {
  margin-top: 0;
}

/* line 244, ../sass/_parts.scss */
.imgwrap-inner {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: normal;
  text-align: center;
  position: relative;
}
/* line 249, ../sass/_parts.scss */
.pics2 .imgwrap-inner {
  width: 50%;
  padding-left: 2px;
}
/* line 252, ../sass/_parts.scss */
.pics2 .imgwrap-inner:first-child {
  padding-left: 0;
}
/* line 254, ../sass/_parts.scss */
.pics3 .imgwrap-inner {
  width: 33%;
  padding-left: 2px;
}
/* line 257, ../sass/_parts.scss */
.pics3 .imgwrap-inner:first-child {
  padding-left: 0;
}
/* line 258, ../sass/_parts.scss */
.pics3 .imgwrap-inner:nth-child(3n+2), .pics3 .imgwrap-inner.center {
  width: 34%;
}
/* line 260, ../sass/_parts.scss */
.pics4 .imgwrap-inner {
  width: 25%;
  padding-left: 1px;
}
/* line 263, ../sass/_parts.scss */
.pics4 .imgwrap-inner:first-child {
  padding-left: 0;
}
/* line 265, ../sass/_parts.scss */
.imgwrap-inner.captionHover {
  cursor: pointer;
}
/* line 268, ../sass/_parts.scss */
.imgwrap-inner.captionHover:hover .figure-tooltip {
  opacity: 0;
}

/* line 278, ../sass/_parts.scss */
.figureimage {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* line 285, ../sass/_parts.scss */
.img-caption_all, .figure-tooltip {
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-font-smoothing: antialiased;
}

/* line 291, ../sass/_parts.scss */
.figureimage img {
  -moz-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-font-smoothing: antialiased;
}

/* line 297, ../sass/_parts.scss */
.img-caption_all {
  color: #FFF;
  letter-spacing: normal;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.25;
  padding: 6px 0 7px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 310, ../sass/_parts.scss */
.no-rgba .img-caption_all, .ie-8 .img-caption_all {
  background: url('../img/img-ie/bg-black_60.png?1429077280') repeat 0 0 transparent;
}

/* line 316, ../sass/_parts.scss */
.img-caption_each {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  padding-bottom: 6px;
  letter-spacing: normal;
}

/* line 324, ../sass/_parts.scss */
.figure-tooltip {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
  color: #FFF;
  background-color: #e9168c;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  text-align: center;
  padding: 16px 20px;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -62px;
}
/* line 339, ../sass/_parts.scss */
.figure-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 10px solid transparent;
  border-top: 6px solid #e9168c;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -16px;
}

/* line 353, ../sass/_parts.scss */
.akasabi {
  position: absolute;
  background: url('../img/quality/bg-tooltip.png?1429120002');
  width: 100px;
  height: 100px;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 16px;
  color: #FFF;
  text-align: center;
  padding-top: 34px;
  z-index: 2;
}
/* line 366, ../sass/_parts.scss */
.akasabi.center {
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}
/* line 372, ../sass/_parts.scss */
.akasabi.left {
  top: 50%;
  left: -50px;
  margin-top: -50px;
}
/* line 377, ../sass/_parts.scss */
.akasabi.right {
  top: 50%;
  right: -50px;
  margin-top: -50px;
}
/* line 382, ../sass/_parts.scss */
.akasabi.right3col {
  top: 50%;
  z-index: 2;
  right: -50px;
  margin-top: -50px;
}

/* line 391, ../sass/_parts.scss */
.data-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
/* line 400, ../sass/_parts.scss */
.data-table.col_half td {
  width: 50%;
}
/* line 405, ../sass/_parts.scss */
.data-table.row_single td, .data-table.row_single th {
  height: 36px;
  text-align: center;
}
/* line 410, ../sass/_parts.scss */
.data-table td, .data-table th {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.666;
  padding: 6px 0;
}
/* line 415, ../sass/_parts.scss */
.data-table td {
  color: #333333;
}
/* line 418, ../sass/_parts.scss */
.data-table .th, .data-table th {
  border-top: 1px solid #FFF;
  background-color: #e6e6e7;
  font-weight: bold;
}
/* line 422, ../sass/_parts.scss */
.data-table .th.empty, .data-table th.empty {
  background-color: transparent;
}
/* line 427, ../sass/_parts.scss */
.data-table.no-bgcolor .th, .data-table.no-bgcolor th {
  border-left: 1px solid #e6e6e7;
  border-right: 1px solid #e6e6e7;
  border-bottom: 1px solid #e6e6e7;
  background-color: transparent;
}
/* line 434, ../sass/_parts.scss */
.data-table.no-bgcolor tr:first-child .th, .data-table.no-bgcolor tr:first-child th {
  border-top: 1px solid #e6e6e7;
}
/* line 440, ../sass/_parts.scss */
.data-table td {
  border-bottom: 1px solid #e6e6e7;
  border-right: 1px solid #e6e6e7;
}
/* line 444, ../sass/_parts.scss */
.data-table tr:first-child {
  border-right: 0px solid #e6e6e7;
}
/* line 446, ../sass/_parts.scss */
.data-table tr:first-child td {
  border-top: 1px solid #e6e6e7;
}

/* line 455, ../sass/_parts.scss */
.about-cromfreeChild .qualityCharacteristic .data-table tr th, .quality-chemical .data-table tr th, .quality-immersionPotential .data-table tr th, .quality-refinishSolvent .qualityContent_0 .data-table tr th, .quality-proof .data-table tr th, .about-cromfreeChild .qualityCharacteristic .data-table tr td:first-child, .quality-chemical .data-table tr td:first-child, .quality-immersionPotential .data-table tr td:first-child, .quality-refinishSolvent .qualityContent_0 .data-table tr td:first-child, .quality-proof .data-table tr td:first-child {
  border-left: 1px solid #e6e6e7;
}
/* line 461, ../sass/_parts.scss */
.about-cromfreeChild .qualityCharacteristic .data-table tr th, .quality-chemical .data-table tr th, .quality-immersionPotential .data-table tr th, .quality-refinishSolvent .qualityContent_0 .data-table tr th, .quality-proof .data-table tr th {
  border-right: 1px solid #FFF;
}
/* line 463, ../sass/_parts.scss */
.about-cromfreeChild .qualityCharacteristic .data-table tr th.last, .quality-chemical .data-table tr th.last, .quality-immersionPotential .data-table tr th.last, .quality-refinishSolvent .qualityContent_0 .data-table tr th.last, .quality-proof .data-table tr th.last {
  border-right: 1px solid #e6e6e7;
}

/* line 470, ../sass/_parts.scss */
.message-notice {
  margin-top: 8px;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.666;
}

/* line 478, ../sass/_parts.scss */
.bgColor-blocks {
  background-color: #e6e6e7;
  padding: 9px 12px 10px;
}
/* line 481, ../sass/_parts.scss */
.bgColor-blocks dt {
  font-size: 13px;
  font-size: 1.3rem;
  color: #006ab8;
  font-weight: bold;
  line-height: 1.846;
}
/* line 487, ../sass/_parts.scss */
.bgColor-blocks dd {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.818;
}

/* line 495, ../sass/_parts.scss */
.bottomFilled-block {
  border: 2px solid #006ab8;
  letter-spacing: normal;
  color: #006ab8;
  font-weight: bold;
  position: relative;
  text-align: center;
}
/* line 502, ../sass/_parts.scss */
.bottomFilled-block .filled {
  background-color: #006ab8;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 12px 24px 10px;
}
/* line 509, ../sass/_parts.scss */
.bottomFilled-block.gray {
  border: 2px solid #e6e6e7;
  color: #000;
}
/* line 512, ../sass/_parts.scss */
.bottomFilled-block.gray .filled {
  background-color: #e6e6e7;
  color: #000;
}

/* line 522, ../sass/_parts.scss */
.slides-wrap .bx-wrapper, .quality-secularCase .bx-wrapper {
  margin-bottom: 12px;
}
/* line 524, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .caseinfo-caption, .quality-secularCase .bx-wrapper .caseinfo-caption {
  padding: 0 62px 12px 0;
}
/* line 527, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .bx-viewport, .quality-secularCase .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border: 0;
  left: 0;
}
/* line 532, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .bx-pager, .quality-secularCase .bx-wrapper .bx-pager {
  padding-top: 4px;
  top: -22px;
  text-align: right;
}
/* line 536, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .bx-pager.bx-default-pager a, .quality-secularCase .bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  background-color: #e6e6e7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 4px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 548, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .quality-secularCase .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #006ab8;
}
/* line 551, ../sass/_parts.scss */
.slides-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .quality-secularCase .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #333333;
}
/* line 559, ../sass/_parts.scss */
.slides-wrap .prevNext, .quality-secularCase .prevNext {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 10;
  width: 36px;
  height: 36px;
  background-color: #006ab8;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 571, ../sass/_parts.scss */
.slides-wrap .prevNext:hover, .quality-secularCase .prevNext:hover {
  background-color: #333333;
}
/* line 574, ../sass/_parts.scss */
.slides-wrap .prevNext:before, .quality-secularCase .prevNext:before {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -7px;
  color: #FFF;
}
/* line 584, ../sass/_parts.scss */
.slides-wrap .controle-prev, .quality-secularCase .controle-prev {
  left: -18px;
}
/* line 587, ../sass/_parts.scss */
.slides-wrap .controle-next, .quality-secularCase .controle-next {
  right: -18px;
}
/* line 589, ../sass/_parts.scss */
.slides-wrap .controle-next:before, .quality-secularCase .controle-next:before {
  margin-left: -6px;
}
/* line 593, ../sass/_parts.scss */
.slides-wrap .bx-next, .quality-secularCase .bx-next, .slides-wrap .bx-prev, .quality-secularCase .bx-prev {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
}

/* line 8, ../sass/_about-sub.scss */
.about .about-titleZam {
  height: 48px;
  margin-top: 36px;
}
/* line 15, ../sass/_about-sub.scss */
.about .grid2 .imgwrap_withCaption .imgwrap-inner, .about .grid3 .imgwrap_withCaption .imgwrap-inner, .about .grid4 .imgwrap_withCaption .imgwrap-inner, .about .grid8 .imgwrap_withCaption .imgwrap-inner {
  float: left;
}

/* line 23, ../sass/_about-sub.scss */
.nav-sub_about {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: right;
  padding-bottom: 76px;
}
/* line 27, ../sass/_about-sub.scss */
.nav-sub_about .navSub-child {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: -0.4em;
  margin-left: 24px;
}
/* line 31, ../sass/_about-sub.scss */
.nav-sub_about .navSub-child:first-child, .nav-sub_about .navSub-child.first {
  margin-left: 0;
}
/* line 35, ../sass/_about-sub.scss */
.nav-sub_about a {
  letter-spacing: normal;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 41, ../sass/_about-sub.scss */
.nav-sub_about a:hover {
  color: #006ab8;
}
/* line 45, ../sass/_about-sub.scss */
.about-resistCorrosion .nav-sub_about .subNav-resistCorrosion, .about-press .nav-sub_about .subNav-press, .about-costdown .nav-sub_about .subNav-costdown, .about-cromfree .nav-sub_about .subNav-cromfree, .about-line .nav-sub_about .subNav-line, .about-cromfreeChild .nav-sub_about .subNav-cromfree {
  color: #006ab8;
  text-decoration: none;
}

/* line 58, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_0 {
  margin-bottom: 48px;
}
/* line 60, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_0 .inner-title_primary {
  letter-spacing: normal;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 12px;
  text-align: center;
}
/* line 67, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_0 .contentTitle-wrapper {
  padding-bottom: 24px;
}
/* line 70, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_0 .imgwrap_alt {
  padding-top: 0;
}
/* line 73, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_0 .lead-third_alt {
  padding: 12px 0 0;
  color: #333333;
  letter-spacing: normal;
}
/* line 79, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 {
  margin-bottom: 118px;
}
/* line 81, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 .imgwrap_alt {
  position: relative;
  padding-top: 0;
}
/* line 84, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 .imgwrap_alt.zam {
  margin-top: 64px;
}
/* line 87, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 .imgwrap_alt.gilt {
  margin-top: 20px;
}
/* line 89, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 .imgwrap_alt.gilt .lead-strong, .about-resistCorrosion .aboutContent_1 .imgwrap_alt.gilt .homeSection-lead {
  top: 28px;
}
/* line 94, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_1 .lead-strong, .about-resistCorrosion .aboutContent_1 .homeSection-lead {
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  padding-left: 64px;
}
/* line 103, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_2 .lead-primary {
  letter-spacing: normal;
}
/* line 107, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 {
  padding: 24px 0 190px;
}
/* line 109, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .imgwrap_alt {
  padding-top: 0;
}
/* line 112, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .grid2 {
  width: 830px;
  padding-top: 24px;
}
/* line 115, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .grid2 .imgwrap_alt {
  position: relative;
  overflow: hidden;
  border: 2px solid #006ab8;
}
/* line 120, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .grid2 .imgwrap_alt.border .lead-primary {
  color: #000;
}
/* line 124, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .grid2 .imgwrap_alt img {
  vertical-align: bottom;
}
/* line 126, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .grid2 .lead-primary {
  width: 100%;
  color: #FFF;
  text-align: center;
  letter-spacing: normal;
  position: absolute;
  top: 32px;
  left: 0;
}
/* line 136, ../sass/_about-sub.scss */
.about-resistCorrosion .aboutContent_3 .lead-normal, .about-resistCorrosion .aboutContent_3 .quality-secularCase aside a, .quality-secularCase aside .about-resistCorrosion .aboutContent_3 a, .about-resistCorrosion .aboutContent_3 .case-product aside a, .case-product aside .about-resistCorrosion .aboutContent_3 a {
  padding-top: 24px;
}

/* line 143, ../sass/_about-sub.scss */
.about-press .aboutContent_0 {
  margin-bottom: 142px;
}
/* line 145, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 {
  margin-top: 36px;
}
/* line 147, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .imgwrap_alt {
  padding: 14px 0 16px;
}
/* line 153, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .grid-col:first-child .imgwrap_alt {
  padding: 24px 0 46px;
}
/* line 157, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .grid-col:first-child .content-title_small.left {
  padding-left: 100px;
}
/* line 160, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .grid-col:first-child .content-title_small.right {
  padding-right: 92px;
}
/* line 167, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .grid-col .content-title_small.left {
  float: left;
  padding-left: 14px;
}
/* line 171, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .grid2 .grid-col .content-title_small.right {
  float: right;
  padding-right: 40px;
}
/* line 179, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .content-title_small {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
  letter-spacing: normal;
}
/* line 184, ../sass/_about-sub.scss */
.about-press .aboutContent_0 .image-lead {
  text-align: center;
}

/* line 192, ../sass/_about-sub.scss */
.about-costdown .aboutContent_0 {
  margin-bottom: 168px;
}
/* line 194, ../sass/_about-sub.scss */
.about-costdown .aboutContent_0 .articles {
  position: relative;
  margin-top: 40px;
}
/* line 198, ../sass/_about-sub.scss */
.about-costdown .aboutContent_0 .lead-strong, .about-costdown .aboutContent_0 .homeSection-lead {
  text-align: left;
  color: #006ab8;
}
/* line 202, ../sass/_about-sub.scss */
.about-costdown .aboutContent_0 .zam {
  position: absolute;
  left: 0;
  top: 226px;
}
/* line 207, ../sass/_about-sub.scss */
.about-costdown .aboutContent_0 .imgwrap_alt {
  padding-top: 12px;
  text-align: center;
}

/* line 215, ../sass/_about-sub.scss */
.about-cromfree .first {
  padding-top: 0;
}
/* line 218, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 {
  border-top: 0;
  padding-bottom: 82px;
  position: relative;
}
/* line 222, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .grid-col {
  padding-top: 108px;
  text-align: center;
  position: relative;
  width: 180px;
  margin-left: 15px;
}
/* line 228, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .grid-col:first-child {
  margin-left: 0;
}
/* line 231, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .grid-col:after {
  width: 1px;
  content: "";
  display: block;
  height: 460px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #e6e6e7;
  z-index: 1;
}
/* line 244, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .zamplus {
  position: absolute;
  top: 24px;
  right: 0;
  width: 375px;
  line-height: 60px;
  background-color: #e6e6e7;
  text-align: center;
  z-index: 2;
}
/* line 250, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .zamplus img {
  vertical-align: middle;
}
/* line 254, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_0 .zamplus:before {
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFF;
  position: absolute;
  top: 2px;
  right: 12px;
}
/* line 264, ../sass/_about-sub.scss */
.about-cromfree .dot {
  display: block;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e6e6e7;
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -3px;
}
/* line 275, ../sass/_about-sub.scss */
.about-cromfree .type-name, .about-cromfree .type-name_sub,
.about-cromfree .disposal-name, .about-cromfree .crom-lead, .about-cromfree .crom-name {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: normal;
  text-align: center;
  width: 180px;
  position: relative;
  z-index: 2;
  line-height: 0;
}
/* line 284, ../sass/_about-sub.scss */
.about-cromfree .type-name img, .about-cromfree .type-name_sub img,
.about-cromfree .disposal-name img, .about-cromfree .crom-lead img, .about-cromfree .crom-name img {
  vertical-align: middle;
}
/* line 288, ../sass/_about-sub.scss */
.about-cromfree .type-name {
  background-color: #fdd731;
  line-height: 48px;
  -moz-border-radius-topleft: 24px;
  -webkit-border-top-left-radius: 24px;
  border-top-left-radius: 24px;
  -moz-border-radius-bottomleft: 24px;
  -webkit-border-bottom-left-radius: 24px;
  border-bottom-left-radius: 24px;
  -moz-border-radius-topright: 24px;
  -webkit-border-top-right-radius: 24px;
  border-top-right-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  -webkit-border-bottom-right-radius: 24px;
  border-bottom-right-radius: 24px;
  margin-bottom: 10px;
}
/* line 295, ../sass/_about-sub.scss */
.about-cromfree .type-name_sub {
  background-color: #FFF;
  line-height: 20px;
  margin-bottom: 7px;
}
/* line 300, ../sass/_about-sub.scss */
.about-cromfree .disposal-name {
  background-color: #FFF;
  border: 1px solid #e6e6e7;
  line-height: 36px;
  margin-bottom: 12px;
}
/* line 306, ../sass/_about-sub.scss */
.about-cromfree .crom-name {
  font-size: 42px;
  text-decoration: none;
  color: #000;
  width: 156px;
  height: 156px;
  line-height: 156px;
  background: url('../img/about/detail/cromfree-bg.png?1427195945');
  position: relative;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 319, ../sass/_about-sub.scss */
.about-cromfree .crom-name:after {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 327, ../sass/_about-sub.scss */
.rgba .about-cromfree .crom-name:hover:after {
  content: "";
  -moz-border-radius: 78px;
  -webkit-border-radius: 78px;
  border-radius: 78px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  background-color: rgba(0, 106, 184, 0.1);
  z-index: 3;
}
/* line 341, ../sass/_about-sub.scss */
.about-cromfree .crom-name:before {
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -52px;
}
/* line 352, ../sass/_about-sub.scss */
.about-cromfree .crom-name.plus strong {
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 24px;
  position: absolute;
  top: 64px;
  left: 0;
  width: 156px;
}
/* line 359, ../sass/_about-sub.scss */
.about-cromfree .crom-name.plus strong span {
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 365, ../sass/_about-sub.scss */
.about-cromfree .crom-lead {
  background-color: #FFF;
  padding-top: 24px;
  min-height: 60px;
}
/* line 369, ../sass/_about-sub.scss */
.about-cromfree .crom-lead img {
  vertical-align: top;
}
/* line 374, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 {
  margin-bottom: 72px;
}
/* line 376, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .inner-title_primary {
  letter-spacing: normal;
  color: #006ab8;
  margin-bottom: 16px;
}
/* line 381, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .grid2 {
  margin-top: 24px;
}
/* line 384, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .inner-title {
  color: #006ab8;
}
/* line 387, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .lead-third_alt {
  color: #333333;
  padding: 8px 0 0 24px;
}
/* line 390, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .lead-third_alt.top {
  margin-bottom: 12px;
}
/* line 394, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .content {
  letter-spacing: normal;
}
/* line 397, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .imgwrap {
  margin-top: 24px;
  line-height: 240px;
  padding: 0;
  text-align: center;
  border-width: 2px;
}
/* line 403, ../sass/_about-sub.scss */
.about-cromfree .aboutContent_1 .imgwrap img {
  vertical-align: bottom;
}

/* line 410, ../sass/_about-sub.scss */
.about-line .contentZone {
  padding-top: 36px;
}
/* line 412, ../sass/_about-sub.scss */
.about-line .contentZone .container-inner {
  border-top: 0;
}
/* line 416, ../sass/_about-sub.scss */
.about-line .aboutContent_0 {
  position: relative;
}
/* line 418, ../sass/_about-sub.scss */
.about-line .aboutContent_0 .contentTitle-wrapper {
  padding-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e7;
}
/* line 424, ../sass/_about-sub.scss */
.about-line .aboutContent_0 .content-title:after, .about-line .aboutContent_0 .news-detail .newsDetail-title:after, .news-detail .about-line .aboutContent_0 .newsDetail-title:after {
  top: auto;
  bottom: -22px;
}
/* line 432, ../sass/_about-sub.scss */
.about-line .line-map {
  background: url('../img/about/detail/line-bg_map.jpg?1427202254') no-repeat top center;
  height: 300px;
  width: 100%;
  z-index: 1;
}
/* line 441, ../sass/_about-sub.scss */
.about-line .lineMap-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 448, ../sass/_about-sub.scss */
.about-line .mapIcon-wrap.map_touyo {
  top: 8px;
  left: 236px;
}
/* line 452, ../sass/_about-sub.scss */
.about-line .mapIcon-wrap.map_sakai {
  top: 20px;
  left: 384px;
}
/* line 456, ../sass/_about-sub.scss */
.about-line .mapIcon-wrap.map_ichikawa {
  top: 60px;
  right: 165px;
}
/* line 461, ../sass/_about-sub.scss */
.about-line .aboutContent_1 {
  margin-top: 12px;
  color: #333333;
}
/* line 464, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .grid-col {
  width: 330px;
  padding-left: 30px;
}
/* line 467, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .grid-col:first-child {
  padding-left: 0;
  width: 300px;
}
/* line 472, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .imgwrap_alt {
  padding-top: 0;
}
/* line 475, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .line-facName {
  margin-top: 12px;
  letter-spacing: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33;
  color: #006ab8;
}
/* line 482, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .line-address, .about-line .aboutContent_1 .line-capacity {
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
}
/* line 487, ../sass/_about-sub.scss */
.about-line .aboutContent_1 .line-capacity {
  padding-top: 6px;
  color: #000;
  font-weight: bold;
}
/* line 493, ../sass/_about-sub.scss */
.about-line .aboutContent_2 {
  margin-top: 80px;
}
/* line 495, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .inner-title_primary {
  font-size: 24px;
  font-size: 2.4rem;
}
/* line 498, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .touyo-lead {
  margin-top: 18px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  color: #333333;
}
/* line 505, ../sass/_about-sub.scss */
.about-line .aboutContent_2 > .imgwrap_alt {
  padding-top: 32px;
  margin-bottom: 36px;
}
/* line 509, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .grid3 {
  padding-bottom: 54px;
}
/* line 512, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .grid-col {
  width: 330px;
  padding-left: 30px;
}
/* line 515, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .grid-col:first-child {
  padding-left: 0;
  width: 300px;
}
/* line 519, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .grid-col .imgwrap_alt {
  padding-top: 8px;
}
/* line 523, ../sass/_about-sub.scss */
.about-line .aboutContent_2 .lead-third_alt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.32;
  font-weight: bold;
  color: #006ab8;
  letter-spacing: normal;
}

/* line 3, ../sass/_about-cromFreeSub.scss */
.navSub_cromfree-wapper {
  text-align: left;
}

/* line 6, ../sass/_about-cromFreeSub.scss */
.nav-sub_Cromfree {
  text-align: left;
  padding-bottom: 0;
}
/* line 9, ../sass/_about-cromFreeSub.scss */
.nav-sub_Cromfree .navSub-child {
  margin-left: 20px;
}
/* line 13, ../sass/_about-cromFreeSub.scss */
.about-zc .nav-sub_Cromfree .subNav-zc, .about-zg .nav-sub_Cromfree .subNav-zg, .about-zj .nav-sub_Cromfree .subNav-zj, .about-zp .nav-sub_Cromfree .subNav-zp, .about-zpg .nav-sub_Cromfree .subNav-zpg {
  color: #006ab8;
  text-decoration: none;
}

/* line 24, ../sass/_about-cromFreeSub.scss */
.nabSub-title {
  display: block;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 6px;
  font-weight: bold;
  color: #006ab8;
}
/* line 32, ../sass/_about-cromFreeSub.scss */
.nabSub-title span {
  letter-spacing: normal;
}

/* line 40, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .relative {
  position: relative;
}
/* line 44, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .headerZone .container, .about-cromfreeChild .headerZone .case-index .caseListLinks, .case-index .about-cromfreeChild .headerZone .caseListLinks {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
/* line 50, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .categorize-title {
  margin-left: 0;
  top: 0;
  right: 0;
  left: auto;
}
/* line 56, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .contentZone {
  padding-top: 30px;
}
/* line 59, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 {
  margin-bottom: 60px;
}
/* line 61, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .page-title, .about-cromfreeChild .aboutContent_0 .page-title_sub,
.about-cromfreeChild .aboutContent_0 .cromfrees-title, .about-cromfreeChild .aboutContent_0 .cromfrees-lead {
  letter-spacing: normal;
  text-align: left;
}
/* line 66, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .page-title, .about-cromfreeChild .aboutContent_0 .page-title_sub {
  font-weight: bold;
}
/* line 69, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .page-title {
  padding: 0 0 24px 0;
  color: #006ab8;
}
/* line 72, ../sass/_about-cromFreeSub.scss */
.ie-8 .about-cromfreeChild .aboutContent_0 .page-title {
  padding-top: 8px;
}
/* line 76, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .page-title_sub {
  padding-bottom: 30px;
  letter-spacing: -0.01em;
}
/* line 81, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .cromfrees-title, .about-cromfreeChild .aboutContent_0 .cromfrees-lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
/* line 86, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .cromfrees-title {
  color: #006ab8;
  margin-bottom: 6px;
}
/* line 90, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .cromfrees-lead {
  color: #666;
  margin-bottom: 20px;
}
/* line 94, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .aboutContent_0 .imgwrap_alt {
  padding-top: 0;
}
/* line 98, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .qualityCharacteristic {
  padding-bottom: 68px;
}
/* line 100, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .qualityCharacteristic .data-table {
  margin-top: 24px;
}
/* line 103, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .qualityCharacteristic .data-table th {
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 107, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .qualityCharacteristic .memo {
  margin-top: 20px;
}
/* line 109, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .qualityCharacteristic .memo .grid-col {
  width: 480px;
  color: #333333;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.833;
}
/* line 119, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .memoBlock {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.666;
  color: #333333;
  position: absolute;
  bottom: 64px;
  left: 0;
}
/* line 126, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .memoBlock span {
  color: #006ab8;
  font-weight: bold;
}
/* line 131, ../sass/_about-cromFreeSub.scss */
.about-cromfreeChild .scale-wrap {
  height: 24px;
  position: relative;
}

/* line 139, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_0 .page-title_sub, .about-zj .aboutContent_0 .page-title_sub {
  font-size: 33px;
  font-size: 3.3rem;
}

/* line 147, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_0 .imgwrap_alt {
  padding-top: 60px;
}
/* line 151, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_2 {
  margin-bottom: 54px;
}
/* line 154, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_3 {
  margin-bottom: 54px;
}
/* line 158, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_2 .lead-secondary_alt, .about-zc .aboutContent_2 .quality-secularCase aside .aside-title, .quality-secularCase aside .about-zc .aboutContent_2 .aside-title, .about-zc .aboutContent_2 .case-product aside .aside-title, .case-product aside .about-zc .aboutContent_2 .aside-title, .about-zc .aboutContent_3 .lead-secondary_alt, .about-zc .aboutContent_3 .quality-secularCase aside .aside-title, .quality-secularCase aside .about-zc .aboutContent_3 .aside-title, .about-zc .aboutContent_3 .case-product aside .aside-title, .case-product aside .about-zc .aboutContent_3 .aside-title {
  margin-top: 20px;
  color: #333333;
}
/* line 163, ../sass/_about-cromFreeSub.scss */
.about-zc .imgwrap_withCaption .tright {
  position: relative;
}
/* line 166, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 {
  margin-bottom: 120px;
}
/* line 169, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .aright {
  padding-top: 62px;
}
/* line 172, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .memoBlock {
  width: 300px;
  bottom: 156px;
}
/* line 176, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .contentTitle-wrap {
  padding-top: 28px;
}
/* line 179, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .content-title, .about-zc .aboutContent_4 .news-detail .newsDetail-title, .news-detail .about-zc .aboutContent_4 .newsDetail-title {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 181, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .content-title:after, .about-zc .aboutContent_4 .news-detail .newsDetail-title:after, .news-detail .about-zc .aboutContent_4 .newsDetail-title:after {
  top: -30px;
}
/* line 185, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .inner-title_primary {
  margin-top: 24px;
  margin-bottom: 6px;
  border-bottom: 0;
}
/* line 190, ../sass/_about-cromFreeSub.scss */
.about-zc .aboutContent_4 .pic-title {
  color: #006ab8;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  width: 65px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 180px;
}

/* line 205, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_0 .imgwrap_alt {
  padding-top: 96px;
}
/* line 209, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_2 {
  margin-bottom: 72px;
}
/* line 211, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_2 .memoBlock {
  bottom: 24px;
}
/* line 215, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 {
  margin-bottom: 72px;
}
/* line 217, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .content-title, .about-zg .aboutContent_3 .news-detail .newsDetail-title, .news-detail .about-zg .aboutContent_3 .newsDetail-title, .about-zg .aboutContent_3 .inner-title_primary, .about-zg .aboutContent_3 .pic-title {
  letter-spacing: normal;
}
/* line 220, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .grid-col {
  margin-top: 2px;
}
/* line 222, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .grid-col .imgwrap_alt {
  padding-top: 2px;
}
/* line 224, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .grid-col .imgwrap_alt:first-child {
  padding-top: 0;
}
/* line 229, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .contentTitle-wrap {
  padding-top: 28px;
}
/* line 232, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .content-title, .about-zg .aboutContent_3 .news-detail .newsDetail-title, .news-detail .about-zg .aboutContent_3 .newsDetail-title {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 234, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .content-title:after, .about-zg .aboutContent_3 .news-detail .newsDetail-title:after, .news-detail .about-zg .aboutContent_3 .newsDetail-title:after {
  top: -30px;
}
/* line 238, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .inner-title_primary {
  margin-top: 24px;
  margin-bottom: 6px;
  border-bottom: 0;
}
/* line 243, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_3 .pic-title {
  color: #006ab8;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  width: 65px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 20px;
  padding-top: 72px;
}
/* line 254, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_4 {
  margin-bottom: 116px;
}
/* line 256, ../sass/_about-cromFreeSub.scss */
.about-zg .aboutContent_4 .inner-title_primary {
  margin-top: 24px;
  margin-bottom: 6px;
  border-bottom: 0;
}

/* line 267, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_0 .imgwrap_alt {
  padding-top: 96px;
}
/* line 272, ../sass/_about-cromFreeSub.scss */
.about-zj .data-table th {
  height: 72px;
}
/* line 274, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_2, .about-zj .aboutContent_3 {
  margin-bottom: 72px;
}
/* line 277, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 {
  margin-bottom: 132px;
}
/* line 279, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .contentTitle-wrap {
  padding-top: 28px;
}
/* line 282, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .grid-col {
  margin-top: 2px;
}
/* line 285, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .content-title, .about-zj .aboutContent_4 .news-detail .newsDetail-title, .news-detail .about-zj .aboutContent_4 .newsDetail-title {
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 287, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .content-title:after, .about-zj .aboutContent_4 .news-detail .newsDetail-title:after, .news-detail .about-zj .aboutContent_4 .newsDetail-title:after {
  top: -30px;
}
/* line 291, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .content-title, .about-zj .aboutContent_4 .news-detail .newsDetail-title, .news-detail .about-zj .aboutContent_4 .newsDetail-title {
  letter-spacing: normal;
}
/* line 294, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .imgwrap_alt {
  padding-top: 36px;
}
/* line 297, ../sass/_about-cromFreeSub.scss */
.about-zj .aboutContent_4 .memoBlock {
  margin-top: 18px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  letter-spacing: normal;
  position: relative;
  left: auto;
  bottom: auto;
}

/* line 310, ../sass/_about-cromFreeSub.scss */
.about-zp {
  color: #333333;
}
/* line 312, ../sass/_about-cromFreeSub.scss */
.about-zp .categorize-title {
  background-color: transparent;
}
/* line 316, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_0 .imgwrap_alt {
  padding-top: 50px;
}
/* line 321, ../sass/_about-cromFreeSub.scss */
.about-zp .data-table .blue {
  background-color: #006ab8;
  color: #FFF;
}
/* line 326, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_2 {
  margin-bottom: 82px;
}
/* line 328, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_2 .aright {
  padding-top: 62px;
}
/* line 332, ../sass/_about-cromFreeSub.scss */
.about-zp .colg-1, .about-zp .colg-2 {
  width: 154px;
}
/* line 335, ../sass/_about-cromFreeSub.scss */
.about-zp .memo-inner {
  margin-top: 24px;
}
/* line 338, ../sass/_about-cromFreeSub.scss */
.about-zp .memo-inner:first-chile {
  margin-top: 0;
}
/* line 342, ../sass/_about-cromFreeSub.scss */
.about-zp .memo-title, .about-zp .memo-lead {
  float: left;
  color: #333333;
}
/* line 346, ../sass/_about-cromFreeSub.scss */
.about-zp .memo-title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  width: 110px;
}
/* line 351, ../sass/_about-cromFreeSub.scss */
.about-zp .memo-lead {
  width: 495px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.571;
}
/* line 357, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_3 {
  margin-bottom: 106px;
}
/* line 359, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_3 .aright {
  padding-top: 62px;
}
/* line 362, ../sass/_about-cromFreeSub.scss */
.about-zp .aboutContent_3 .memoBlock {
  width: 300px;
  bottom: 156px;
}

/* line 370, ../sass/_about-cromFreeSub.scss */
.about-zpg {
  color: #333333;
}
/* line 372, ../sass/_about-cromFreeSub.scss */
.about-zpg .categorize-title {
  background-color: transparent;
}
/* line 375, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_0 {
  margin-bottom: 40px;
}
/* line 377, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_0 .imgwrap_alt {
  padding-top: 48px;
}
/* line 381, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_1 {
  margin-bottom: 40px;
}
/* line 383, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_1 .lead-primary, .about-zpg .aboutContent_1 .lead-third, .about-zpg .aboutContent_1 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .about-zpg .aboutContent_1 .notice-inner, .about-zpg .aboutContent_1 .quality-secularCase .caseinfo-caption, .quality-secularCase .about-zpg .aboutContent_1 .caseinfo-caption, .about-zpg .aboutContent_1 .caution .row .aright, .caution .row .about-zpg .aboutContent_1 .aright, .about-zpg .aboutContent_1 .guideline .row .aright, .guideline .row .about-zpg .aboutContent_1 .aright {
  letter-spacing: normal;
}
/* line 386, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_1 .lead-primary {
  text-align: left;
  color: #006ab8;
}
/* line 391, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_1 .left imgwrap_alt {
  padding-top: 16px;
}
/* line 395, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_1 .lead-third, .about-zpg .aboutContent_1 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .about-zpg .aboutContent_1 .notice-inner, .about-zpg .aboutContent_1 .quality-secularCase .caseinfo-caption, .quality-secularCase .about-zpg .aboutContent_1 .caseinfo-caption, .about-zpg .aboutContent_1 .caution .row .aright, .caution .row .about-zpg .aboutContent_1 .aright, .about-zpg .aboutContent_1 .guideline .row .aright, .guideline .row .about-zpg .aboutContent_1 .aright {
  margin-top: 4px;
}
/* line 399, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_2 {
  margin-bottom: 170px;
}
/* line 401, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_2 .imgwrap_alt {
  padding-top: 16px;
  text-align: center;
}
/* line 405, ../sass/_about-cromFreeSub.scss */
.about-zpg .aboutContent_2 .lead-secondary_alt, .about-zpg .aboutContent_2 .quality-secularCase aside .aside-title, .quality-secularCase aside .about-zpg .aboutContent_2 .aside-title, .about-zpg .aboutContent_2 .case-product aside .aside-title, .case-product aside .about-zpg .aboutContent_2 .aside-title {
  font-weight: bold;
  text-align: left;
  margin-top: 6px;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 8, ../sass/_quality.scss */
.quality .quality-titleZam {
  height: 39px;
}
/* line 14, ../sass/_quality.scss */
.quality .grid2 .imgwrap_withCaption .imgwrap-inner, .quality .grid3 .imgwrap_withCaption .imgwrap-inner, .quality .grid4 .imgwrap_withCaption .imgwrap-inner, .quality .grid8 .imgwrap_withCaption .imgwrap-inner {
  float: left;
}
/* line 20, ../sass/_quality.scss */
.quality .scale-wrap {
  height: 24px;
  position: relative;
}
/* line 23, ../sass/_quality.scss */
.quality .scale-wrap .scale-img {
  top: auto;
  bottom: 0;
}

/* line 34, ../sass/_quality.scss */
.quality-index .contentZone {
  padding: 56px 0 156px;
}
/* line 36, ../sass/_quality.scss */
.quality-index .contentZone .row:hover {
  background-color: transparent;
}
/* line 44, ../sass/_quality.scss */
.quality-index .row:first-child a {
  border-top: 1px dotted #e6e6e7;
}
/* line 48, ../sass/_quality.scss */
.quality-index .row h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.666;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
}
/* line 53, ../sass/_quality.scss */
.quality-index .row h3 span {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 56, ../sass/_quality.scss */
.quality-index .row h3.small_text {
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 58, ../sass/_quality.scss */
.quality-index .row h3.small_text span {
  font-size: 10px;
  font-size: 1rem;
}
/* line 63, ../sass/_quality.scss */
.quality-index .row a {
  line-height: 60px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  position: relative;
  border-bottom: 1px dotted #e6e6e7;
  height: 60px;
  width: 465px;
  padding: 0 6px 0 36px;
  color: #000;
  overflow: hidden;
}
/* line 76, ../sass/_quality.scss */
.quality-index .row a:before, .quality-index .row a:after {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 81, ../sass/_quality.scss */
.quality-index .row a:after {
  top: -100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
/* line 91, ../sass/_quality.scss */
.quality-index .row a:before {
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #006ab8;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #006ab8;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 0;
  font-size: 8pxpx;
  font-size: 0.8pxrem;
  padding-left: 1px;
}
/* line 109, ../sass/_quality.scss */
.quality-index .row a:hover:after {
  top: 0;
  background: #fafafa;
}
/* line 115, ../sass/_quality.scss */
.quality-index .row .col-left {
  margin-right: 15px;
}
/* line 118, ../sass/_quality.scss */
.quality-index .row .col-right {
  margin-left: 15px;
}

/* line 125, ../sass/_quality.scss */
.quality-flat {
  color: #333333;
}
/* line 128, ../sass/_quality.scss */
.quality-flat .qualityContent_0 .imgwrap_alt {
  padding-top: 20px;
}
/* line 132, ../sass/_quality.scss */
.quality-flat .qualityContent_1 {
  margin: 12px auto 76px;
}
/* line 134, ../sass/_quality.scss */
.quality-flat .qualityContent_1 .inner-title_primary {
  margin-bottom: 0;
}
/* line 137, ../sass/_quality.scss */
.quality-flat .qualityContent_1 .lead-third, .quality-flat .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .quality-flat .qualityContent_1 .notice .notice-inner, .quality-flat .qualityContent_1 .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-flat .qualityContent_1 .caseinfo-caption, .quality-flat .qualityContent_1 .caution .row .aright, .caution .row .quality-flat .qualityContent_1 .aright, .quality-flat .qualityContent_1 .guideline .row .aright, .guideline .row .quality-flat .qualityContent_1 .aright {
  color: #333333;
  padding-bottom: 20px;
}
/* line 141, ../sass/_quality.scss */
.quality-flat .qualityContent_1 .grid-col {
  width: 330px;
}
/* line 143, ../sass/_quality.scss */
.quality-flat .qualityContent_1 .grid-col:first-child {
  width: 300px;
}
/* line 146, ../sass/_quality.scss */
.quality-flat .qualityContent_1 .grid-col .lead-third, .quality-flat .quality-rearCoating .qualityContent_1 .grid-col .notice .notice-inner, .quality-rearCoating .quality-flat .qualityContent_1 .grid-col .notice .notice-inner, .quality-flat .quality-rearCoating .qualityContent_1 .notice .grid-col .notice-inner, .quality-rearCoating .quality-flat .qualityContent_1 .notice .grid-col .notice-inner, .quality-flat .qualityContent_1 .grid-col .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-flat .qualityContent_1 .grid-col .caseinfo-caption, .quality-flat .qualityContent_1 .grid-col .caution .row .aright, .caution .row .quality-flat .qualityContent_1 .grid-col .aright, .quality-flat .qualityContent_1 .grid-col .guideline .row .aright, .guideline .row .quality-flat .qualityContent_1 .grid-col .aright {
  letter-spacing: normal;
  font-weight: normal;
  color: #333333;
}
/* line 154, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .grid-col {
  padding-left: 12px;
}
/* line 157, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .imgwrap_alt {
  position: relative;
  padding-top: 30px;
}
/* line 160, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .imgwrap_alt .lead-primary {
  width: 303px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
  top: 42px;
  color: #FFF;
}
/* line 170, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .border .lead-primary {
  color: #006ab8;
}
/* line 173, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .border img {
  border: 1px solid #006ab8;
}
/* line 177, ../sass/_quality.scss */
.quality-flat .qualityContent_2 .lead-normal, .quality-flat .qualityContent_2 .quality-secularCase aside a, .quality-secularCase aside .quality-flat .qualityContent_2 a, .quality-flat .qualityContent_2 .case-product aside a, .case-product aside .quality-flat .qualityContent_2 a {
  margin-top: 6px;
}
/* line 181, ../sass/_quality.scss */
.quality-flat .qualityContent_3 {
  margin: 48px auto 88px;
}
/* line 183, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .imgwap_alt {
  line-height: 0;
}
/* line 186, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .grid8 {
  border: 3px solid #e9168c;
  padding: 12px 24px 22px;
  position: relative;
}
/* line 190, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .grid8 .scale-img {
  top: 10px;
}
/* line 193, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .grid8 .grid-col {
  padding-left: 4px;
}
/* line 195, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .grid8 .grid-col:first-child {
  padding-left: 0;
}
/* line 197, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .grid8 p.scale {
  position: absolute;
  bottom: 28px;
  right: 4px;
}
/* line 203, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .lead-strong, .quality-flat .qualityContent_3 .homeSection-lead {
  position: relative;
  text-align: left;
  color: #006ab8;
  line-height: 1.4em;
}
/* line 209, ../sass/_quality.scss */
.quality-flat .qualityContent_3 .lead-normal, .quality-flat .qualityContent_3 .quality-secularCase aside a, .quality-secularCase aside .quality-flat .qualityContent_3 a, .quality-flat .qualityContent_3 .case-product aside a, .case-product aside .quality-flat .qualityContent_3 a {
  letter-spacing: normal;
  padding-bottom: 20px;
}

/* line 218, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_0 .imgwrap_alt {
  padding-top: 0px;
}
/* line 221, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_0 .lead-primary {
  color: #006ab8;
  padding-top: 4px;
}
/* line 226, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_1 {
  margin-top: 50px;
  position: relative;
}
/* line 230, ../sass/_quality.scss */
.quality-characteristicsComparison .inner-title_primary {
  margin-bottom: 0;
}
/* line 233, ../sass/_quality.scss */
.quality-characteristicsComparison .lead-third, .quality-characteristicsComparison .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-characteristicsComparison .notice-inner, .quality-characteristicsComparison .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-characteristicsComparison .caseinfo-caption, .quality-characteristicsComparison .caution .row .aright, .caution .row .quality-characteristicsComparison .aright, .quality-characteristicsComparison .guideline .row .aright, .guideline .row .quality-characteristicsComparison .aright {
  padding-bottom: 32px;
  position: relative;
}
/* line 238, ../sass/_quality.scss */
.quality-characteristicsComparison .inner-section .grid2.top {
  margin-bottom: 24px;
}
/* line 242, ../sass/_quality.scss */
.quality-characteristicsComparison .lead-normal_alt {
  padding-bottom: 16px;
}
/* line 245, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_2 {
  position: relative;
}
/* line 251, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_2 .lead-normal_alt, .quality-characteristicsComparison .qualityContent_4 .lead-normal_alt,
.quality-characteristicsComparison .qualityContent_6 .lead-normal_alt, .quality-characteristicsComparison .qualityContent_8 .lead-normal_alt,
.quality-characteristicsComparison .qualityContent_10 .lead-normal_alt {
  padding-bottom: 36px;
}
/* line 255, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_8 {
  padding-bottom: 36px;
}
/* line 258, ../sass/_quality.scss */
.quality-characteristicsComparison section.contentZone {
  padding-top: 72px;
}
/* line 260, ../sass/_quality.scss */
.quality-characteristicsComparison section.contentZone.first {
  padding-top: 60px;
}
/* line 265, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_11 {
  padding-bottom: 192px;
  position: relative;
}
/* line 268, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_11 .akasabi {
  margin-top: -75px;
}
/* line 271, ../sass/_quality.scss */
.quality-characteristicsComparison .qualityContent_11 .imgwrap_withCaption {
  padding-bottom: 42px;
}
/* line 283, ../sass/_quality.scss */
.quality-characteristicsComparison .pics3 .imgwrap-inner {
  padding-left: 6px;
  width: 157px;
}
/* line 286, ../sass/_quality.scss */
.quality-characteristicsComparison .pics3 .imgwrap-inner:first-child {
  padding-left: 0;
  width: 151px;
}
/* line 291, ../sass/_quality.scss */
.quality-characteristicsComparison .pics2 {
  text-align: center;
}
/* line 293, ../sass/_quality.scss */
.quality-characteristicsComparison .pics2 .imgwrap-inner {
  width: 157px;
  padding-left: 6px;
}
/* line 297, ../sass/_quality.scss */
.quality-characteristicsComparison .pics2 .akasabi.left {
  left: -47px;
}
/* line 300, ../sass/_quality.scss */
.quality-characteristicsComparison .pics2 .imgwrap-inner:first-child {
  padding-left: 0px;
  margin-left: 79px;
}

/* line 310, ../sass/_quality.scss */
.quality-explosure .qualityContent_0 {
  padding-bottom: 124px;
}
/* line 313, ../sass/_quality.scss */
.quality-explosure .lead-primary {
  text-align: left;
  color: #006ab8;
}
/* line 317, ../sass/_quality.scss */
.quality-explosure .imgwrap_alt {
  padding-top: 32px;
}
/* line 320, ../sass/_quality.scss */
.quality-explosure .data-table {
  margin-top: 36px;
}
/* line 322, ../sass/_quality.scss */
.quality-explosure .data-table th, .quality-explosure .data-table td {
  width: 315px;
  text-align: center;
}
/* line 326, ../sass/_quality.scss */
.quality-explosure .data-table .empty {
  text-align: left;
  padding: 0 0 18px;
  line-height: 1;
  border-bottom: 1px solid #e6e6e7;
}
/* line 333, ../sass/_quality.scss */
.quality-explosure .data-table tr td:first-child {
  border-left: 1px solid #e6e6e7;
}

/* line 341, ../sass/_quality.scss */
.quality-chemical .imgwrap_alt {
  padding-top: 28px;
}
/* line 344, ../sass/_quality.scss */
.quality-chemical .qualityContent_0 {
  margin-bottom: 72px;
}
/* line 346, ../sass/_quality.scss */
.quality-chemical .qualityContent_0 .bgColor-blocks {
  margin-top: 208px;
}
/* line 350, ../sass/_quality.scss */
.quality-chemical .qualityContent_0 .lead-normal_alt strong {
  color: #006ab8;
  font-weight: bold;
}
/* line 356, ../sass/_quality.scss */
.quality-chemical .qualityContent_1 {
  padding-bottom: 74px;
}
/* line 358, ../sass/_quality.scss */
.quality-chemical .qualityContent_1 .inner-title {
  padding-top: 6px;
}
/* line 361, ../sass/_quality.scss */
.quality-chemical .qualityContent_1 .bgColor-blocks {
  margin-top: 248px;
}
/* line 364, ../sass/_quality.scss */
.quality-chemical .qualityContent_1 .imgwrap_alt {
  padding-top: 12px;
}
/* line 368, ../sass/_quality.scss */
.quality-chemical .qualityContent_2 {
  margin-bottom: 74px;
}
/* line 371, ../sass/_quality.scss */
.quality-chemical .qualityContent_3 {
  margin-bottom: 108px;
}
/* line 374, ../sass/_quality.scss */
.quality-chemical .figureimage {
  line-height: 0;
}
/* line 377, ../sass/_quality.scss */
.quality-chemical .cap-left {
  background-color: #006ab8;
  width: 84px;
  line-height: 36px;
  left: 0;
}
/* line 383, ../sass/_quality.scss */
.quality-chemical .cap-right {
  right: 0;
  line-height: 1.5em;
  left: auto;
  width: 110px;
}
/* line 391, ../sass/_quality.scss */
.quality-chemical .grid-right .img-caption_all {
  background-color: transparent;
  bottom: -36px;
  padding-bottom: 0;
  color: #000;
  line-height: 1;
  text-align: right;
}
/* line 402, ../sass/_quality.scss */
.quality-chemical .imgwrap_withCaption.pics3 .imgwrap-inner {
  float: left;
  width: 215px;
  padding-left: 15px;
}
/* line 406, ../sass/_quality.scss */
.quality-chemical .imgwrap_withCaption.pics3 .imgwrap-inner:first-child {
  width: 200px;
  padding-left: 0px;
}
/* line 415, ../sass/_quality.scss */
.quality-chemical .colg-2 {
  width: 60px;
}
/* line 418, ../sass/_quality.scss */
.quality-chemical .colg-3 {
  width: 78px;
}

/* line 423, ../sass/_quality.scss */
.quality-immersionPotential {
  color: #333333;
}
/* line 425, ../sass/_quality.scss */
.quality-immersionPotential .qualityContent_0 {
  margin-bottom: 74px;
}
/* line 427, ../sass/_quality.scss */
.quality-immersionPotential .qualityContent_0 .lead-primary {
  color: #006ab8;
}
/* line 430, ../sass/_quality.scss */
.quality-immersionPotential .qualityContent_0 .imgwrap_alt {
  padding-top: 12px;
}
/* line 433, ../sass/_quality.scss */
.quality-immersionPotential .qualityContent_0 .inner-title {
  padding: 10px 0 6px;
}
/* line 437, ../sass/_quality.scss */
.quality-immersionPotential .first-row {
  padding-top: 20px;
}
/* line 440, ../sass/_quality.scss */
.quality-immersionPotential .second-row {
  margin-top: 34px;
}
/* line 443, ../sass/_quality.scss */
.quality-immersionPotential .qualityContent_1 {
  margin-bottom: 108px;
}
/* line 446, ../sass/_quality.scss */
.quality-immersionPotential .figureimage {
  line-height: 0;
}
/* line 449, ../sass/_quality.scss */
.quality-immersionPotential .cap-left {
  background-color: #006ab8;
  width: 84px;
  line-height: 36px;
  left: 0;
}
/* line 455, ../sass/_quality.scss */
.quality-immersionPotential .cap-right {
  right: 0;
  left: auto;
  width: 110px;
}
/* line 462, ../sass/_quality.scss */
.quality-immersionPotential .grid-right .img-caption_all {
  background-color: transparent;
  bottom: -36px;
  padding-bottom: 0;
  color: #000;
  line-height: 1;
  text-align: right;
}
/* line 473, ../sass/_quality.scss */
.quality-immersionPotential .imgwrap_withCaption.pics3 .imgwrap-inner {
  float: left;
  width: 215px;
  padding-left: 15px;
}
/* line 477, ../sass/_quality.scss */
.quality-immersionPotential .imgwrap_withCaption.pics3 .imgwrap-inner:first-child {
  width: 200px;
  padding-left: 0px;
}
/* line 486, ../sass/_quality.scss */
.quality-immersionPotential .colg-2 {
  width: 60px;
}
/* line 489, ../sass/_quality.scss */
.quality-immersionPotential .colg-3 {
  width: 78px;
}

.quality-immersionPotential .data-table td.fontS{
  font-size:0.8rem;
}
.quality-immersionPotential .data-table td.fontS .reg_upper,
.quality-immersionPotential .data-table td.fontS .reg_sub{
  font-size:0.6rem;
}


/* line 495, ../sass/_quality.scss */
.quality-rearPlating {
  color: #333333;
}
/* line 497, ../sass/_quality.scss */
.quality-rearPlating .inner-title_primary {
  position: relative;
  letter-spacing: normal;
}
/* line 502, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_0 .lead-third, .quality-rearPlating .qualityContent_0 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-rearPlating .qualityContent_0 .notice-inner, .quality-rearPlating .qualityContent_0 .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-rearPlating .qualityContent_0 .caseinfo-caption, .quality-rearPlating .qualityContent_0 .caution .row .aright, .caution .row .quality-rearPlating .qualityContent_0 .aright, .quality-rearPlating .qualityContent_0 .guideline .row .aright, .guideline .row .quality-rearPlating .qualityContent_0 .aright {
  background-color: #e6e6e7;
  padding: 12px;
  margin-top: 12px;
}
/* line 506, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_0 .lead-third a, .quality-rearPlating .qualityContent_0 .quality-rearCoating .qualityContent_1 .notice .notice-inner a, .quality-rearCoating .qualityContent_1 .notice .quality-rearPlating .qualityContent_0 .notice-inner a, .quality-rearPlating .qualityContent_0 .quality-secularCase .caseinfo-caption a, .quality-secularCase .quality-rearPlating .qualityContent_0 .caseinfo-caption a, .quality-rearPlating .qualityContent_0 .caution .row .aright a, .caution .row .quality-rearPlating .qualityContent_0 .aright a, .quality-rearPlating .qualityContent_0 .guideline .row .aright a, .guideline .row .quality-rearPlating .qualityContent_0 .aright a {
  color: #000;
  text-decoration: underline;
}
/* line 509, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_0 .lead-third a:hover, .quality-rearPlating .qualityContent_0 .quality-rearCoating .qualityContent_1 .notice .notice-inner a:hover, .quality-rearCoating .qualityContent_1 .notice .quality-rearPlating .qualityContent_0 .notice-inner a:hover, .quality-rearPlating .qualityContent_0 .quality-secularCase .caseinfo-caption a:hover, .quality-secularCase .quality-rearPlating .qualityContent_0 .caseinfo-caption a:hover, .quality-rearPlating .qualityContent_0 .caution .row .aright a:hover, .caution .row .quality-rearPlating .qualityContent_0 .aright a:hover, .quality-rearPlating .qualityContent_0 .guideline .row .aright a:hover, .guideline .row .quality-rearPlating .qualityContent_0 .aright a:hover {
  color: #006ab8;
  text-decoration: none;
}
/* line 516, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 {
  border-top: 0px;
}
/* line 518, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .grid2 {
  padding-top: 40px;
}
/* line 522, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .top .imgwrap-inner, .quality-rearPlating .qualityContent_1 .bottom .left .imgwrap-inner {
  width: 118px;
  padding-left: 7px;
}
/* line 525, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .top .imgwrap-inner:first-child, .quality-rearPlating .qualityContent_1 .bottom .left .imgwrap-inner:first-child {
  width: 111px;
  padding-left: 0;
}
/* line 532, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .bottom .right .imgwrap-inner {
  width: 117px;
  padding-left: 3px;
}
/* line 535, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .bottom .right .imgwrap-inner:first-child {
  width: 114px;
  padding-left: 0;
}
/* line 543, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .inner-title {
  color: #333;
  padding: 18px 0 24px;
}
/* line 547, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .inner-title_primary {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 552, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .img-caption_each {
  padding-top: 6px;
  color: #333333;
}
/* line 556, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_1 .img-caption_all {
  bottom: 36px;
}
/* line 560, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 {
  margin: 60px auto 72px;
}
/* line 562, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .lead-normal_alt {
  margin-bottom: 20px;
}
/* line 565, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .inner-title_primary {
  margin-top: 32px;
}
/* line 568, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .testConditions {
  margin-top: 24px;
}
/* line 571, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .testCondition-inner {
  padding-top: 16px;
  padding-bottom: 16px;
}
/* line 575, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .bottomFilled-content {
  font-size: 36px;
  font-size: 3.6rem;
  padding: 12px 0 12px 12px;
}
/* line 578, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .bottomFilled-content span {
  color: #000;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-top: 3px;
  padding-left: 8px;
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 587, ../sass/_quality.scss */
.quality-rearPlating .qualityContent_2 .lead-primary {
  color: #006ab8;
}

/* line 595, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1, .quality-rearPainting .qualityContent_3 {
  border-top: 0;
}
/* line 598, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_0, .quality-rearPainting .qualityContent_2 {
  margin-bottom: 20px;
}
/* line 601, ../sass/_quality.scss */
.quality-rearPainting .lead-third, .quality-rearPainting .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-rearPainting .notice-inner, .quality-rearPainting .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-rearPainting .caseinfo-caption, .quality-rearPainting .caution .row .aright, .caution .row .quality-rearPainting .aright, .quality-rearPainting .guideline .row .aright, .guideline .row .quality-rearPainting .aright {
  position: relative;
  margin-bottom: 30px;
}
/* line 605, ../sass/_quality.scss */
.quality-rearPainting .inner-title_primary {
  margin-bottom: 0;
}
/* line 608, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1 {
  margin-bottom: 36px;
}
/* line 611, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1 .grid2.top {
  margin-bottom: 24px;
}
/* line 614, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1 .grid2.bottom {
  padding-bottom: 48px;
}
/* line 618, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1 .message-notice {
  letter-spacing: normal;
  line-height: 1;
  margin-top: 18px;
}
/* line 624, ../sass/_quality.scss */
.quality-rearPainting .testCondition-title {
  letter-spacing: normal;
}
/* line 627, ../sass/_quality.scss */
.quality-rearPainting .testCondition-inner {
  width: auto;
}
/* line 630, ../sass/_quality.scss */
.quality-rearPainting .akasabi {
  top: 100%;
  margin-top: -90px;
}
/* line 632, ../sass/_quality.scss */
.quality-rearPainting .akasabi span {
  font-size: 10px;
  font-size: 1rem;
}
/* line 637, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_1 .akasabi {
  top: 170px;
  margin-top: 0;
}
/* line 641, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_3 {
  position: relative;
  margin-bottom: 140px;
  padding-bottom: 20px;
}
/* line 645, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_3 .scale-img {
  top: auto;
  bottom: 0;
}
/* line 649, ../sass/_quality.scss */
.quality-rearPainting .qualityContent_3 .imgwrap_withCaption {
  padding-bottom: 44px;
}

/* line 676, ../sass/_quality.scss */
.quality-rearCoating .lead-normal_alt {
  font-weight: bold;
  color: #000;
}
/* line 680, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 {
  padding-top: 36px;
}
/* line 683, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .inner-title_primary {
  text-align: center;
  margin-bottom: 18px;
}
/* line 687, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .grid-col {
  width: 330px;
}
/* line 689, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .grid-col:first-child {
  width: 300px;
}
/* line 693, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .notice {
  margin: 18px auto 212px;
  width: 630px;
}
/* line 696, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .notice .lead-third, .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-rearCoating .qualityContent_1 .notice .caseinfo-caption, .quality-rearCoating .qualityContent_1 .notice .caution .row .aright, .caution .row .quality-rearCoating .qualityContent_1 .notice .aright, .quality-rearCoating .qualityContent_1 .notice .guideline .row .aright, .guideline .row .quality-rearCoating .qualityContent_1 .notice .aright {
  font-weight: normal;
}
/* line 699, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .notice .title {
  float: left;
  width: 64px;
  font-weight: bold;
  color: #006ab8;
}
/* line 705, ../sass/_quality.scss */
.quality-rearCoating .qualityContent_1 .notice .notice-inner {
  float: left;
  font-weight: normal;
}

/* line 714, ../sass/_quality.scss */
.testConditions {
  margin: 18px auto 0;
  position: relative;
  background-color: #e6e6e7;
  padding: 6px;
  vertical-align: middle;
}
/* line 722, ../sass/_quality.scss */
.testConditions span {
  font-weight: bold;
}

/* line 724, ../sass/_quality.scss */
.testCondition-title {
  width: 150px;
  font-weight: bold;
  position: absolute;
  color: #333333;
  left: 0;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 736, ../sass/_quality.scss */
.testCondition-inner {
  padding-left: 24px;
  width: 480px;
  float: right;
  background-color: #FFF;
  padding: 20px 24px 20px 24px;
}
/* line 742, ../sass/_quality.scss */
.testCondition-inner li {
  padding-top: 6px;
  line-height: 20px;
}
/* line 744, ../sass/_quality.scss */
.testCondition-inner li:first-child {
  padding-top: 0;
}

/* line 753, ../sass/_quality.scss */
.quality-rearWeldability .contentLead {
  padding-top: 32px;
}
/* line 755, ../sass/_quality.scss */
.quality-rearWeldability .contentLead .lead-normal, .quality-rearWeldability .contentLead .quality-secularCase aside a, .quality-secularCase aside .quality-rearWeldability .contentLead a, .quality-rearWeldability .contentLead .case-product aside a, .case-product aside .quality-rearWeldability .contentLead a {
  margin: 20px auto 0;
  width: 575px;
}
/* line 759, ../sass/_quality.scss */
.quality-rearWeldability .contentLead strong a {
  color: #006ab8;
  text-decoration: underline;
}
/* line 762, ../sass/_quality.scss */
.quality-rearWeldability .contentLead strong a:hover {
  text-decoration: none;
  color: #000;
}
/* line 768, ../sass/_quality.scss */
.quality-rearWeldability .grid3.top {
  margin: 46px auto 0;
}
/* line 771, ../sass/_quality.scss */
.quality-rearWeldability .grid3.bottom {
  margin-top: 24px;
}
/* line 774, ../sass/_quality.scss */
.quality-rearWeldability .title-secondary_alt {
  color: #006ab8;
  margin-bottom: 12px;
  font-weight: bold;
}
/* line 779, ../sass/_quality.scss */
.quality-rearWeldability .lead-secondary_alt, .quality-rearWeldability .quality-secularCase aside .aside-title, .quality-secularCase aside .quality-rearWeldability .aside-title, .quality-rearWeldability .case-product aside .aside-title, .case-product aside .quality-rearWeldability .aside-title {
  letter-spacing: -0.01em;
}
/* line 782, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_1 {
  margin-top: 48px;
}
/* line 785, ../sass/_quality.scss */
.quality-rearWeldability .type1-col1 {
  width: 166px;
}
/* line 788, ../sass/_quality.scss */
.quality-rearWeldability .type1-col2 {
  width: 464px;
}
/* line 791, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 {
  margin: 42px auto 60px;
}
/* line 793, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 .aleft, .quality-rearWeldability .qualityContent_2 .aright, .quality-rearWeldability .qualityContent_2 .inner-title {
  width: 466px;
}
/* line 796, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 .aright .inner-title {
  margin-bottom: 12px;
}
/* line 799, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 .aright .lead-normal, .quality-rearWeldability .qualityContent_2 .aright .quality-secularCase aside a, .quality-secularCase aside .quality-rearWeldability .qualityContent_2 .aright a, .quality-rearWeldability .qualityContent_2 .aright .case-product aside a, .case-product aside .quality-rearWeldability .qualityContent_2 .aright a {
  margin-bottom: 24px;
}
/* line 803, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 .lead-normal, .quality-rearWeldability .qualityContent_2 .quality-secularCase aside a, .quality-secularCase aside .quality-rearWeldability .qualityContent_2 a, .quality-rearWeldability .qualityContent_2 .case-product aside a, .case-product aside .quality-rearWeldability .qualityContent_2 a {
  font-weight: bold;
}
/* line 806, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_2 .imgwrap_alt {
  padding-top: 0;
}
/* line 810, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_3 {
  margin: 28px auto 30px;
}
/* line 812, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_3 .imgwrap_alt {
  padding-top: 0;
}
/* line 816, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_4 {
  margin: 0 auto 76px;
}
/* line 818, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_4 .imgwrap_alt {
  padding-top: 0;
}
/* line 822, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_5 {
  margin: 12px auto 40px;
}
/* line 829, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_5 .img-caption_each {
  padding: 12px 0 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 833, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_5 .img-caption_all {
  bottom: 0px;
}
/* line 836, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_5 .imgwrap-inner {
  width: 300px;
  padding-left: 0;
  margin-left: 30px;
}
/* line 840, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_5 .imgwrap-inner.left {
  margin-left: 0;
}
/* line 845, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 {
  margin-bottom: 82px;
}
/* line 847, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 .grid2 {
  min-width: 630px;
  width: 100%;
}
/* line 851, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 .grid-col {
  width: 300px;
}
/* line 854, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 .lead-normal, .quality-rearWeldability .qualityContent_6 .quality-secularCase aside a, .quality-secularCase aside .quality-rearWeldability .qualityContent_6 a, .quality-rearWeldability .qualityContent_6 .case-product aside a, .case-product aside .quality-rearWeldability .qualityContent_6 a {
  letter-spacing: normal;
}
/* line 857, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 .img-caption_each {
  padding: 12px 0 16px;
}
/* line 860, ../sass/_quality.scss */
.quality-rearWeldability .qualityContent_6 .bottom {
  margin-top: 16px;
}

/* line 869, ../sass/_quality.scss */
.quality-resistCorrosionWelding .contentZone {
  padding-bottom: 114px;
}
/* line 872, ../sass/_quality.scss */
.quality-resistCorrosionWelding .qualityContent_1 {
  margin-top: 42px;
}
/* line 875, ../sass/_quality.scss */
.quality-resistCorrosionWelding .qualityContent_1 .imgwrap_withCaption .imgwrap-inner {
  width: 316px;
  padding-left: 2px;
}
/* line 878, ../sass/_quality.scss */
.quality-resistCorrosionWelding .qualityContent_1 .imgwrap_withCaption .imgwrap-inner:first-child {
  width: 314px;
  padding-left: 0;
}
/* line 885, ../sass/_quality.scss */
.quality-resistCorrosionWelding .qualityContent_2 {
  margin-top: 62px;
}
/* line 889, ../sass/_quality.scss */
.quality-resistCorrosionWelding .imgwrap_withCaption .imgwrap-inner {
  width: 211px;
  padding-left: 3px;
}
/* line 892, ../sass/_quality.scss */
.quality-resistCorrosionWelding .imgwrap_withCaption .imgwrap-inner:first-child {
  width: 208px;
  padding-left: 0;
}
/* line 898, ../sass/_quality.scss */
.quality-resistCorrosionWelding .inner-title_primary {
  position: relative;
}

/* line 905, ../sass/_quality.scss */
.quality-refinishSolvent {
  color: #333333;
}
/* line 907, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_0 {
  margin-bottom: 40px;
}
/* line 909, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_0 .content-title, .quality-refinishSolvent .qualityContent_0 .news-detail .newsDetail-title, .news-detail .quality-refinishSolvent .qualityContent_0 .newsDetail-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  font-weight: normal;
  color: #333333;
  padding-left: 0;
}
/* line 920, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_1 {
  margin-bottom: 60px;
}
/* line 924, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_1 .imgwrap_withCaption .imgwrap-inner {
  float: left;
  width: 158px;
  padding-left: 2px;
}
/* line 928, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_1 .imgwrap_withCaption .imgwrap-inner:first-child {
  width: 156px;
  padding-left: 0;
}
/* line 935, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_2 {
  margin-bottom: 148px;
}
/* line 937, ../sass/_quality.scss */
.quality-refinishSolvent .qualityContent_2 .imgwrap_withCaption {
  margin-top: 32px;
}
/* line 941, ../sass/_quality.scss */
.quality-refinishSolvent .lead-third, .quality-refinishSolvent .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-refinishSolvent .notice-inner, .quality-refinishSolvent .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-refinishSolvent .caseinfo-caption, .quality-refinishSolvent .caution .row .aright, .caution .row .quality-refinishSolvent .aright, .quality-refinishSolvent .guideline .row .aright, .guideline .row .quality-refinishSolvent .aright {
  position: relative;
}
/* line 944, ../sass/_quality.scss */
.quality-refinishSolvent .inner-title_primary {
  margin-top: 42px;
  margin-bottom: 4px;
}
/* line 948, ../sass/_quality.scss */
.quality-refinishSolvent .testCondition-inner {
  padding: 12px 24px;
}
/* line 951, ../sass/_quality.scss */
.quality-refinishSolvent .lead-secondary_alt, .quality-refinishSolvent .quality-secularCase aside .aside-title, .quality-secularCase aside .quality-refinishSolvent .aside-title, .quality-refinishSolvent .case-product aside .aside-title, .case-product aside .quality-refinishSolvent .aside-title {
  margin-top: 24px;
  color: #333333;
  font-weight: bold;
}
/* line 956, ../sass/_quality.scss */
.quality-refinishSolvent .message-notice {
  letter-spacing: normal;
}

/* line 963, ../sass/_quality.scss */
.quality-refinish {
  color: #333333;
}
/* line 965, ../sass/_quality.scss */
.quality-refinish th, .quality-refinish td {
  color: #333333;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 7px;
}
/* line 971, ../sass/_quality.scss */
.quality-refinish th {
  width: 80px;
}
/* line 972, ../sass/_quality.scss */
.quality-refinish .data-table.row_single td {
  width: 204px;
  text-align: left;
  padding-left: 20px;
}
/* line 977, ../sass/_quality.scss */
.quality-refinish .qualityContent_1 {
  margin-top: 24px;
}
/* line 979, ../sass/_quality.scss */
.quality-refinish .qualityContent_1 .inner-title_primary {
  padding-bottom: 16px;
}
/* line 984, ../sass/_quality.scss */
.quality-refinish .refinish-info .imgwrap_alt {
  padding-top: 70px;
}
/* line 987, ../sass/_quality.scss */
.quality-refinish .refinish-info .inner-title {
  padding-top: 16px;
}
/* line 991, ../sass/_quality.scss */
.quality-refinish .refinish-aYearAgo {
  margin-top: 12px;
}
/* line 993, ../sass/_quality.scss */
.quality-refinish .refinish-aYearAgo .inner-title {
  margin-bottom: 8px;
}
/* line 996, ../sass/_quality.scss */
.quality-refinish .refinish-aYearAgo .imgwrap_withCaption {
  margin-top: 20px;
}
/* line 999, ../sass/_quality.scss */
.quality-refinish .refinish-aYearAgo .img-caption_each {
  padding-bottom: 14px;
}
/* line 1003, ../sass/_quality.scss */
.quality-refinish .qualityContent_2 {
  margin-top: 48px;
}
/* line 1005, ../sass/_quality.scss */
.quality-refinish .qualityContent_2 .inner-title_primary {
  padding-bottom: 12px;
}
/* line 1012, ../sass/_quality.scss */
.quality-refinish .qualityContent_2 .imgwrap_withCaption {
  margin-top: 19px;
}
/* line 1014, ../sass/_quality.scss */
.quality-refinish .qualityContent_2 .imgwrap_withCaption.top {
  margin-top: 0;
}
/* line 1019, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 {
  margin: 48px auto 174px;
}
/* line 1021, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .inner-title_primary {
  padding-bottom: 12px;
}
/* line 1024, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .inner-title {
  text-align: center;
  margin-bottom: 16px;
}
/* line 1028, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
/* line 1033, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter li {
  width: 50%;
  position: relative;
  padding-left: 1px;
  float: left;
}
/* line 1038, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter li:first-child {
  padding-left: 0;
}
/* line 1041, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter li:before, .quality-refinish .qualityContent_3 .beforeAfter li:after {
  position: absolute;
  top: 0px;
}
/* line 1045, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter li:before {
  content: "←";
  left: 6px;
}
/* line 1050, ../sass/_quality.scss */
.quality-refinish .qualityContent_3 .beforeAfter li:after {
  content: "→";
  right: 6px;
}

/* line 1063, ../sass/_quality.scss */
.quality-scratchResistance .contentZone {
  padding-bottom: 108px;
}
/* line 1066, ../sass/_quality.scss */
.quality-scratchResistance .qualityContent_1 {
  margin: 8px auto 40px;
}
/* line 1068, ../sass/_quality.scss */
.quality-scratchResistance .qualityContent_1 .inner-title {
  margin-bottom: 12px;
}
/* line 1073, ../sass/_quality.scss */
.quality-scratchResistance .qualityContent_2 .th {
  padding: 0 8px 0 20px;
}
/* line 1076, ../sass/_quality.scss */
.quality-scratchResistance .qualityContent_2 td {
  padding: 0 12px;
}

/* line 1083, ../sass/_quality.scss */
.quality-slidingWorkability .contentZone {
  padding-bottom: 78px;
}
/* line 1086, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_1 {
  margin: 8px auto 72px;
}
/* line 1088, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_1 .inner-title_sub {
  margin-top: 30px;
}
/* line 1093, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .type1 {
  margin-bottom: 60px;
}
/* line 1095, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .type1 .border-r {
  border-right: 1px solid #FFF;
}
/* line 1097, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .type1 .border-r.last {
  border-right: 1px solid #e6e6e7;
}
/* line 1103, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .type1-col1 {
  width: 50%;
}
/* line 1106, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .shibori {
  margin-top: 36px;
}
/* line 1109, ../sass/_quality.scss */
.quality-slidingWorkability .qualityContent_2 .sikyo {
  margin-top: 40px;
}
/* line 1113, ../sass/_quality.scss */
.quality-slidingWorkability .linkwrap {
  text-align: right;
}
/* line 1116, ../sass/_quality.scss */
.quality-slidingWorkability .links {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: -0.4em;
}
/* line 1119, ../sass/_quality.scss */
.quality-slidingWorkability .links li {
  letter-spacing: normal;
  padding-left: 12px;
  float: left;
}
/* line 1123, ../sass/_quality.scss */
.quality-slidingWorkability .links li:first-child {
  padding-left: 0;
}
/* line 1125, ../sass/_quality.scss */
.quality-slidingWorkability .links li, .quality-slidingWorkability .links a {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
/* line 1129, ../sass/_quality.scss */
.quality-slidingWorkability .links .title {
  color: #006ab8;
}
/* line 1132, ../sass/_quality.scss */
.quality-slidingWorkability .links a {
  color: #000;
  text-decoration: underline;
}
/* line 1136, ../sass/_quality.scss */
.quality-slidingWorkability .links .on a {
  text-decoration: none;
  color: #006ab8;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
/* line 18, ../sass/_bxslider.scss */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

/* line 25, ../sass/_bxslider.scss */
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
/* line 33, ../sass/_bxslider.scss */
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  left: -5px;
  background: #fff;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

/* line 49, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
/* line 58, ../sass/_bxslider.scss */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
/* line 71, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

/* line 80, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* line 87, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 100, ../sass/_bxslider.scss */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
/* line 107, ../sass/_bxslider.scss */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

/* line 112, ../sass/_bxslider.scss */
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

/* line 117, ../sass/_bxslider.scss */
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

/* line 121, ../sass/_bxslider.scss */
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

/* line 125, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

/* line 136, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
/* line 142, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

/* line 146, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

/* line 156, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

/* line 161, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

/* line 171, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* line 178, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

/* line 183, ../sass/_bxslider.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
/* line 190, ../sass/_bxslider.scss */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

/* line 199, ../sass/_bxslider.scss */
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* line 1147, ../sass/_quality.scss */
.quality-secularCase aside .aside-title, .case-product aside .aside-title {
  font-weight: bold;
  color: #006ab8;
  margin-bottom: 16px;
}
/* line 1153, ../sass/_quality.scss */
.quality-secularCase aside li, .case-product aside li {
  position: relative;
  padding-bottom: 6px;
}
/* line 1156, ../sass/_quality.scss */
.quality-secularCase aside li:before, .case-product aside li:before {
  position: absolute;
  top: 6px;
  left: 0;
  color: #006ab8;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 1164, ../sass/_quality.scss */
.quality-secularCase aside a, .case-product aside a {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #000;
  font-weight: normal;
  text-decoration: underline;
}

/* line 1176, ../sass/_quality.scss */
.quality-secularCase .container-inner {
  border-top: 0;
  padding-bottom: 72px;
}
/* line 1180, ../sass/_quality.scss */
.quality-secularCase .content-title, .quality-secularCase .news-detail .newsDetail-title, .news-detail .quality-secularCase .newsDetail-title {
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 0;
}
/* line 1183, ../sass/_quality.scss */
.quality-secularCase .content-title span, .quality-secularCase .news-detail .newsDetail-title span, .news-detail .quality-secularCase .newsDetail-title span {
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
}
/* line 1189, ../sass/_quality.scss */
.quality-secularCase .content-title:after, .quality-secularCase .news-detail .newsDetail-title:after, .news-detail .quality-secularCase .newsDetail-title:after {
  background-color: transparent;
  position: relative;
  top: auto;
  left: auto;
}
/* line 1195, ../sass/_quality.scss */
.quality-secularCase .aleft.contentZone_aleft {
  padding-top: 0;
  width: 660px;
  padding-right: 30px;
  float: left;
}
/* line 1201, ../sass/_quality.scss */
.quality-secularCase .aright.contentZone_aright {
  padding-top: 0;
  width: 300px;
  padding-left: 40px;
  float: right;
}
/* line 1235, ../sass/_quality.scss */
.quality-secularCase .caseinfo-wrap {
  margin-top: 16px;
  position: relative;
}
/* line 1239, ../sass/_quality.scss */
.quality-secularCase .caseinfo-row {
  border-top: 1px solid #e6e6e7;
  padding: 6px 0;
}
/* line 1244, ../sass/_quality.scss */
.quality-secularCase .caseinfo-title, .quality-secularCase .caseinfo-lead {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  position: relative;
  float: left;
}
/* line 1250, ../sass/_quality.scss */
.quality-secularCase .caseinfo-title {
  padding-left: 22px;
  color: #000;
  font-weight: bold;
  width: 170px;
}
/* line 1255, ../sass/_quality.scss */
.quality-secularCase .caseinfo-title:before {
  color: #006ab8;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 2px;
  left: 0;
}
/* line 1262, ../sass/_quality.scss */
.quality-secularCase .caseinfo-title.row {
  float: none;
}
/* line 1266, ../sass/_quality.scss */
.quality-secularCase .caseinfo-lead {
  width: 460px;
}
/* line 1269, ../sass/_quality.scss */
.quality-secularCase .caseinfoimg-wrap {
  width: 100%;
  position: relative;
}
/* line 1272, ../sass/_quality.scss */
.quality-secularCase .caseinfoimg-wrap img {
  height: auto;
  width: 100%;
}
/* line 1277, ../sass/_quality.scss */
.quality-secularCase .caseinfoimg-wrap .bx-wrapper img {
  margin-left: auto;
  margin-right: auto;
}
/* line 1283, ../sass/_quality.scss */
.quality-secularCase .caseinfoimg {
  padding: 6px 0;
}
/* line 1286, ../sass/_quality.scss */
.quality-secularCase .caseinfo-caption {
  font-weight: normal;
  padding-bottom: 12px;
}

/* line 1299, ../sass/_quality.scss */
.quality-manufacturingRange .contentZone {
  padding-bottom: 500px;
}
/* line 1302, ../sass/_quality.scss */
.quality-manufacturingRange .lead-third_alt {
  margin: 20px auto  30px;
}
/* line 1305, ../sass/_quality.scss */
.quality-manufacturingRange .inner-title_primary {
  letter-spacing: normal;
}
/* line 1308, ../sass/_quality.scss */
.quality-manufacturingRange .imgwrap_alt {
  padding-top: 16px;
}

/* line 1317, ../sass/_quality.scss */
.quality-proof .data-table th {
  color: #FFF;
  background-color: #9c9ca2;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 1322, ../sass/_quality.scss */
.quality-proof .data-table th, .quality-proof .data-table td {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 1327, ../sass/_quality.scss */
.quality-proof .data-table td, .quality-proof .data-table .th {
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 1330, ../sass/_quality.scss */
.quality-proof .data-table .th {
  background-color: #006ab8;
  color: #FFF;
  border-bottom: 0;
}
/* line 1335, ../sass/_quality.scss */
.quality-proof .data-table td {
  line-height: 24px;
}
/* line 1339, ../sass/_quality.scss */
.quality-proof .data-table tr:first-child .th {
  border-top: 0;
}
/* line 1342, ../sass/_quality.scss */
.quality-proof .data-table tr td:first-child.nobLeft {
  border-left: 0;
}
/* line 1346, ../sass/_quality.scss */
.quality-proof .data-table .tleft {
  text-align: left;
  padding-left: 18px;
  padding-right: 18px;
}
/* line 1352, ../sass/_quality.scss */
.quality-proof .colg1 {
  width: 220px;
}
/* line 1356, ../sass/_quality.scss */
.quality-proof .colg2 {
  width: 416px;
}
/* line 1359, ../sass/_quality.scss */
.quality-proof .colg3 {
  width: 158px;
}
/* line 1362, ../sass/_quality.scss */
.quality-proof .colg4 {
  width: 162px;
}
/* line 1366, ../sass/_quality.scss */
.quality-proof .grid3 .grid-col {
  padding-top: 32px;
  width: 330px;
  padding-left: 30px;
}
/* line 1370, ../sass/_quality.scss */
.quality-proof .grid3 .grid-col:first-child {
  width: 300px;
  padding-left: 0px;
}
/* line 1376, ../sass/_quality.scss */
.quality-proof .content-title, .quality-proof .news-detail .newsDetail-title, .news-detail .quality-proof .newsDetail-title, .quality-proof .lead-small, .quality-proof .lead-third, .quality-proof .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-proof .notice-inner, .quality-proof .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-proof .caseinfo-caption, .quality-proof .caution .row .aright, .caution .row .quality-proof .aright, .quality-proof .guideline .row .aright, .guideline .row .quality-proof .aright {
  letter-spacing: normal;
}
/* line 1379, ../sass/_quality.scss */
.quality-proof .imgwrap_alt {
  padding-top: 0;
}
/* line 1382, ../sass/_quality.scss */
.quality-proof .lead-small {
  font-weight: bold;
  padding-top: 10px;
}
/* line 1386, ../sass/_quality.scss */
.quality-proof .lead-third, .quality-proof .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-proof .notice-inner, .quality-proof .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-proof .caseinfo-caption, .quality-proof .caution .row .aright, .caution .row .quality-proof .aright, .quality-proof .guideline .row .aright, .guideline .row .quality-proof .aright {
  font-weight: normal;
}
/* line 1389, ../sass/_quality.scss */
.quality-proof .container-inner {
  position: relative;
}
/* line 1393, ../sass/_quality.scss */
.quality-proof .qualityContent_0 .contentTitle-wrapper {
  padding-bottom: 24px;
}
/* line 1397, ../sass/_quality.scss */
.quality-proof .qualityContent_0, .quality-proof .qualityContent_2,
.quality-proof .qualityContent_3 {
  margin-bottom: 70px;
}
/* line 1401, ../sass/_quality.scss */
.quality-proof .qualityContent_1 {
  margin-bottom: 66px;
}
/* line 1403, ../sass/_quality.scss */
.quality-proof .qualityContent_1 .contentTitle-wrapper {
  padding-top: 22px;
  margin-bottom: 30px;
}
/* line 1407, ../sass/_quality.scss */
.quality-proof .qualityContent_1 .content-title::after, .quality-proof .qualityContent_1 .news-detail .newsDetail-title::after, .news-detail .quality-proof .qualityContent_1 .newsDetail-title::after {
  top: -24px;
}
/* line 1410, ../sass/_quality.scss */
.quality-proof .qualityContent_1 h4, .quality-proof .qualityContent_1 h5 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}
/* line 1414, ../sass/_quality.scss */
.quality-proof .qualityContent_1 h4 {
  margin-top: 42px;
  font-weight: bold;
}
/* line 1417, ../sass/_quality.scss */
.quality-proof .qualityContent_1 h4 em {
  color: #006ab8;
}
/* line 1423, ../sass/_quality.scss */
.quality-proof .qualityContent_3 .lead-normal_alt {
  padding-bottom: 30px;
}
/* line 1427, ../sass/_quality.scss */
.quality-proof .qualityContent_4 {
  margin-bottom: 140px;
}
/* line 1429, ../sass/_quality.scss */
.quality-proof .qualityContent_4 .lead-normal_alt {
  padding-bottom: 12px;
}
/* line 1432, ../sass/_quality.scss */
.quality-proof .qualityContent_4 .lead-third, .quality-proof .qualityContent_4 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .quality-proof .qualityContent_4 .notice-inner, .quality-proof .qualityContent_4 .quality-secularCase .caseinfo-caption, .quality-secularCase .quality-proof .qualityContent_4 .caseinfo-caption, .quality-proof .qualityContent_4 .caution .row .aright, .caution .row .quality-proof .qualityContent_4 .aright, .quality-proof .qualityContent_4 .guideline .row .aright, .guideline .row .quality-proof .qualityContent_4 .aright {
  padding-bottom: 16px;
}
/* line 1436, ../sass/_quality.scss */
.quality-proof .qualityContent_5 {
  margin-bottom: 32px;
}
/* line 1438, ../sass/_quality.scss */
.quality-proof .qualityContent_5 .lead-normal_alt {
  padding-bottom: 20px;
}

/* line 5, ../sass/_caution.scss */
.caution .contentZone {
  padding-top: 0;
  padding-bottom: 232px;
}
/* line 9, ../sass/_caution.scss */
.caution .qualityContent_0, .caution .qualityContent_1 {
  margin-bottom: 64px;
}
/* line 12, ../sass/_caution.scss */
.caution .article {
  padding-top: 32px;
}
/* line 15, ../sass/_caution.scss */
.caution .article .row:first-child {
  padding-top: 0;
}
/* line 20, ../sass/_caution.scss */
.caution .row {
  padding-top: 24px;
}
/* line 23, ../sass/_caution.scss */
.caution .row .aleft {
  width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: bold;
}
/* line 29, ../sass/_caution.scss */
.caution .row .aright {
  width: 630px;
  font-weight: normal;
}
/* line 33, ../sass/_caution.scss */
.caution .row .aright .bold {
  font-weight: bold;
}
/* line 37, ../sass/_caution.scss */
.caution .row .data-table {
  margin-top: 20px;
}
/* line 39, ../sass/_caution.scss */
.caution .row .data-table th, .caution .row .data-table td {
  padding-left: 18px;
  padding-right: 18px;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
}
/* line 48, ../sass/_caution.scss */
.caution .row .data-table tr th:first-child, .caution .row .data-table tr td:first-child {
  text-align: center;
}
/* line 52, ../sass/_caution.scss */
.caution .row .data-table tr th:first-child {
  border-right: 1px solid #fff;
}
/* line 57, ../sass/_caution.scss */
.caution .row .memobox {
  padding: 12px 16px;
  line-height: 1.375;
  margin-bottom: 4px;
  border-left: 1px solid #e6e6e7;
  border-right: 1px solid #e6e6e7;
  border-bottom: 1px solid #e6e6e7;
}

/* line 5, ../sass/_question.scss */
.question .contentZone {
  padding-top: 0;
  padding-bottom: 138px;
}
/* line 9, ../sass/_question.scss */
.question .qualityContent_0 {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}
/* line 14, ../sass/_question.scss */
.question .contentTitle-wrapper {
  padding-bottom: 32px;
}
/* line 19, ../sass/_question.scss */
.question article .row:first-child {
  padding-top: 0;
}
/* line 24, ../sass/_question.scss */
.question .row {
  padding-top: 3px;
  position: relative;
}
/* line 30, ../sass/_question.scss */
.question .question, .question .answer {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  position: relative;
  padding: 16px 48px;
}
/* line 36, ../sass/_question.scss */
.question .question:after, .question .answer:after {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: inherit;
}
/* line 45, ../sass/_question.scss */
.question .question {
  background-color: #e6e6e7;
  color: #002630;
  cursor: pointer;
}
/* line 52, ../sass/_question.scss */
.question .question:before {
  content: "\F501";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
}
/* line 59, ../sass/_question.scss */
.question .question:after {
  color: #006ab8;
  content: "Q";
  top: 9px;
  left: 18px;
}
/* line 66, ../sass/_question.scss */
.question .answer {
  color: #FFF;
  background-color: #000;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: fade-in_op;
  -webkit-animation-name: fade-in_op;
  animation-name: fade-in_op;
  display: none;
  opacity: 0;
}
/* line 75, ../sass/_question.scss */
.question .answer:after {
  content: "A";
  top: 9px;
  left: 18px;
  color: #006ab8;
}
/* line 85, ../sass/_question.scss */
.question .row h3 {
  font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif !Important;
}
/* line 88, ../sass/_question.scss */
.question .row h3 {
  font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif !Important;
}
/* line 93, ../sass/_question.scss */
.question .open .question, .question .open .answer {
  color: #FFF;
}
/* line 95, ../sass/_question.scss */
.question .open .question:after, .question .open .answer:after {
  color: #FFF;
}
/* line 99, ../sass/_question.scss */
.question .open .question {
  background-color: #006ab8;
}
/* line 100, ../sass/_question.scss */
.question .open .question:before {
  content: "\F500";
}
/* line 105, ../sass/_question.scss */
.question .open .answer {
  background-color: #FFF;
  color: #006ab8;
  display: block;
  opacity: 1;
}
/* line 112, ../sass/_question.scss */
.question .open .answer:after {
  color: #006ab8;
}

/* line 5, ../sass/_standard.scss */
.standard .contentZone {
  padding-top: 0;
  margin-bottom: 280px;
}
/* line 9, ../sass/_standard.scss */
.standard .page-title {
  font-weight: bold;
  padding-top: 114px;
  padding-bottom: 48px;
}
/* line 16, ../sass/_standard.scss */
.standard .list-lead {
  text-align: center;
  margin-bottom: 80px;
}
/* line 20, ../sass/_standard.scss */
.standard .grid-col.wide2 {
  width: 660px;
}
/* line 23, ../sass/_standard.scss */
.standard .lead-innerwrap {
  border: 1px solid #e6e6e7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 16px 16px 20px;
}
/* line 28, ../sass/_standard.scss */
.standard .lead-third, .standard .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .standard .notice-inner, .standard .quality-secularCase .caseinfo-caption, .quality-secularCase .standard .caseinfo-caption, .standard .caution .row .aright, .caution .row .standard .aright, .standard .guideline .row .aright, .guideline .row .standard .aright {
  letter-spacing: normal;
}
/* line 30, ../sass/_standard.scss */
.standard .lead-third.title, .standard .quality-rearCoating .qualityContent_1 .notice .title.notice-inner, .quality-rearCoating .qualityContent_1 .notice .standard .title.notice-inner, .standard .quality-secularCase .title.caseinfo-caption, .quality-secularCase .standard .title.caseinfo-caption, .standard .caution .row .title.aright, .caution .row .standard .title.aright, .standard .guideline .row .title.aright, .guideline .row .standard .title.aright {
  padding-bottom: 12px;
}
/* line 33, ../sass/_standard.scss */
.standard .lead-third.lead, .standard .quality-rearCoating .qualityContent_1 .notice .lead.notice-inner, .quality-rearCoating .qualityContent_1 .notice .standard .lead.notice-inner, .standard .quality-secularCase .lead.caseinfo-caption, .quality-secularCase .standard .lead.caseinfo-caption, .standard .caution .row .lead.aright, .caution .row .standard .lead.aright, .standard .guideline .row .lead.aright, .guideline .row .standard .lead.aright {
  font-weight: normal;
}

/* line 5, ../sass/_guideline.scss */
.guideline .contentZone {
  padding-top: 0;
  margin-bottom: 140px;
}
/* line 11, ../sass/_guideline.scss */
.guideline .guideline-lead {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin-top: 48px;
}
/* line 18, ../sass/_guideline.scss */
.guideline .page-title {
  font-weight: bold;
  padding-top: 104px;
  padding-bottom: 0;
}
/* line 23, ../sass/_guideline.scss */
.guideline .qualityContent_0 {
  margin-top: 52px;
  margin-bottom: 72px;
}
/* line 26, ../sass/_guideline.scss */
.guideline .qualityContent_0 .lead-third, .guideline .qualityContent_0 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .guideline .qualityContent_0 .notice-inner, .guideline .qualityContent_0 .quality-secularCase .caseinfo-caption, .quality-secularCase .guideline .qualityContent_0 .caseinfo-caption, .caution .row .guideline .qualityContent_0 .aright, .guideline .qualityContent_0 .row .aright, .guideline .row .qualityContent_0 .aright {
  font-weight: normal;
}
/* line 30, ../sass/_guideline.scss */
.guideline .article {
  padding-top: 32px;
}
/* line 33, ../sass/_guideline.scss */
.guideline .article .row:first-child {
  padding-top: 0;
}
/* line 38, ../sass/_guideline.scss */
.guideline .qualityContent_1 {
  margin-bottom: 72px;
}
/* line 42, ../sass/_guideline.scss */
.guideline .qualityContent_3 .lead-third, .guideline .qualityContent_3 .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .guideline .qualityContent_3 .notice-inner, .guideline .qualityContent_3 .quality-secularCase .caseinfo-caption, .quality-secularCase .guideline .qualityContent_3 .caseinfo-caption, .caution .row .guideline .qualityContent_3 .aright, .guideline .qualityContent_3 .row .aright, .guideline .row .qualityContent_3 .aright {
  font-weight: normal;
}
/* line 47, ../sass/_guideline.scss */
.guideline .row {
  padding-top: 24px;
}
/* line 50, ../sass/_guideline.scss */
.guideline .row.howtouse {
  padding-top: 60px;
}
/* line 52, ../sass/_guideline.scss */
.guideline .row.howtouse .aright {
  line-height: 0;
}
/* line 56, ../sass/_guideline.scss */
.guideline .row .aleft {
  width: 300px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: bold;
}
/* line 62, ../sass/_guideline.scss */
.guideline .row .aright {
  width: 630px;
  font-weight: normal;
}
/* line 67, ../sass/_guideline.scss */
.guideline .row .aright .bold {
  font-weight: bold;
}
/* line 70, ../sass/_guideline.scss */
.guideline .row .aright .inner_half {
  width: 330px;
  padding-left: 30px;
  float: left;
}
/* line 74, ../sass/_guideline.scss */
.guideline .row .aright .inner_half.left {
  width: 300px;
  padding-left: 0;
  color: #006ab8;
}
/* line 79, ../sass/_guideline.scss */
.guideline .row .aright .inner_half .inner_block {
  color: #000;
}
/* line 82, ../sass/_guideline.scss */
.guideline .row .aright .inner_half .inner_block:first-child {
  padding-bottom: 44px;
  color: #006ab8;
}
/* line 86, ../sass/_guideline.scss */
.guideline .row .aright .inner_half .ttl {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 4px;
}
/* line 92, ../sass/_guideline.scss */
.guideline .row .aright .inner_half .lead-third, .guideline .row .aright .inner_half .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .guideline .row .aright .inner_half .notice-inner, .guideline .row .aright .inner_half .quality-secularCase .caseinfo-caption, .quality-secularCase .guideline .row .aright .inner_half .caseinfo-caption, .guideline .row .aright .inner_half .aright {
  font-weight: normal;
}
/* line 95, ../sass/_guideline.scss */
.guideline .row .aright .inner_half .imgblock_alt.top {
  padding-bottom: 36px;
}
/* line 99, ../sass/_guideline.scss */
.guideline .row .aright .bottom-note {
  margin-top: 20px;
}
/* line 104, ../sass/_guideline.scss */
.guideline .lead-third_alt {
  font-weight: bold;
  margin-bottom: 24px;
}

/* line 5, ../sass/_news.scss */
.news-index .contentZone, .news-detail .contentZone {
  padding-top: 0;
}
/* line 8, ../sass/_news.scss */
.news-index .page-title, .news-detail .page-title {
  padding-top: 108px;
}
/* line 12, ../sass/_news.scss */
.news-index .page-title_en, .news-detail .page-title_en {
  margin-top: 48px;
  margin-bottom: 36px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 18, ../sass/_news.scss */
.news-index .row, .news-detail .row {
  vertical-align: middle;
  border-bottom: 1px solid #e6e6e7;
}
/* line 21, ../sass/_news.scss */
.news-index .row:first-child, .news-detail .row:first-child {
  border-top: 1px solid #e6e6e7;
}

/* line 28, ../sass/_news.scss */
.news-index .contentZone {
  padding-bottom: 190px;
}
/* line 31, ../sass/_news.scss */
.news-index .page-title {
  padding-bottom: 0;
}

/* line 35, ../sass/_news.scss */
.newsArchive-inner {
  padding: 12px 0;
  display: block;
  width: 100%;
  min-height: 48px;
}

/* line 42, ../sass/_news.scss */
.newsArchive-date, .newsArchive-category, .newsArchive-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
}

/* line 46, ../sass/_news.scss */
.newsArchive-date {
  width: 80px;
  color: #9c9ca2;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
}

/* line 53, ../sass/_news.scss */
.newsArchive-category {
  width: 100px;
  color: #006ab8;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.846;
}

/* line 62, ../sass/_news.scss */
.newsArchive-title {
  color: #000;
  width: 760px;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 72, ../sass/_news.scss */
.news-navigation-outer {
  text-align: center;
  margin: 36px auto 0;
}

/* line 76, ../sass/_news.scss */
.news-prevNext {
  position: relative;
}

/* line 79, ../sass/_news.scss */
.news-prev, .news-next {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #006ab8;
  top: 0;
  margin-top: 14px;
}
/* line 85, ../sass/_news.scss */
.news-prev:before, .news-next:before {
  position: absolute;
  top: 3px;
}
/* line 89, ../sass/_news.scss */
.news-prev a, .news-next a {
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 14px;
}

/* line 97, ../sass/_news.scss */
.news-prev {
  left: 0;
}
/* line 99, ../sass/_news.scss */
.news-prev:before {
  left: 0;
}

/* line 103, ../sass/_news.scss */
.news-next {
  right: 0;
}
/* line 106, ../sass/_news.scss */
.news-next:before {
  right: 0;
}

/* line 112, ../sass/_news.scss */
.news-pagenation {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 114, ../sass/_news.scss */
.news-pagenation li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: -0.4em;
}
/* line 118, ../sass/_news.scss */
.news-pagenation a, .news-pagenation span {
  letter-spacing: normal;
  display: block;
  width: 48px;
  height: 48px;
  padding-top: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 2px;
  border: 1px solid #e6e6e7;
  color: #000;
  text-decoration: none;
}
/* line 131, ../sass/_news.scss */
.news-pagenation a {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 135, ../sass/_news.scss */
.news-pagenation a:hover {
  background-color: #fdd731;
}
/* line 138, ../sass/_news.scss */
.news-pagenation a.current {
  background-color: #006ab8;
  color: #FFF;
}

/* line 147, ../sass/_news.scss */
.news-detail .contentZone {
  padding-bottom: 164px;
}
/* line 148, ../sass/_news.scss */
.news-detail .contentZone .aleft {
  padding-top: 0;
}
/* line 151, ../sass/_news.scss */
.news-detail .contentZone .aright {
  position: relative;
}
/* line 156, ../sass/_news.scss */
.news-detail .page-title {
  padding-bottom: 70px;
}
/* line 162, ../sass/_news.scss */
.news-detail .newsDetail-date {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 0;
  padding-top: 34px;
  color: #000;
}
/* line 167, ../sass/_news.scss */
.news-detail .newsDetail-date:after {
  top: -2px;
}
/* line 171, ../sass/_news.scss */
.news-detail .newsDetail-category {
  padding-top: 42px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #006ab8;
  font-weight: bold;
}
/* line 179, ../sass/_news.scss */
.news-detail .newsDetail-title:after {
  display: none;
}
/* line 186, ../sass/_news.scss */
.news-detail .newsDetail-imgwrap {
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
/* line 190, ../sass/_news.scss */
.news-detail .newsDetail-imgwrap img {
  height: auto;
  width: 100%;
}
/* line 195, ../sass/_news.scss */
.news-detail .newsDetail-lead {
  padding: 8px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

/* line 202, ../sass/_news.scss */
.backtoPrevPage {
  position: absolute;
  left: 0;
  bottom: 18px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: left;
}
/* line 209, ../sass/_news.scss */
.backtoPrevPage:before {
  position: absolute;
  left: 0;
  bottom: 1px;
  color: #006ab8;
}
/* line 215, ../sass/_news.scss */
.backtoPrevPage a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  padding: 0 14px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #000;
}

/* line 224, ../sass/_news.scss */
.newsDetail-navigation-outer {
  margin-top: 50px;
  position: relative;
  height: 48px;
}

/* line 230, ../sass/_news.scss */
.newsDetail-prevNext {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
}

/* line 237, ../sass/_news.scss */
.newsDetail-prev, .newsDetail-next {
  position: relative;
  width: 50%;
  letter-spacing: -0.4em;
}
/* line 241, ../sass/_news.scss */
.newsDetail-prev:before, .newsDetail-next:before {
  position: absolute;
  top: 20px;
  color: #006ab8;
}
/* line 246, ../sass/_news.scss */
.newsDetail-prev a, .newsDetail-next a {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  letter-spacing: normal;
  text-decoration: none;
  float: left;
  width: 150px;
  height: 48px;
  line-height: 48px;
  color: #006ab8;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  background-color: #e6e6e7;
}
/* line 261, ../sass/_news.scss */
.newsDetail-prev a:hover, .newsDetail-next a:hover {
  background-color: #006ab8;
  color: #FFF;
}

/* line 267, ../sass/_news.scss */
.newsDetail-prev {
  padding-right: 1px;
  text-align: left;
  float: left;
}
/* line 271, ../sass/_news.scss */
.newsDetail-prev:before {
  left: 12px;
}
/* line 274, ../sass/_news.scss */
.newsDetail-prev a {
  padding-left: 28px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 279, ../sass/_news.scss */
.newsDetail-prevNext .newsDetail-next {
  padding-left: 1px;
  text-align: right;
  float: right;
}
/* line 283, ../sass/_news.scss */
.newsDetail-prevNext .newsDetail-next:before {
  right: 16px;
}
/* line 286, ../sass/_news.scss */
.newsDetail-prevNext .newsDetail-next a {
  padding-right: 28px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 5, ../sass/_case.scss */
.case-index .contentZone {
  padding-top: 0;
  padding-bottom: 124px;
}
/* line 9, ../sass/_case.scss */
.case-index .page-title {
  font-weight: bold;
  padding: 84px 0 0;
}
/* line 13, ../sass/_case.scss */
.case-index .page-title_en {
  text-align: center;
}
/* line 16, ../sass/_case.scss */
.case-index .case-intro {
  background: url('../img/case/bg-case.jpg?1427342866') no-repeat top center;
  width: 1080px;
  height: 675px;
  position: relative;
  margin: 36px auto 72px;
}
/* line 23, ../sass/_case.scss */
.case-index .case-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 27, ../sass/_case.scss */
.case-index .case-inner .mapIcon-wrap {
  width: auto;
}
/* line 30, ../sass/_case.scss */
.case-index .case-inner .map-note {
  font-size: 13px;
  font-size: 1.3rem;
  width: 210px;
  height: 48px;
  padding: 0 12px;
  position: relative;
}
/* line 37, ../sass/_case.scss */
.case-index .case-inner .map-note h3 {
  letter-spacing: -0.01em;
  padding-top: 17px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1;
  float: left;
}
/* line 45, ../sass/_case.scss */
.case-index .case-inner .map-note .mapInnericon-wrap {
  width: 33px;
  float: right;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 48px;
}
/* line 52, ../sass/_case.scss */
.case-index .case-inner .map-note img {
  vertical-align: middle;
}
/* line 57, ../sass/_case.scss */
.case-index .case-inner .map_industory h3 {
  padding-top: 11px;
}
/* line 67, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_road {
  top: 148px;
  left: 94px;
}
/* line 71, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_farm {
  top: 165px;
  left: 328px;
}
/* line 75, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_rail {
  top: 108px;
  left: 578px;
}
/* line 79, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_industory {
  top: 258px;
  left: 654px;
}
/* line 83, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_kenzai {
  top: 345px;
  left: 305px;
}
/* line 87, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_car {
  top: 438px;
  left: 576px;
}
/* line 91, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_house {
  top: 540px;
  left: 84px;
}
/* line 95, ../sass/_case.scss */
.case-index .mapIcon-wrap.map_other {
  top: 480px;
  left: 840px;
}
/* line 100, ../sass/_case.scss */
.case-index .caseLinks-title {
  margin: 0 auto 10px;
  text-align: center;
}
/* line 103, ../sass/_case.scss */
.case-index .caseLinks-title img {
  height: 33px;
}
/* line 108, ../sass/_case.scss */
.case-index .case-links a {
  margin-top: 48px;
  text-align: center;
  letter-spacing: normal;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 210px;
  color: #000;
  text-decoration: none;
  width: 300px;
  margin-left: 30px;
  padding-left: 0;
  border-bottom: 1px solid #e6e6e7;
}
/* line 118, ../sass/_case.scss */
.case-index .case-links a.middle {
  width: 300px;
}
/* line 124, ../sass/_case.scss */
.case-index .case-links a:before {
  color: #006ab8;
  letter-spacing: normal;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -18px;
}
/* line 137, ../sass/_case.scss */
.case-index .case-links a:hover:before {
  color: #FFF;
}
/* line 144, ../sass/_case.scss */
.case-index .case-links .grid3 .grid-col:first-child, .case-index .case-links .grid2 .grid-col:first-child {
  margin-left: 0;
}
/* line 148, ../sass/_case.scss */
.case-index .case-links .grid2 {
  width: 630px;
  min-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
/* line 155, ../sass/_case.scss */
.case-index .caseLink-title, .case-index .lead-third, .case-index .quality-rearCoating .qualityContent_1 .notice .notice-inner, .quality-rearCoating .qualityContent_1 .notice .case-index .notice-inner, .case-index .quality-secularCase .caseinfo-caption, .quality-secularCase .case-index .caseinfo-caption, .case-index .caution .row .aright, .caution .row .case-index .aright, .case-index .guideline .row .aright, .guideline .row .case-index .aright {
  font-weight: bold;
}
/* line 158, ../sass/_case.scss */
.case-index .caseLink-title {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.07;
  color: #006ab8;
  margin-bottom: 20px;
}
/* line 166, ../sass/_case.scss */
.case-index .caseListLinks {
  text-align: center;
  margin-top: 72px;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 171, ../sass/_case.scss */
.case-index .caseListLinks a {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #006ab8;
  height: 60px;
  line-height: 58px;
  color: #006ab8;
  background-color: #FFF;
  position: relative;
  text-decoration: none;
  display: block;
}
/* line 181, ../sass/_case.scss */
.case-index .caseListLinks a:before {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  right: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 188, ../sass/_case.scss */
.case-index .caseListLinks a:hover {
  color: #FFF;
  background-color: #006ab8;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* box-sizing */
/* line 4, ../sass/_fresco.scss */
.fr-window, .fr-window [class^="fr-"],
.fr-overlay, .fr-overlay [class^="fr-"],
.fr-spinner, .fr-spinner [class^="fr-"] {
  box-sizing: border-box;
}

/* line 10, ../sass/_fresco.scss */
.fr-window {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  /* Chrome hack, this fixes a visual glitch when quickly toggling a video */
  transform: translateZ(0px);
}

/* z-index */
/* line 22, ../sass/_fresco.scss */
.fr-overlay {
  z-index: 99998;
}

/* line 23, ../sass/_fresco.scss */
.fr-window {
  z-index: 99999;
}

/* line 24, ../sass/_fresco.scss */
.fr-spinner {
  z-index: 100000;
}

/* overlay */
/* line 28, ../sass/_fresco.scss */
.fr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* line 35, ../sass/_fresco.scss */
.fr-overlay-background {
  float: left;
  width: 100%;
  height: 100%;
  background: #006ab8;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 44, ../sass/_fresco.scss */
.fr-overlay-ui-fullclick .fr-overlay-background {
  background: #292929;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* mobile touch has position:absolute to allow zooming */
/* line 52, ../sass/_fresco.scss */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
  position: absolute;
  overflow: visible;
}

/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */
/* line 63, ../sass/_fresco.scss */
.fr-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* line 69, ../sass/_fresco.scss */
.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 77, ../sass/_fresco.scss */
.fr-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 89, ../sass/_fresco.scss */
.fr-page {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 96, ../sass/_fresco.scss */
.fr-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* line 107, ../sass/_fresco.scss */
.fr-hovering-clickable .fr-container {
  cursor: pointer;
}

/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */
/* line 117, ../sass/_fresco.scss */
.fr-ui-inside .fr-container {
  padding: 20px 20px;
}

/* line 118, ../sass/_fresco.scss */
.fr-ui-inside.fr-no-sides .fr-container {
  padding: 20px;
}

/* padding ui:outside */
/* line 121, ../sass/_fresco.scss */
.fr-ui-outside .fr-container {
  padding: 20px 82px;
}

/* line 122, ../sass/_fresco.scss */
.fr-ui-outside.fr-no-sides .fr-container {
  padding: 20px 48px;
}

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */
  /* line 128, ../sass/_fresco.scss */
  .fr-ui-inside .fr-container {
    padding: 12px 12px;
  }

  /* line 129, ../sass/_fresco.scss */
  .fr-ui-inside.fr-no-sides .fr-container {
    padding: 12px;
  }

  /* padding ui:outside */
  /* line 132, ../sass/_fresco.scss */
  .fr-ui-outside .fr-container {
    padding: 12px 72px;
  }

  /* line 133, ../sass/_fresco.scss */
  .fr-ui-outside.fr-no-sides .fr-container {
    padding: 12px 48px;
  }
}
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */
  /* line 139, ../sass/_fresco.scss */
  .fr-ui-inside .fr-container {
    padding: 0px 0px;
  }

  /* line 140, ../sass/_fresco.scss */
  .fr-ui-inside.fr-no-sides .fr-container {
    padding: 0px;
  }

  /* padding ui:outside */
  /* line 143, ../sass/_fresco.scss */
  .fr-ui-outside .fr-container {
    padding: 0px 72px;
  }

  /* line 144, ../sass/_fresco.scss */
  .fr-ui-outside.fr-no-sides .fr-container {
    padding: 0px 48px;
  }
}
/* padding ui:fullclick */
/* line 148, ../sass/_fresco.scss */
.fr-ui-fullclick .fr-container {
  padding: 0;
}

/* line 149, ../sass/_fresco.scss */
.fr-ui-fullclick.fr-no-sides .fr-container {
  padding: 0;
}

/* video fullclick */
/* line 152, ../sass/_fresco.scss */
.fr-ui-fullclick.fr-type-video .fr-container {
  padding: 0px 62px;
}

/* line 153, ../sass/_fresco.scss */
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
  padding: 48px 0px;
}

/* overflow-y should always have 0 padding top and bottom */
/* line 156, ../sass/_fresco.scss */
.fr-overflow-y .fr-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 162, ../sass/_fresco.scss */
.fr-content,
.fr-content-background {
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
     during animation with overflow:hidden */
  overflow: visible;
}

/* img/iframe/error */
/* line 173, ../sass/_fresco.scss */
.fr-content-element {
  float: left;
  width: 100%;
  height: 100%;
}

/* line 179, ../sass/_fresco.scss */
.fr-content-background {
  background: #101010;
}

/* line 183, ../sass/_fresco.scss */
.fr-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* line 200, ../sass/_fresco.scss */
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: none;
  opacity: 1;
}

/* line 211, ../sass/_fresco.scss */
.fr-ui-inside .fr-info-background {
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
}

/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
/* line 217, ../sass/_fresco.scss */
.fr-ui-outside .fr-info-background {
  background: #0d0d0d;
}

/* info at the bottom for ui:inside */
/* line 221, ../sass/_fresco.scss */
.fr-content .fr-info {
  top: auto;
  bottom: 0;
}

/* line 226, ../sass/_fresco.scss */
.fr-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

/* line 234, ../sass/_fresco.scss */
.fr-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

/* line 240, ../sass/_fresco.scss */
.fr-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* positions not within the info bar
   for ui:outside/inside */
/* line 253, ../sass/_fresco.scss */
.fr-position-outside,
.fr-position-inside {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 12px;
  width: auto;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  display: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* line 276, ../sass/_fresco.scss */
.fr-position-inside {
  border: 0;
}

/* line 280, ../sass/_fresco.scss */
.fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
  /* oldIE */
}

/* line 291, ../sass/_fresco.scss */
.fr-position-text {
  color: #b3b3b3;
}

/* line 292, ../sass/_fresco.scss */
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
  float: left;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 1;
}

/* display it for the outside ui, hide the caption inside */
/* line 301, ../sass/_fresco.scss */
.fr-ui-outside .fr-position-outside {
  display: block;
}

/* line 302, ../sass/_fresco.scss */
.fr-ui-outside .fr-info .fr-position {
  display: none;
}

/* line 304, ../sass/_fresco.scss */
.fr-ui-inside.fr-no-caption .fr-position-inside {
  display: block;
}

/* links */
/* line 307, ../sass/_fresco.scss */
.fr-info a,
.fr-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}

/* line 314, ../sass/_fresco.scss */
.fr-info a:hover {
  color: #eee;
}

/* no-caption */
/* line 317, ../sass/_fresco.scss */
.fr-ui-outside.fr-no-caption .fr-info {
  display: none;
}

/* line 318, ../sass/_fresco.scss */
.fr-ui-inside.fr-no-caption .fr-caption {
  display: none;
}

/* --- stroke */
/* line 322, ../sass/_fresco.scss */
.fr-stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

/* line 329, ../sass/_fresco.scss */
.fr-stroke-vertical {
  width: 1px;
  height: 100%;
}

/* line 330, ../sass/_fresco.scss */
.fr-stroke-horizontal {
  padding: 0 1px;
}

/* line 332, ../sass/_fresco.scss */
.fr-stroke-right {
  left: auto;
  right: 0;
}

/* line 333, ../sass/_fresco.scss */
.fr-stroke-bottom {
  top: auto;
  bottom: 0;
}

/* line 335, ../sass/_fresco.scss */
.fr-stroke-color {
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
}

/* the stroke is brighter inside the info box */
/* line 343, ../sass/_fresco.scss */
.fr-info .fr-stroke-color {
  background: rgba(80, 80, 80, 0.3);
}

/* remove the stroke when outside ui has a caption */
/* line 346, ../sass/_fresco.scss */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom {
  display: none;
}

/* remove stroke and shadow when ui:fullclick */
/* line 349, ../sass/_fresco.scss */
.fr-ui-fullclick .fr-stroke {
  display: none;
}

/* line 350, ../sass/_fresco.scss */
.fr-ui-fullclick .fr-content-background {
  box-shadow: none;
}

/* the info box never bas a top stroke */
/* line 353, ../sass/_fresco.scss */
.fr-info .fr-stroke-top {
  display: none;
}

/* < > */
/* line 358, ../sass/_fresco.scss */
.fr-side {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  zoom: 1;
}

/* line 371, ../sass/_fresco.scss */
.fr-side-previous {
  left: 0;
}

/* line 372, ../sass/_fresco.scss */
.fr-side-next {
  right: 0;
  left: auto;
}

/* line 374, ../sass/_fresco.scss */
.fr-side-disabled {
  cursor: default;
}

/* line 375, ../sass/_fresco.scss */
.fr-side-hidden {
  display: none !important;
}

/* line 377, ../sass/_fresco.scss */
.fr-side-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 384, ../sass/_fresco.scss */
.fr-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
  background-color: #ccc;
}

/* line 393, ../sass/_fresco.scss */
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
  /* line 405, ../sass/_fresco.scss */
  .fr-side {
    width: 54px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
  }

  /* line 411, ../sass/_fresco.scss */
  .fr-side-button {
    width: 48px;
    height: 60px;
    margin: 0 3px;
  }
}
/* X */
/* line 420, ../sass/_fresco.scss */
.fr-close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 432, ../sass/_fresco.scss */
.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* line 442, ../sass/_fresco.scss */
.fr-close-background {
  background-color: #000;
}

/* Thumbnails */
/* line 448, ../sass/_fresco.scss */
.fr-thumbnails {
  position: absolute;
  overflow: hidden;
}

/* line 452, ../sass/_fresco.scss */
.fr-thumbnails-disabled .fr-thumbnails {
  display: none !important;
}

/* line 453, ../sass/_fresco.scss */
.fr-thumbnails-horizontal .fr-thumbnails {
  width: 100%;
  height: 12%;
  min-height: 74px;
  max-height: 160px;
  bottom: 0;
}

/* line 461, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails {
  height: 100%;
  width: 10%;
  min-width: 74px;
  max-width: 160px;
  left: 0;
}

/* line 469, ../sass/_fresco.scss */
.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 478, ../sass/_fresco.scss */
.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}

/* line 484, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

/* line 489, ../sass/_fresco.scss */
.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

/* line 497, ../sass/_fresco.scss */
.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* line 504, ../sass/_fresco.scss */
.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

/* line 513, ../sass/_fresco.scss */
.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

/* line 520, ../sass/_fresco.scss */
.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

/* line 526, ../sass/_fresco.scss */
.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}

/* line 536, ../sass/_fresco.scss */
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden;
  /* IE6(7) */
  z-index: 1;
  zoom: 1;
}

/* line 542, ../sass/_fresco.scss */
.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline;
  /* IE6(7) */
  z-index: 0;
  /* IE8 */
}

/* line 553, ../sass/_fresco.scss */
.fr-thumbnail-overlay {
  cursor: pointer;
}

/* line 554, ../sass/_fresco.scss */
.fr-thumbnail-active .fr-thumbnail-overlay {
  cursor: default;
}

/* line 555, ../sass/_fresco.scss */
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
}

/* line 568, ../sass/_fresco.scss */
.fr-ltIE9 .fr-thumbnail-overlay-border {
  border-width: 0 !important;
}

/* line 569, ../sass/_fresco.scss */
.fr-thumbnail .fr-thumbnail-image {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}

/* line 575, ../sass/_fresco.scss */
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=99);
  opacity: .99;
}

/* line 580, ../sass/_fresco.scss */
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=35);
  opacity: .35;
}

/* line 585, ../sass/_fresco.scss */
.fr-thumbnail-active {
  cursor: default;
}

/* Thumbnails loading */
/* line 588, ../sass/_fresco.scss */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 597, ../sass/_fresco.scss */
.fr-thumbnail-loading-background {
  background-color: #161616;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}

/* this element is there as an alternative to putting the loading image on the background */
/* line 606, ../sass/_fresco.scss */
.fr-thumbnail-loading-icon {
  display: none;
}

/* error on thumbnail */
/* line 609, ../sass/_fresco.scss */
.fr-thumbnail-error .fr-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ca3434;
}

/* Thumbnail < > */
/* line 620, ../sass/_fresco.scss */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}

/* line 628, ../sass/_fresco.scss */
.fr-thumbnails-side-previous {
  margin-left: 12px;
}

/* line 629, ../sass/_fresco.scss */
.fr-thumbnails-side-next {
  margin-right: 12px;
}

/* line 631, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-side {
  height: 28px;
  width: 100%;
  margin: 10px 0;
}

/* line 636, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
  margin-top: 20px;
}

/* line 637, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-side-next {
  margin-bottom: 20px;
}

/* line 639, ../sass/_fresco.scss */
.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

/* line 650, ../sass/_fresco.scss */
.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}

/* line 665, ../sass/_fresco.scss */
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
  background-color: #3b3b3b;
}

/* line 667, ../sass/_fresco.scss */
.fr-thumbnails-side-button-disabled * {
  cursor: default;
}

/* line 668, ../sass/_fresco.scss */
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background {
  background-color: #333;
}

/* line 670, ../sass/_fresco.scss */
.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  /*top: -7px;
  left: -7px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
/* line 683, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame {
  clear: both;
}

/* ui:fullclick has a dark thumbnail background */
/* line 688, ../sass/_fresco.scss */
.fr-window-ui-fullclick .fr-thumbnails {
  background: #090909;
}

/* put a stroke on the connecting caption*/
/* line 691, ../sass/_fresco.scss */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom {
  display: block !important;
}

/*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
/* line 692, ../sass/_fresco.scss */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left {
  display: block !important;
}

/* thumbnail spacing  */
/* line 695, ../sass/_fresco.scss */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
  padding: 12px 5px;
}

/* line 696, ../sass/_fresco.scss */
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
  padding: 5px 12px;
}

/* line 697, ../sass/_fresco.scss */
.fr-thumbnails-measured .fr-thumbnails-thumbs {
  padding: 0 !important;
}

/* horizontal */
@media all and (min-height: 700px) {
  /* line 700, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 16px 8px;
  }

  /* line 701, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side {
    margin: 0 8px;
  }

  /* line 702, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
    margin-left: 16px;
  }

  /* line 703, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side-next {
    margin-right: 16px;
  }
}
@media all and (min-height: 980px) {
  /* line 706, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 20px 10px;
  }

  /* line 707, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side {
    margin: 0 10px;
  }

  /* line 708, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
    margin-left: 20px;
  }

  /* line 709, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails-side-next {
    margin-right: 20px;
  }
}
/* vertical */
@media all and (min-width: 1200px) {
  /* line 714, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 8px 16px;
  }

  /* line 715, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side {
    margin: 0 8px;
  }

  /* line 716, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 16px;
  }

  /* line 717, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 16px;
  }
}
@media all and (min-width: 1800px) {
  /* line 720, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 10px 20px;
  }

  /* line 721, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side {
    margin: 10px 0;
  }

  /* line 722, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 20px;
  }

  /* line 723, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 20px;
  }
}
/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) {
  /* line 731, ../sass/_fresco.scss */
  .fr-thumbnails-horizontal .fr-thumbnails {
    display: none !important;
  }
}
@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
  /* line 735, ../sass/_fresco.scss */
  .fr-thumbnails-vertical .fr-thumbnails {
    display: none !important;
  }
}
/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
  /* line 743, ../sass/_fresco.scss */
  .fr-page {
    min-width: 100%;
  }

  /* fullclick */
  /* line 744, ../sass/_fresco.scss */
  .fr-page {
    min-height: 100%;
  }

  /* overflow: false */
}
/* switch between ui modes
   we force everything not in the current UI mode to hide
*/
/* line 751, ../sass/_fresco.scss */
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,
.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,
.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
  display: none !important;
}

/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/
/* line 781, ../sass/_fresco.scss */
.fr-toggle-ui {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

/* line 786, ../sass/_fresco.scss */
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
  opacity: 1;
}

/* line 789, ../sass/_fresco.scss */
.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

/* line 794, ../sass/_fresco.scss */
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  display: none;
}

/* Spinner */
/* line 798, ../sass/_fresco.scss */
.fr-spinner {
  position: fixed;
  width: 52px;
  height: 52px;
  background: #101010;
  background: rgba(16, 16, 16, 0.85);
  border-radius: 5px;
}

/* line 806, ../sass/_fresco.scss */
.fr-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64%;
  width: 64%;
  margin-left: 18%;
  margin-top: 18%;
  opacity: 1;
  -webkit-animation: fresco-12 1.2s infinite ease-in-out;
  animation: fresco-12 1.2s infinite ease-in-out;
}

/* line 819, ../sass/_fresco.scss */
.fr-spinner div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 8px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 1px transparent;
  /* fixes rendering in Firefox */
}

/* line 831, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-1 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

/* line 832, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-2 {
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

/* line 833, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-3 {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

/* line 834, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-4 {
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

/* line 835, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-5 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

/* line 836, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-6 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

/* line 837, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-6 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

/* line 838, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-7 {
  -ms-transform: rotate(210deg);
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

/* line 839, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-8 {
  -ms-transform: rotate(240deg);
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

/* line 840, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-9 {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

/* line 841, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-10 {
  -ms-transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

/* line 842, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-11 {
  -ms-transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

/* line 843, ../sass/_fresco.scss */
.fr-spinner div.fr-spin-12 {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@-webkit-keyframes fresco-12 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fresco-12 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Thumbnail spinner */
/* line 855, ../sass/_fresco.scss */
.fr-thumbnail-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}

/* line 864, ../sass/_fresco.scss */
.fr-thumbnail-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
  animation: fr-thumbnail-spin 1.1s infinite linear;
}

/* line 877, ../sass/_fresco.scss */
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

@-webkit-keyframes fr-thumbnail-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fr-thumbnail-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Error */
/* line 894, ../sass/_fresco.scss */
.fr-error {
  float: left;
  position: relative;
  background-color: #ca3434;
  width: 160px;
  height: 160px;
}

/* line 902, ../sass/_fresco.scss */
.fr-error-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}

/* skin: 'fresco' */
/* Sprite */
/* line 915, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url("/product/zam/assets/css/skins/fresco/sprite.svg");
}

/* fallback png sprite */
/* line 922, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url("/product/zam/assets/css/skins/fresco/sprite.png");
}

/* line 929, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-error-icon {
  background-position: -160px -126px;
}

/* line 931, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-content-background {
  background: #101010;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

/* line 935, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
  box-shadow: none;
}

/* thumbnail shadow */
/* line 938, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* line 939, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

/* < > */
/* line 943, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-button-background {
  background-color: transparent;
}

/* line 944, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
  background-position: -13px -14px;
}

/* line 945, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
  background-position: -93px -14px;
}

/* line 947, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
  background-position: -13px -114px;
}

/* line 948, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
  background-position: -93px -114px;
}

/* transition (png) */
/* line 951, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
  background-position: -13px -114px;
}

/* line 953, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
  background-position: -93px -114px;
}

/* disabled state (png) */
/* line 957, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
  background-position: -13px -214px;
}

/* line 960, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
  background-position: -93px -214px;
}

/* transition (svg) */
/* line 965, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
  background-position: -13px -114px;
}

/* line 966, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
  background-position: -93px -114px;
}

/* line 967, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-side-button-icon {
  opacity: .5;
}

/* line 969, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon {
  opacity: 1;
}

/* line 973, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon {
  opacity: .8;
}

/* touch always active but at lower opacity */
/* disabled (svg) */
/* line 976, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon {
  opacity: .2;
}

/* TODO: make sure this works */
/* hide for ui:inside/fullclick, only for the image type */
/* line 983, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon {
  background-image: none;
}

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
  /* line 989, ../sass/_fresco.scss */
  .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
    background-position: 0px -300px;
  }

  /* line 990, ../sass/_fresco.scss */
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
    background-position: -48px -300px;
  }

  /* line 992, ../sass/_fresco.scss */
  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
    background-position: 0px -360px;
  }

  /* line 993, ../sass/_fresco.scss */
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* transition (png) */
  /* line 996, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
    background-position: 0px -360px;
  }

  /* line 998, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* transition (svg) */
  /* line 1002, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
    background-position: 0px -360px;
  }

  /* line 1003, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* disabled state (png) */
  /* line 1006, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
    background-position: 0px -420px;
  }

  /* line 1010, ../sass/_fresco.scss */
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
    background-position: -48px -420px;
  }
}
/* X */
/* colors */
/* line 1017, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
  background-color: #363636;
}

/* line 1018, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {
  background-color: #434343;
}

/* line 1020, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
  background-color: #131313;
  filter: alpha(opacity=80);
  opacity: .8;
}

/* line 1022, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background {
  background-color: #191919;
}

/* - image */
/* line 1026, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-close .fr-close-icon {
  background-position: -168px -8px;
}

/* line 1027, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
  background-position: -210px -8px;
}

/* - transition */
/* line 1030, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background-position: -210px -8px;
  opacity: .8;
}

/* line 1034, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
  opacity: 1;
}

/* Thumbnails */
/* line 1037, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

/* line 1042, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* line 1043, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

/* line 1044, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}

/* line 1047, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.08);
  /* should remain rgba */
}

/* no inner border on active thumbnail */
/* line 1052, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
  border: 0px;
}

/* Thumbnails < > */
/* line 1056, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
  background-position: -167px -49px;
}

/* line 1057, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
  background-position: -209px -49px;
}

/* line 1058, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
  background-position: -167px -91px;
}

/* line 1059, ../sass/_fresco.scss */
.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
  background-position: -209px -91px;
}

/* vertical ^ (up/down) adjustments */
/* line 1061, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
  background-position: -293px -49px;
}

/* line 1062, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
  background-position: -335px -49px;
}

/* line 1063, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
  background-position: -293px -91px;
}

/* line 1064, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
  background-position: -335px -91px;
}

/* Thumbnails < > transition */
/* line 1067, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}

/* line 1073, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
  background-position: -167px -49px;
}

/* line 1075, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
  background-position: -209px -91px;
}

/* line 1077, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon {
  opacity: 1;
}

/* vertical ^ (up/down) adjustments */
/* line 1079, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
  background-position: -293px -49px;
}

/* line 1081, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
  background-position: -335px -91px;
}

/* lower opacity on disabled states */
/* line 1085, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled {
  opacity: .5;
}

/* lower opacity IE < 9 using images */
/* line 1089, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -49px;
}

/* line 1093, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -91px;
}

/* line 1097, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}

/* vertical ^ (up/down) adjustments */
/* line 1102, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -49px;
}

/* line 1106, ../sass/_fresco.scss */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -91px;
}

/* line 10, ../sass/_case-sub.scss */
.case-cases .categorize-title {
  width: 260px;
}
/* line 12, ../sass/_case-sub.scss */
.case-cases .categorize-title img {
  height: 14px;
}
/* line 16, ../sass/_case-sub.scss */
.case-cases .contentZone {
  padding-bottom: 140px;
}
/* line 19, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap {
  overflow: hidden;
}
/* line 21, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap .grid3 {
  width: 990px;
  margin-left: -30px;
  margin-right: 0;
}
/* line 25, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap .grid3 a {
  color: #000;
  text-decoration: none;
}
/* line 29, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap .grid3 li {
  width: 330px;
  text-align: center;
  padding-bottom: 20px;
}
/* line 34, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap .grid3 li:first-child {
  padding-left: 30px;
}
/* line 39, ../sass/_case-sub.scss */
.case-cases .casesImage-wrap .caption {
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 8px;
  line-height: 1.667;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 53, ../sass/_case-sub.scss */
.case-cases .caseContent_1 {
  padding-bottom: 48px;
}
/* line 56, ../sass/_case-sub.scss */
.case-cases .explain {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 12px 0 24px;
}
/* line 63, ../sass/_case-sub.scss */
.case-cases .caseContent_2 .imgwrap_withCaption .imgwrap-inner {
  width: 210px;
  padding-left: 2px;
}
/* line 66, ../sass/_case-sub.scss */
.case-cases .caseContent_2 .imgwrap_withCaption .imgwrap-inner:first-child {
  width: 208px;
  padding-left: 0;
}
/* line 71, ../sass/_case-sub.scss */
.case-cases .caseContent_2 .imgwrap_withCaption img {
  vertical-align: bottom;
}

/* line 81, ../sass/_case-sub.scss */
.case-product .headerZone .container, .case-product .headerZone .case-index .caseListLinks, .case-index .case-product .headerZone .caseListLinks {
  padding: 96px 0 92px;
}
/* line 84, ../sass/_case-sub.scss */
.case-product .headerZone .lead-secondary_alt, .quality-secularCase aside .case-product .headerZone .aside-title, .case-product .headerZone aside .aside-title, .case-product aside .headerZone .aside-title {
  margin-top: 48px;
  color: #FFF;
  font-weight: bold;
}
/* line 90, ../sass/_case-sub.scss */
.case-product .caseContent_0 {
  border-top: 0;
}
/* line 93, ../sass/_case-sub.scss */
.case-product .contentZone {
  padding-top: 30px;
  padding-bottom: 110px;
}
/* line 97, ../sass/_case-sub.scss */
.case-product .contentZone .aleft {
  width: 630px;
}
/* line 100, ../sass/_case-sub.scss */
.case-product .contentZone .aright {
  width: 260px;
}
/* line 104, ../sass/_case-sub.scss */
.case-product .company_row, .case-product .productinfo-row {
  vertical-align: middle;
}
/* line 108, ../sass/_case-sub.scss */
.case-product .company_row {
  min-height: 48px;
  line-height: 48px;
  position: relative;
  vertical-align: baseline;
  border-bottom: 1px solid #e6e6e7;
}
/* line 116, ../sass/_case-sub.scss */
.case-product .productinfo-row {
  padding: 12px 0 0;
}
/* line 118, ../sass/_case-sub.scss */
.case-product .productinfo-row.pics {
  border-bottom: 1px solid #e6e6e7;
  padding-bottom: 12px;
}
/* line 123, ../sass/_case-sub.scss */
.case-product .company_name {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #006ab8;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  float: left;
  width: 630px;
  line-height: 1.4;
  /*
  overflow: hidden;
  text-overflow: ellipsis;
  */
  white-space: nowrap;
}
/* line 135, ../sass/_case-sub.scss */
.case-product .company_logowrap {
  position: absolute;
  right: 0;
  width: 136px;
  overflow: hidden;
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 143, ../sass/_case-sub.scss */
.case-product .company_logo {
  width: 100%;
  vertical-align: bottom;
}
/* line 149, ../sass/_case-sub.scss */
.case-product .productinfo-title {
  float: left;
  color: #000;
  width: 120px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.166;
  font-weight: bold;
  position: relative;
  padding-left: 22px;
}
/* line 151, ../sass/_case-sub.scss */
.case-product .productinfo-title.full {
  float: none;
  clear: both;
  width: 100%;
  padding-bottom: 6px;
}
/* line 167, ../sass/_case-sub.scss */
.case-product .productinfo-title:before {
  position: absolute;
  top: 2px;
  left: 0;
  color: #006ab8;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 175, ../sass/_case-sub.scss */
.case-product .productinfo-lead {
  float: right;
  width: 490px;
  padding-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.714;
  border-bottom: 1px solid #e6e6e7;
}
/* line 182, ../sass/_case-sub.scss */
.case-product .productinfo-lead.primary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: bold;
  color: #006ab8;
}
/* line 189, ../sass/_case-sub.scss */
.case-product .casePic-wrap {
  padding-bottom: 4px;
}
/* line 191, ../sass/_case-sub.scss */
.case-product .casePic-wrap img {
  width: 100%;
}
/* line 195, ../sass/_case-sub.scss */
.case-product .casePic-lead {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.857;
  padding-bottom: 6px;
}

/* line 207, ../sass/_case-sub.scss */
.case-list .contentZone {
  padding-top: 60px;
}
/* line 211, ../sass/_case-sub.scss */
.case-list .listImage-wrap {
  position: relative;
  margin-bottom: 65px;
  height: 1106px;
}
/* line 215, ../sass/_case-sub.scss */
.case-list .listImage-wrap .small_caption {
  width: 140px;
  position: absolute;
  display: block;
  z-index: 1000;
  top: 600px;
  left: 330px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
}
/* line 226, ../sass/_case-sub.scss */
.case-list .illust-top {
  background: url('../img/case/caseList-illust1.png?1427354919') no-repeat bottom center;
  height: 411px;
  position: relative;
  z-index: 2;
}
/* line 232, ../sass/_case-sub.scss */
.case-list .illust-bottom {
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: 1;
  background: url('../img/case/caseList-illust2.png?1427354963') no-repeat top center;
  height: 695px;
}
/* line 241, ../sass/_case-sub.scss */
.case-list .illust-top li, .case-list .illust-bottom li {
  width: 164px;
  padding-left: 24px;
  height: 100%;
}
/* line 245, ../sass/_case-sub.scss */
.case-list .illust-top li:first-child, .case-list .illust-bottom li:first-child {
  width: 140px;
  padding-left: 0;
}
/* line 253, ../sass/_case-sub.scss */
.case-list .col1, .case-list .col2, .case-list .col3,
.case-list .col4, .case-list .col5, .case-list .col6 {
  letter-spacing: normal;
  text-align: center;
  height: 140px;
}
/* line 259, ../sass/_case-sub.scss */
.case-list .primary {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 264, ../sass/_case-sub.scss */
.case-list .primary.wh {
  background-color: #FFF;
  padding: 2px 10px;
}
/* line 269, ../sass/_case-sub.scss */
.case-list .primary_alt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 274, ../sass/_case-sub.scss */
.case-list .primary_alt span {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: normal;
  padding-top: 3px;
}
/* line 282, ../sass/_case-sub.scss */
.case-list .normal {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 288, ../sass/_case-sub.scss */
.case-list .small {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 293, ../sass/_case-sub.scss */
.case-list .small_alt {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 300, ../sass/_case-sub.scss */
.case-list .illust-top .row1 {
  margin-top: 108px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #FFF;
  line-height: 140px;
}
/* line 308, ../sass/_case-sub.scss */
.case-list .illust-top .col5 .row1, .case-list .illust-top .col6 .row1 {
  color: #000;
}
/* line 312, ../sass/_case-sub.scss */
.case-list .illust-top .col5 .row1 {
  line-height: 1em;
  margin-top: 144px;
}
/* line 316, ../sass/_case-sub.scss */
.case-list .illust-top .row2 {
  margin: 0 auto 38px;
  padding: 6px 0;
  background-color: #FFF;
}
/* line 321, ../sass/_case-sub.scss */
.case-list .illust-top .col1 .row2 {
  margin-top: 42px;
}
/* line 324, ../sass/_case-sub.scss */
.case-list .illust-top .col2 .row2 {
  margin-top: 66px;
}
/* line 327, ../sass/_case-sub.scss */
.case-list .illust-top .col3 .row2 {
  margin-top: 66px;
}
/* line 331, ../sass/_case-sub.scss */
.case-list .illust-top .col4 .row2 {
  margin-top: 22px;
}
/* line 333, ../sass/_case-sub.scss */
.case-list .illust-top .col4 .row2 .primary {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 337, ../sass/_case-sub.scss */
.case-list .illust-top .col5 .row2 {
  margin-top: 72px;
}
/* line 340, ../sass/_case-sub.scss */
.case-list .illust-top .col6 .row2 {
  margin-top: 42px;
}
/* line 348, ../sass/_case-sub.scss */
.case-list .col1 .row3 .primary,
.case-list .col1 .row4 .primary,
.case-list .col1 .row5 .primary,
.case-list .col2 .row5 .primary {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.1em;
}
/* line 354, ../sass/_case-sub.scss */
.case-list .illust-bottom .row3, .case-list .illust-bottom .row4, .case-list .illust-bottom .row5, .case-list .illust-bottom .row6, .case-list .illust-bottom .row7 {
  height: 140px;
}
/* line 358, ../sass/_case-sub.scss */
.case-list .illust-bottom .col1 .row3, .case-list .illust-bottom .col1 .row4, .case-list .illust-bottom .col1 .row5 {
  color: #666;
  padding-top: 108px;
}
/* line 362, ../sass/_case-sub.scss */
.case-list .illust-bottom .col1 .row7 {
  padding-top: 60px;
}
/* line 367, ../sass/_case-sub.scss */
.case-list .illust-bottom .col2 .row3 {
  padding-top: 128px;
}
/* line 370, ../sass/_case-sub.scss */
.case-list .illust-bottom .col2 .row5 {
  color: #666;
  padding-top: 108px;
}
/* line 374, ../sass/_case-sub.scss */
.case-list .illust-bottom .col2 .row6 {
  padding-top: 122px;
}
/* line 379, ../sass/_case-sub.scss */
.case-list .illust-bottom .col3 .row3 {
  padding-top: 142px;
}
/* line 384, ../sass/_case-sub.scss */
.case-list .illust-bottom .col4 .row6 {
  padding-top: 34px;
}
/* line 387, ../sass/_case-sub.scss */
.case-list .illust-bottom .col4 .row7 {
  padding-top: 68px;
}
/* line 392, ../sass/_case-sub.scss */
.case-list .illust-bottom .col5 .row6 {
  padding-top: 34px;
}
/* line 397, ../sass/_case-sub.scss */
.case-list .illust-bottom .col6 .row4 {
  padding-top: 3px;
}
/* line 400, ../sass/_case-sub.scss */
.case-list .illust-bottom .col6 .row5 {
  padding-top: 34px;
}
/* line 403, ../sass/_case-sub.scss */
.case-list .illust-bottom .col6 .row6 {
  padding-top: 65px;
}
/* line 409, ../sass/_case-sub.scss */
.case-list .caseContent_1 {
  padding-bottom: 148px;
}
/* line 411, ../sass/_case-sub.scss */
.case-list .caseContent_1 .contentTitle_wrapper {
  padding-top: 32px;
  margin-bottom: 24px;
}
/* line 415, ../sass/_case-sub.scss */
.case-list .caseContent_1 .inner-title_primary {
  letter-spacing: normal;
}
/* line 418, ../sass/_case-sub.scss */
.case-list .caseContent_1 .lead-secondary_alt, .case-list .caseContent_1 .quality-secularCase aside .aside-title, .quality-secularCase aside .case-list .caseContent_1 .aside-title, .case-list .caseContent_1 .case-product aside .aside-title, .case-product aside .case-list .caseContent_1 .aside-title {
  font-weight: bold;
}

/* line 425, ../sass/_case-sub.scss */
.caseList-index .row:hover {
  background-color: transparent;
}
/* line 428, ../sass/_case-sub.scss */
.caseList-index .caseList-titleZam {
  height: 39px;
}
/* line 432, ../sass/_case-sub.scss */
.caseList-index .contentZone {
  padding: 56px 0 156px;
}
/* line 438, ../sass/_case-sub.scss */
.caseList-index .row:first-child a {
  border-top: 1px dotted #e6e6e7;
}
/* line 442, ../sass/_case-sub.scss */
.caseList-index .row h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.666;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
}
/* line 447, ../sass/_case-sub.scss */
.caseList-index .row h3 span {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 451, ../sass/_case-sub.scss */
.caseList-index .row a {
  line-height: 60px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  position: relative;
  border-bottom: 1px dotted #e6e6e7;
  height: 60px;
  width: 465px;
  padding: 0 6px 0 36px;
  color: #000;
  overflow: hidden;
}
/* line 464, ../sass/_case-sub.scss */
.caseList-index .row a:before, .caseList-index .row a:after {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 469, ../sass/_case-sub.scss */
.caseList-index .row a:after {
  top: -100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
/* line 479, ../sass/_case-sub.scss */
.caseList-index .row a:before {
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #006ab8;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #006ab8;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 0;
  font-size: 8pxpx;
  font-size: 0.8pxrem;
  padding-left: 1px;
}
/* line 497, ../sass/_case-sub.scss */
.caseList-index .row a:hover:after {
  top: 0;
  background: #ededed;
}
/* line 503, ../sass/_case-sub.scss */
.caseList-index .row .col-left {
  margin-right: 15px;
}
/* line 506, ../sass/_case-sub.scss */
.caseList-index .row .col-right {
  margin-left: 15px;
}

/* line 6, ../sass/_feedback.scss */
.contact .contentZone {
  padding-top: 116px;
}
/* line 9, ../sass/_feedback.scss */
.contact .page-title {
  padding: 0;
  font-weight: bold;
}
/* line 13, ../sass/_feedback.scss */
.contact .pate-title_en {
  margin-top: 48px;
}
/* line 16, ../sass/_feedback.scss */
.contact .lead-memo, .contact .testConditions li, .testConditions .contact li, .contact .testCondition-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-bottom: 24px;
}

/* line 21, ../sass/_feedback.scss */
.contact-footerNote {
  background-color: #fae5e5;
  text-align: center;
  padding: 18px 24px;
  margin: 12px auto 24px;
}

/* line 27, ../sass/_feedback.scss */
.contact-footerNoteLead {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
}

/* line 31, ../sass/_feedback.scss */
.contact-footerNoteTitle {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: bold;
}

/* line 37, ../sass/_feedback.scss */
.contactForm-section {
  padding: 56px 0 124px;
}
/* line 39, ../sass/_feedback.scss */
.contactForm-section .lead-wrap {
  position: relative;
  margin-bottom: 12px;
}
/* line 43, ../sass/_feedback.scss */
.contactForm-section .caution-parent {
  position: relative;
}
/* line 46, ../sass/_feedback.scss */
.contactForm-section .caution {
  font-size: 12px;
  font-size: 1.2rem;
  color: #d10000;
  position: absolute;
  top: 0px;
  right: 0;
}
/* line 53, ../sass/_feedback.scss */
.contactForm-section .progressbar {
  margin-top: 12px;
}
/* line 56, ../sass/_feedback.scss */
.contactForm-section .formInner {
  margin: 24px auto 0;
  background-color: #ededed;
  padding: 24px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 61, ../sass/_feedback.scss */
.contactForm-section .formInner [class^="area-"] {
  margin-bottom: 24px;
}
/* line 63, ../sass/_feedback.scss */
.contactForm-section .formInner [class^="area-"].last {
  margin-bottom: 0;
}
/* line 67, ../sass/_feedback.scss */
.contactForm-section .formInner .title-normal {
  margin-bottom: 24px;
  color: #006ab8;
  text-align: center;
}
/* line 72, ../sass/_feedback.scss */
.contactForm-section .formInner .customSelect, .contactForm-section .formInner .row {
  margin-bottom: 1px;
}
/* line 75, ../sass/_feedback.scss */
.contactForm-section .formInner .customSelect .customSelectInner:before {
  right: -5px;
}
/* line 79, ../sass/_feedback.scss */
.contactForm-section .row.top, .contactForm-section .customSelect.top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 82, ../sass/_feedback.scss */
.contactForm-section .row.bottom, .contactForm-section .customSelect.bottom {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 85, ../sass/_feedback.scss */
.contactForm-section .lead-small {
  background-color: #e5e9ea;
  padding: 12px 0;
  margin-top: 12px;
}
/* line 89, ../sass/_feedback.scss */
.contactForm-section .lead-small span {
  font-weight: bold;
}
/* line 91, ../sass/_feedback.scss */
.contactForm-section [class^="btn-wrap"] {
  margin-top: 12px;
}
/* line 95, ../sass/_feedback.scss */
.contactForm-section .row-kikaku .col1 input {
  width: 192px;
  padding-right: 30px;
}
/* line 100, ../sass/_feedback.scss */
.contactForm-section .row-kikaku .col2 {
  border-right: 1px solid #e5e9ea;
  border-left: 1px solid #e5e9ea;
}
/* line 104, ../sass/_feedback.scss */
.contactForm-section .row-kikaku .col3 {
  width: 286px;
}
/* line 109, ../sass/_feedback.scss */
.contactForm-section .row-suryo .col1 input {
  width: 192px;
  padding-right: 30px;
}
/* line 113, ../sass/_feedback.scss */
.contactForm-section .row-suryo .col2 {
  width: 506px;
  border-right: 1px solid #e5e9ea;
}
/* line 117, ../sass/_feedback.scss */
.contactForm-section .row-suryo .col2 .add-label {
  position: relative;
  top: auto;
  left: auto;
  float: left;
  margin-top: 0;
  line-height: 48px;
}
/* line 125, ../sass/_feedback.scss */
.contactForm-section .row-suryo .col2 .add-label.left {
  padding-left: 12px;
  padding-right: 16px;
}
/* line 134, ../sass/_feedback.scss */
.contactForm-section .row-nouki .col {
  width: 342px;
  border-right: 1px solid #e5e9ea;
  border-left: 1px solid #e5e9ea;
}
/* line 139, ../sass/_feedback.scss */
.contactForm-section .row-nouki .col.col2 {
  border-left: 0px solid #e5e9ea;
}
/* line 143, ../sass/_feedback.scss */
.contactForm-section .row-nouki .customSelectInner {
  text-align: left;
}
/* line 150, ../sass/_feedback.scss */
.contactForm-section .form-container.inquiryType_recruit .area-name {
  margin-bottom: 0;
}
/* line 153, ../sass/_feedback.scss */
.contactForm-section .form-container.inquiryType_recruit .area-zairyo {
  display: none;
}

/* line 167, ../sass/_feedback.scss */
.btn-borderd_primary {
  height: 60px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 465px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background-color: #9c9ca2;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 180, ../sass/_feedback.scss */
.btn-borderd_primary p, .btn-borderd_primary .animation-swingFront_child {
  padding: 20px 0;
}
/* line 183, ../sass/_feedback.scss */
.btn-borderd_primary:before {
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -8px;
}
/* line 189, ../sass/_feedback.scss */
.btn-borderd_primary.btn-right {
  margin-left: 30px;
}
/* line 191, ../sass/_feedback.scss */
.btn-borderd_primary.btn-right:before {
  left: auto;
  right: 24px;
}

/* line 197, ../sass/_feedback.scss */
#submit_clear, #submit_reset {
  background-color: #ededed;
  color: #000;
}

/* line 201, ../sass/_feedback.scss */
#submit_confirm, #submit_send, #button_complete {
  background-color: #006ab8;
  color: #FFF;
}
/* line 204, ../sass/_feedback.scss */
#submit_confirm.invalid, #submit_send.invalid, #button_complete.invalid {
  background-color: #FFF;
}

/* line 208, ../sass/_feedback.scss */
#button_complete {
  width: 100%;
  cursor: auto;
}
/* line 211, ../sass/_feedback.scss */
#button_complete .sended-error {
  display: none;
}
/* line 214, ../sass/_feedback.scss */
#button_complete.invalid {
  background-color: #fae5e5;
  color: #d10000;
}
/* line 217, ../sass/_feedback.scss */
#button_complete.invalid .sended-error {
  display: block;
}
/* line 220, ../sass/_feedback.scss */
#button_complete.invalid .normal {
  display: none;
}

/* line 225, ../sass/_feedback.scss */
.animation-swingFront_parent {
  padding: 0;
  height: 60px;
  position: relative;
  overflow: hidden;
  -moz-perspective: 400px;
  -webkit-perspective: 400px;
  perspective: 400px;
  -moz-perspective-origin: 50% 50%;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

/* line 238, ../sass/_feedback.scss */
.animation-swingFront_child {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
/* line 246, ../sass/_feedback.scss */
.no-csstransitions .animation-swingFront_child, .no-csstransforms3d .animation-swingFront_child, .csstransforms .animation-swingFront_child {
  display: block;
}

/* line 253, ../sass/_feedback.scss */
.animation-swingFront_child.future {
  -moz-transform-origin: top 50% 50%;
  -ms-transform-origin: top 50% 50%;
  -webkit-transform-origin: top 50% 50%;
  transform-origin: top 50% 50%;
  -moz-transform: rotateX(-140deg);
  -ms-transform: rotateX(-140deg);
  -webkit-transform: rotateX(-140deg);
  transform: rotateX(-140deg);
  opacity: 0;
}
/* line 257, ../sass/_feedback.scss */
.no-csstransitions .animation-swingFront_child.future, .no-csstransforms3d .animation-swingFront_child.future, .csstransforms .animation-swingFront_child.future {
  display: none;
}

/* line 264, ../sass/_feedback.scss */
.animation-swingFront_child.past {
  -moz-transform-origin: bottom 50% 50%;
  -ms-transform-origin: bottom 50% 50%;
  -webkit-transform-origin: bottom 50% 50%;
  transform-origin: bottom 50% 50%;
  -moz-transform: rotateX(140deg);
  -ms-transform: rotateX(140deg);
  -webkit-transform: rotateX(140deg);
  transform: rotateX(140deg);
  opacity: 0;
}
/* line 268, ../sass/_feedback.scss */
.no-csstransitions .animation-swingFront_child.past, .no-csstransforms3d .animation-swingFront_child.past, .csstransforms .animation-swingFront_child.past {
  display: none;
}

/* line 283, ../sass/_feedback.scss */
.progressbar .step {
  background-color: #ededed;
  color: #9c9ca2;
  float: left;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 48px;
  width: 320px;
  text-align: center;
}
/* line 293, ../sass/_feedback.scss */
.progressbar .step .arrow {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46px;
  height: 48px;
  float: right;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #FFF;
  background-image: url('../img/contact/step-offoff.png?1427529035');
}
/* line 303, ../sass/_feedback.scss */
.progressbar .step.input {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/* line 306, ../sass/_feedback.scss */
.progressbar .step.complete {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* line 311, ../sass/_feedback.scss */
.step-input .progressbar .input {
  color: #FFF;
  background-color: #006ab8;
}
/* line 314, ../sass/_feedback.scss */
.step-input .progressbar .input .arrow {
  background-image: url('../img/contact/step-onoff.png?1427529049');
}
/* line 320, ../sass/_feedback.scss */
.step-confirm .progressbar .input, .step-confirm .progressbar .confirm {
  color: #FFF;
  background-color: #006ab8;
}
/* line 325, ../sass/_feedback.scss */
.step-confirm .progressbar .input .arrow {
  background-image: url('../img/contact/step-onon.png?1427529024');
}
/* line 330, ../sass/_feedback.scss */
.step-confirm .progressbar .confirm .arrow {
  background-image: url('../img/contact/step-onoff.png?1427529049');
}
/* line 336, ../sass/_feedback.scss */
.step-complete .progressbar .input, .step-complete .progressbar .confirm, .step-complete .progressbar .complete {
  color: #FFF;
  background-color: #006ab8;
}
/* line 339, ../sass/_feedback.scss */
.step-complete .progressbar .input .arrow, .step-complete .progressbar .confirm .arrow, .step-complete .progressbar .complete .arrow {
  background-image: url('../img/contact/step-onon.png?1427529024');
}

/* line 348, ../sass/_feedback.scss */
.step-confirm form .contact-row, .step-confirm form .customSelect {
  color: #000;
  background-color: #fafafa;
  border-bottom: 1px solid #a5cae6;
}
/* line 353, ../sass/_feedback.scss */
.step-confirm form input, .step-confirm form textarea, .step-confirm form options {
  color: #006ab8;
  font-weight: bold;
}
/* line 357, ../sass/_feedback.scss */
.step-confirm form .required:before {
  color: #006ab8;
}
/* line 360, ../sass/_feedback.scss */
.step-confirm form .customSelectInner:before {
  display: none;
}
/* line 363, ../sass/_feedback.scss */
.step-confirm form .errormessage {
  display: none;
}

/* line 369, ../sass/_feedback.scss */
.btn-wrap_confirm, .btn-wrap_complete {
  display: none;
}

/* line 373, ../sass/_feedback.scss */
.step-confirm .btn-wrap_confirm {
  display: block;
}
/* line 376, ../sass/_feedback.scss */
.step-confirm .btn-wrap_input, .step-confirm .btn-wrap_complete {
  display: none;
}

/* line 381, ../sass/_feedback.scss */
.step-complete .btn-wrap_input, .step-complete .btn-wrap_confirm {
  display: none;
}
/* line 384, ../sass/_feedback.scss */
.step-complete .btn-wrap_complete {
  display: block;
}

/* line 390, ../sass/_feedback.scss */
.customSelect {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 24px 20px;
  width: 100%;
  text-align: center;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 398, ../sass/_feedback.scss */
.customSelect + .customSelect {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}

/* line 406, ../sass/_feedback.scss */
.customSelectInner {
  position: relative;
}

/* line 407, ../sass/_feedback.scss */
.customSelectInner:before {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: 'navigatedown';
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
}
/* line 429, ../sass/_feedback.scss */
.required .customSelectInner:before {
  color: #d10000;
}

/* line 436, ../sass/_feedback.scss */
.select_bordered {
  border: 3px solid #006ab8;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 439, ../sass/_feedback.scss */
.invalid + .select_bordered {
  border: 3px solid #d10000;
}

/* line 443, ../sass/_feedback.scss */
.select_normal {
  padding-top: 18px;
  padding-bottom: 18px;
  background-color: #FFF;
  color: #000;
}

/* line 452, ../sass/_feedback.scss */
.selectWrap {
  position: relative;
}

/* line 462, ../sass/_feedback.scss */
.customSelect.customSelectOpen .customSelectInner:before {
  content: 'navigateup';
}

/* line 475, ../sass/_feedback.scss */
.contact-row_bottom {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* line 478, ../sass/_feedback.scss */
.contact-row_top {
  margin-top: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 483, ../sass/_feedback.scss */
.contact-row {
  margin-top: 1px;
  position: relative;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  padding: 0px 24px;
  min-height: 48px;
}
/* line 492, ../sass/_feedback.scss */
.contact-row .label-ttl {
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 24px;
  color: #000;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 502, ../sass/_feedback.scss */
.contact-row .inputwrap {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  padding-left: 280px;
  position: relative;
}
/* line 509, ../sass/_feedback.scss */
.contact-row .inputwrap.required:before {
  content: "*";
  font-size: 20px;
  font-size: 2rem;
  color: #d10000;
  font-weight: bold;
  position: absolute;
  top: 18px;
  right: -2px;
}
/* line 522, ../sass/_feedback.scss */
.contact-row input[type="text"], .contact-row input[type="mail"], .contact-row input[type="seach"], .contact-row textarea {
  margin-top: 8px;
  width: 100%;
  padding-left: 280px;
  line-height: 1.5em;
  border: 0;
  background-color: transparent;
}
/* line 61, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.contact-row input[type="text"]:-moz-placeholder, .contact-row input[type="mail"]:-moz-placeholder, .contact-row input[type="seach"]:-moz-placeholder, .contact-row textarea:-moz-placeholder {
  color: #7F7F7F;
}
/* line 64, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.contact-row input[type="text"]::-moz-placeholder, .contact-row input[type="mail"]::-moz-placeholder, .contact-row input[type="seach"]::-moz-placeholder, .contact-row textarea::-moz-placeholder {
  color: #7F7F7F;
}
/* line 67, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.contact-row input[type="text"]:-ms-input-placeholder, .contact-row input[type="mail"]:-ms-input-placeholder, .contact-row input[type="seach"]:-ms-input-placeholder, .contact-row textarea:-ms-input-placeholder {
  color: #7F7F7F;
}
/* line 56, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.contact-row input[type="text"]::-webkit-input-placeholder, .contact-row input[type="mail"]::-webkit-input-placeholder, .contact-row input[type="seach"]::-webkit-input-placeholder, .contact-row textarea::-webkit-input-placeholder {
  color: #7F7F7F;
}
/* line 533, ../sass/_feedback.scss */
.contact-row input {
  height: 32px;
}
/* line 535, ../sass/_feedback.scss */
.contact-row input:focus {
  outline-width: 0px;
}
/* line 539, ../sass/_feedback.scss */
.contact-row textarea {
  padding-top: 7px;
  height: 195px;
}
/* line 544, ../sass/_feedback.scss */
.contact-row.required:before {
  content: "*";
  font-size: 20px;
  font-size: 2rem;
  color: #d10000;
  font-weight: bold;
  position: absolute;
  top: 18px;
  right: 22px;
}
/* line 554, ../sass/_feedback.scss */
.contact-row .errormessage {
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  color: #d10000;
  font-weight: bold;
}
/* line 560, ../sass/_feedback.scss */
.contact-row .col-wrap {
  float: right;
}
/* line 563, ../sass/_feedback.scss */
.contact-row .col {
  min-height: 48px;
  float: left;
  position: relative;
}
/* line 567, ../sass/_feedback.scss */
.contact-row .col input[type="text"], .contact-row .col input[type="mail"] {
  width: 218px;
  padding-right: 64px;
  padding-left: 46px;
}
/* line 573, ../sass/_feedback.scss */
.contact-row .add-label {
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
/* line 579, ../sass/_feedback.scss */
.contact-row .add-label.left {
  left: 12px;
}
/* line 582, ../sass/_feedback.scss */
.contact-row .add-label.right {
  right: 12px;
}
/* line 586, ../sass/_feedback.scss */
.contact-row .radio-label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  line-height: 48px;
  vertical-align: middle;
  margin-right: 9px;
  position: relative;
  padding-left: 24px;
  padding-right: 12px;
}
/* line 597, ../sass/_feedback.scss */
.contact-row .radio-label [type="radio"] {
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 6px;
  text-align: center;
  display: none;
}
/* line 604, ../sass/_feedback.scss */
.ie-8 .contact-row .radio-label [type="radio"], .ie-9 .contact-row .radio-label [type="radio"] {
  display: inline-block;
}
/* line 608, ../sass/_feedback.scss */
.ie-8 .contact-row .radio-label .radioBox, .ie-9 .contact-row .radio-label .radioBox {
  display: none;
}
/* line 611, ../sass/_feedback.scss */
.contact-row .radio-label .radioBox {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20px;
  height: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fcfcfc;
  border: 1px solid #b2b2b2;
}
/* line 624, ../sass/_feedback.scss */
.contact-row .radio-label input[type="radio"]:checked + .radioBox:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #666666;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -4px;
}

/* line 640, ../sass/_feedback.scss */
.invalid .label-ttl {
  color: #d10000;
}
/* line 643, ../sass/_feedback.scss */
.invalid input, .invalid textarea {
  color: #d10000;
}
/* line 61, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.invalid input:-moz-placeholder, .invalid textarea:-moz-placeholder {
  color: #e36666;
}
/* line 64, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.invalid input::-moz-placeholder, .invalid textarea::-moz-placeholder {
  color: #e36666;
}
/* line 67, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.invalid input:-ms-input-placeholder, .invalid textarea:-ms-input-placeholder {
  color: #e36666;
}
/* line 56, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets/compass/css3/_user-interface.scss */
.invalid input::-webkit-input-placeholder, .invalid textarea::-webkit-input-placeholder {
  color: #e36666;
}
/* line 649, ../sass/_feedback.scss */
.invalid .errormessage {
  display: inline;
  position: absolute;
  top: 18px;
  right: 40px;
}
/* line 655, ../sass/_feedback.scss */
.invalid.col .errormessage {
  right: 12px;
  top: 6px;
}
/* line 660, ../sass/_feedback.scss */
.invalid + span.customSelect .customSelectInner {
  color: #d10000;
}

/* line 665, ../sass/_feedback.scss */
.btn-wrap_input .btn.invalid {
  border: 3px solid #d10000;
  background-color: #FFF;
}
/* line 668, ../sass/_feedback.scss */
.btn-wrap_input .btn.invalid:before, .btn-wrap_input .btn.invalid p {
  color: #d10000;
}

/* line 673, ../sass/_feedback.scss */
.customSelect, .row {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* line 677, ../sass/_feedback.scss */
.customSelect.customSelectHover, .row:hover {
  background-color: #fafafa;
}