@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
}

html {
  font-size: 62.5%;
}

body {
  padding-top: 48px;
  font-family: "lato";
  color: #4a495b;
}

@media print, screen and (min-width: 768px) {
  body {
    padding-top: 70px;
  }
}

@media print, screen and (min-width: 992px) {
  body {
    padding-top: 86px;
  }
}

img {
  max-width: 100%;
}

sub {
  font-size: 0.75em;
  vertical-align: bottom;
  position: relative;
}

sup {
  font-size: 0.75em;
  vertical-align: top;
  position: relative;
  top: -.1em;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font: inherit;
}

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
}

input[type="submit"] {
  border: none;
  outline: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

main, section {
  display: block;
}

@media print {
  body {
    width: 1140px;
  }
}

/**
 * Swiper 5.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 16, 2019
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  margin-top: 40px;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h1 {
  font-size: 3.2rem;
  line-height: 1.1;
}

@media print, screen and (min-width: 768px) {
  h1 {
    font-size: 4.8rem;
  }
}

h2 {
  font-size: 2.6rem;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  h2 {
    font-size: 3rem;
  }
}

h3 {
  font-size: 2.2rem;
  line-height: 1.2;
}

h4 {
  font-size: 1.8rem;
  line-height: 1.2;
}

h5 {
  font-size: 1.6rem;
  line-height: 1.5;
  text-transform: uppercase;
}

p {
  font-size: 1.8rem;
  line-height: 1.5;
}

strong {
  font-weight: bold;
}

.l-container {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 576px) {
  .l-container {
    max-width: 540px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-container {
    max-width: 720px;
  }
}

@media print, screen and (min-width: 992px) {
  .l-container {
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .l-container {
    max-width: 1140px;
  }
}

.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-row.v-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.l-row.v-jcc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-row.v-jcsb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-row.v-jcsa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media print, screen and (min-width: 768px) {
  .l-row.v-nogutter {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.l-row .col, .l-row .col-1, .l-row .col-2, .l-row .col-3, .l-row .col-4, .l-row .col-5, .l-row .col-6, .l-row .col-7, .l-row .col-8, .l-row .col-9, .l-row .col-10, .l-row .col-11, .l-row .col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 768px) {
  .l-row .col {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.l-row .col.v-center {
  margin-left: auto;
  margin-right: auto;
}

.l-row .offset-1, .l-row .offset-2, .l-row .offset-3, .l-row .offset-4, .l-row .offset-5, .l-row .offset-6, .l-row .offset-7, .l-row .offset-8, .l-row .offset-9, .l-row .offset-10, .l-row .offset-11, .l-row .offset-12 {
  margin-left: 0;
}

.l-row .col-xs-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(1 / 12 * 100%);
          flex: 0 0 calc(1 / 12 * 100%);
  max-width: calc(1 / 12 * 100%);
}

.l-row .offset-xs-1 {
  margin-left: calc(1 / 12 * 100%);
}

.l-row .col-xs-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(2 / 12 * 100%);
          flex: 0 0 calc(2 / 12 * 100%);
  max-width: calc(2 / 12 * 100%);
}

.l-row .offset-xs-2 {
  margin-left: calc(2 / 12 * 100%);
}

.l-row .col-xs-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(3 / 12 * 100%);
          flex: 0 0 calc(3 / 12 * 100%);
  max-width: calc(3 / 12 * 100%);
}

.l-row .offset-xs-3 {
  margin-left: calc(3 / 12 * 100%);
}

.l-row .col-xs-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(4 / 12 * 100%);
          flex: 0 0 calc(4 / 12 * 100%);
  max-width: calc(4 / 12 * 100%);
}

.l-row .offset-xs-4 {
  margin-left: calc(4 / 12 * 100%);
}

.l-row .col-xs-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(5 / 12 * 100%);
          flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
}

.l-row .offset-xs-5 {
  margin-left: calc(5 / 12 * 100%);
}

.l-row .col-xs-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(6 / 12 * 100%);
          flex: 0 0 calc(6 / 12 * 100%);
  max-width: calc(6 / 12 * 100%);
}

.l-row .offset-xs-6 {
  margin-left: calc(6 / 12 * 100%);
}

.l-row .col-xs-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(7 / 12 * 100%);
          flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
}

.l-row .offset-xs-7 {
  margin-left: calc(7 / 12 * 100%);
}

.l-row .col-xs-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(8 / 12 * 100%);
          flex: 0 0 calc(8 / 12 * 100%);
  max-width: calc(8 / 12 * 100%);
}

.l-row .offset-xs-8 {
  margin-left: calc(8 / 12 * 100%);
}

.l-row .col-xs-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(9 / 12 * 100%);
          flex: 0 0 calc(9 / 12 * 100%);
  max-width: calc(9 / 12 * 100%);
}

.l-row .offset-xs-9 {
  margin-left: calc(9 / 12 * 100%);
}

.l-row .col-xs-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(10 / 12 * 100%);
          flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
}

.l-row .offset-xs-10 {
  margin-left: calc(10 / 12 * 100%);
}

.l-row .col-xs-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(11 / 12 * 100%);
          flex: 0 0 calc(11 / 12 * 100%);
  max-width: calc(11 / 12 * 100%);
}

.l-row .offset-xs-11 {
  margin-left: calc(11 / 12 * 100%);
}

.l-row .col-xs-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(12 / 12 * 100%);
          flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
}

.l-row .offset-xs-12 {
  margin-left: calc(12 / 12 * 100%);
}

@media print, screen and (min-width: 576px) {
  .l-row .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100%);
            flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .l-row .offset-sm-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .l-row .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .l-row .offset-sm-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .l-row .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .l-row .offset-sm-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .l-row .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .l-row .offset-sm-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .l-row .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100%);
            flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .l-row .offset-sm-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .l-row .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100%);
            flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .l-row .offset-sm-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .l-row .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100%);
            flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .l-row .offset-sm-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .l-row .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8 / 12 * 100%);
            flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .l-row .offset-sm-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .l-row .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(9 / 12 * 100%);
            flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .l-row .offset-sm-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .l-row .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(10 / 12 * 100%);
            flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .l-row .offset-sm-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .l-row .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(11 / 12 * 100%);
            flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .l-row .offset-sm-11 {
    margin-left: calc(11 / 12 * 100%);
  }
  .l-row .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 12 * 100%);
            flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .l-row .offset-sm-12 {
    margin-left: calc(12 / 12 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .l-row .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100%);
            flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .l-row .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100%);
            flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .l-row .offset-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .l-row .offset-md-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .l-row .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .l-row .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .l-row .offset-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .l-row .offset-md-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .l-row .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .l-row .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .l-row .offset-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .l-row .offset-md-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .l-row .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .l-row .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .l-row .offset-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .l-row .offset-md-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .l-row .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100%);
            flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .l-row .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100%);
            flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .l-row .offset-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .l-row .offset-md-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .l-row .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100%);
            flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .l-row .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100%);
            flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .l-row .offset-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .l-row .offset-md-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .l-row .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100%);
            flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .l-row .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100%);
            flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .l-row .offset-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .l-row .offset-md-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .l-row .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8 / 12 * 100%);
            flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .l-row .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8 / 12 * 100%);
            flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .l-row .offset-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .l-row .offset-md-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .l-row .col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(9 / 12 * 100%);
            flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .l-row .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(9 / 12 * 100%);
            flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .l-row .offset-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .l-row .offset-md-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .l-row .col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(10 / 12 * 100%);
            flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .l-row .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(10 / 12 * 100%);
            flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .l-row .offset-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .l-row .offset-md-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .l-row .col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(11 / 12 * 100%);
            flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .l-row .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(11 / 12 * 100%);
            flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .l-row .offset-11 {
    margin-left: calc(11 / 12 * 100%);
  }
  .l-row .offset-md-11 {
    margin-left: calc(11 / 12 * 100%);
  }
  .l-row .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 12 * 100%);
            flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .l-row .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 12 * 100%);
            flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .l-row .offset-12 {
    margin-left: calc(12 / 12 * 100%);
  }
  .l-row .offset-md-12 {
    margin-left: calc(12 / 12 * 100%);
  }
}

@media print, screen and (min-width: 992px) {
  .l-row .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100%);
            flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .l-row .offset-lg-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .l-row .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .l-row .offset-lg-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .l-row .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .l-row .offset-lg-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .l-row .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .l-row .offset-lg-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .l-row .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100%);
            flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .l-row .offset-lg-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .l-row .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100%);
            flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .l-row .offset-lg-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .l-row .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100%);
            flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .l-row .offset-lg-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .l-row .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8 / 12 * 100%);
            flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .l-row .offset-lg-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .l-row .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(9 / 12 * 100%);
            flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .l-row .offset-lg-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .l-row .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(10 / 12 * 100%);
            flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .l-row .offset-lg-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .l-row .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(11 / 12 * 100%);
            flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .l-row .offset-lg-11 {
    margin-left: calc(11 / 12 * 100%);
  }
  .l-row .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 12 * 100%);
            flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .l-row .offset-lg-12 {
    margin-left: calc(12 / 12 * 100%);
  }
}

@media screen and (min-width: 1200px) {
  .l-row .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100%);
            flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .l-row .offset-xl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .l-row .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .l-row .offset-xl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .l-row .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .l-row .offset-xl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .l-row .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .l-row .offset-xl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .l-row .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100%);
            flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .l-row .offset-xl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .l-row .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100%);
            flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .l-row .offset-xl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .l-row .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100%);
            flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .l-row .offset-xl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .l-row .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8 / 12 * 100%);
            flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .l-row .offset-xl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .l-row .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(9 / 12 * 100%);
            flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .l-row .offset-xl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .l-row .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(10 / 12 * 100%);
            flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .l-row .offset-xl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .l-row .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(11 / 12 * 100%);
            flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .l-row .offset-xl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
  .l-row .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 12 * 100%);
            flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .l-row .offset-xl-12 {
    margin-left: calc(12 / 12 * 100%);
  }
}

.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 15px;
  padding-left: 15px;
  border-bottom: 1px solid #d4d5d6;
  background: #fff;
  z-index: 50;
}

@media print, screen and (min-width: 576px) {
  .l-header {
    padding-right: 33px;
    padding-left: 33px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-header {
    padding-top: 18.43px;
    padding-bottom: 23.07px;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media print, screen and (min-width: 992px) {
  .l-header {
    padding-top: 14px;
    padding-bottom: 0;
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .l-header {
    padding-right: 45px;
    padding-left: 45px;
  }
}

.l-header-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media print, screen and (min-width: 992px) {
  .l-header-inner {
    display: block;
  }
}

.l-breadcrumbs {
  position: absolute;
  width: 100%;
  top: 50px;
  padding-right: 15px;
  padding-left: 15px;
  z-index: 2;
}

@media print, screen and (min-width: 576px) {
  .l-breadcrumbs {
    padding-right: 33px;
    padding-left: 33px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-breadcrumbs {
    top: 70px;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media print, screen and (min-width: 992px) {
  .l-breadcrumbs {
    top: 90px;
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .l-breadcrumbs {
    padding-right: 45px;
    padding-left: 45px;
  }
}

.l-main.v-top {
  overflow-x: hidden;
}

.l-main.v-over {
  overflow-x: hidden;
}

.l-footer {
  width: 100%;
  background: #2a2531;
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 20px;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 768px) {
  .l-footer {
    font-size: 1.3rem;
  }
}

@media print, screen and (min-width: 992px) {
  .l-footer {
    margin-top: 90px;
    padding-top: 50px;
  }
}

.l-cookie {
  display: none;
  position: fixed;
  bottom: 0;
  padding-top: 9px;
  padding-bottom: 15px;
  width: 100%;
  background: rgba(42, 37, 49, 0.9);
  color: #fff;
  z-index: 999;
}

@media print, screen and (min-width: 992px) {
  .l-cookie {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.page-ttl {
  font-size: 3.2rem;
  line-height: 1.1;
  font-weight: 900;
  color: #2a2531;
}

@media print, screen and (min-width: 768px) {
  .page-ttl {
    font-size: 4.8rem;
  }
}

.page-ttl.v-smaller {
  font-size: 2.8rem;
}

@media print, screen and (min-width: 768px) {
  .page-ttl.v-smaller {
    font-size: 4rem;
  }
}

.sec-ttl {
  font-size: 2.6rem;
  line-height: 1.2;
  font-weight: 900;
  color: #2a2531;
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .sec-ttl {
    font-size: 3rem;
    margin-top: 70px;
  }
}

.sec-ttl + .p-txt,
.sec-ttl + .op-100,
.sec-ttl + .op-75,
.sec-ttl + .op-50,
.sec-ttl + .op-para,
.sec-ttl + .op-around-left,
.sec-ttl + .op-around-right,
.sec-ttl + .op-separate,
.sec-ttl + .op-separate-right,
.sec-ttl + .op-separate-left,
.sec-ttl + .block-youtube,
.sec-ttl + .block-frame,
.sec-ttl + .block-table,
.sec-ttl + .swiper-container {
  margin-top: 20px;
}

.middle-ttl {
  margin-top: 60px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 900;
  color: #2a2531;
}

.middle-ttl + .p-txt,
.middle-ttl + .op-100,
.middle-ttl + .op-75,
.middle-ttl + .op-50,
.middle-ttl + .op-para,
.middle-ttl + .op-around-left,
.middle-ttl + .op-around-right,
.middle-ttl + .op-separate,
.middle-ttl + .op-separate-right,
.middle-ttl + .op-separate-left,
.middle-ttl + .block-youtube,
.middle-ttl + .block-frame,
.middle-ttl + .block-table,
.middle-ttl + .swiper-container {
  margin-top: 10px;
}

.small-ttl {
  margin-top: 40px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 900;
  color: #2a2531;
}

.small-ttl + .p-txt,
.small-ttl + .op-100,
.small-ttl + .op-75,
.small-ttl + .op-50,
.small-ttl + .op-para,
.small-ttl + .op-around-left,
.small-ttl + .op-around-right,
.small-ttl + .op-separate,
.small-ttl + .op-separate-right,
.small-ttl + .op-separate-left,
.small-ttl + .block-youtube,
.small-ttl + .block-frame,
.small-ttl + .block-table,
.small-ttl + .swiper-container {
  margin-top: 10px;
}

.exsmall-ttl {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  color: #2a2531;
}

.exsmall-ttl + .p-txt,
.exsmall-ttl + .op-100,
.exsmall-ttl + .op-75,
.exsmall-ttl + .op-50,
.exsmall-ttl + .op-para,
.exsmall-ttl + .op-around-left,
.exsmall-ttl + .op-around-right,
.exsmall-ttl + .op-separate,
.exsmall-ttl + .op-separate-right,
.exsmall-ttl + .op-separate-left,
.exsmall-ttl + .block-youtube,
.exsmall-ttl + .block-frame,
.exsmall-ttl + .block-table,
.exsmall-ttl + .swiper-container {
  margin-top: 10px;
}

.lead-txt {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 300;
}

@media print, screen and (min-width: 768px) {
  .lead-txt {
    font-size: 2.4rem;
  }
}

.p-txt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 30px;
}

.note-txt {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 20px;
}

.small-txt {
  font-size: 1.6rem;
  line-height: 1.5;
}

.ul-disc {
  list-style-type: disc;
}

.ul-disc > li {
  padding-left: 1.8em;
  list-style-position: inside;
  text-indent: -1.4em;
  margin-top: 10px;
}

.ul-disc > li > .link-ico,
.ul-disc > li > .link-only {
  display: inline;
}

.ol-decimal {
  list-style-type: decimal;
}

.ol-decimal > li {
  padding-left: 1.8em;
  list-style-position: inside;
  text-indent: -1.4em;
  margin-top: 10px;
}

.ol-decimal > li > .link-ico,
.ol-decimal > li > .link-only {
  display: inline;
}

.emphasize-first-letter::first-letter {
  font-size: 5.4rem;
  line-height: 1;
  color: #d1003b;
  float: left;
  margin-right: .2em;
  font-weight: 700;
}

.btn-only {
  display: inline-block;
  font-weight: bold;
  -webkit-transition: background-color .1s linear, opacity .1s linear, color .1s linear;
  transition: background-color .1s linear, opacity .1s linear, color .1s linear;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 20px;
}

.btn-only.v-large {
  padding: 17px 30px;
  font-size: 1.6rem;
}

.btn-only.v-small {
  padding: 13px 30px;
  font-size: 1.4rem;
}

.btn-only.v-primary {
  background: #2a2531;
  color: #f6eea8;
  -webkit-box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
}

.btn-only.v-primary:hover {
  background: #564c63;
}

.btn-only.v-secondary {
  background: #f6eea8;
  color: #2a2531;
  -webkit-box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
}

.btn-only.v-secondary:hover {
  background: #fff7ad;
}

.btn-only.v-ghostblack {
  border: 1px solid #2a2531;
  color: #2a2531;
  background: none;
}

.btn-only.v-ghostblack:hover {
  background: #2a2531;
  color: #fff;
}

.btn-only.v-ghostwhite {
  border: 1px solid #fff;
  color: #fff;
  background: none;
}

.btn-only.v-ghostwhite:hover {
  background: #fff;
  color: #2a2531;
}

.btn-ico {
  font-weight: bold;
  -webkit-transition: background-color .1s linear, opacity .1s linear, color .1s linear;
  transition: background-color .1s linear, opacity .1s linear, color .1s linear;
  position: relative;
  cursor: pointer;
  margin-top: 20px;
  display: inline-block;
}

.btn-ico:after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  right: 20px;
}

.btn-ico.v-large {
  padding: 17px 48px 17px 30px;
}

.btn-ico.v-small {
  padding: 13px 45px 13px 30px;
}

.btn-ico.v-primary {
  background: #2a2531;
  color: #f6eea8;
  -webkit-box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
}

.btn-ico.v-primary.v-blank:after {
  background: url(/assets/images/common/ico_blank_buff.svg) no-repeat center center;
}

.btn-ico.v-primary.v-dl:after {
  background: url(/assets/images/common/ico_dl_buff.svg) no-repeat center center;
}

.btn-ico.v-primary.v-down:after {
  background: url(/assets/images/common/ico_down_buff.svg) no-repeat center center;
}

.btn-ico.v-primary.v-left:after {
  background: url(/assets/images/common/ico_left_buff.svg) no-repeat center center;
}

.btn-ico.v-primary.v-right:after {
  background: url(/assets/images/common/ico_right_buff.svg) no-repeat center center;
}

.btn-ico.v-primary.v-up:after {
  background: url(/assets/images/common/ico_up_buff.svg) no-repeat center center;
}

.btn-ico.v-primary:hover {
  background: #564c63;
}

.btn-ico.v-secondary {
  background: #f6eea8;
  color: #2a2531;
  -webkit-box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 12px 0 rgba(42, 37, 49, 0.3);
}

.btn-ico.v-secondary.v-blank:after {
  background: url(/assets/images/common/ico_blank_black.svg) no-repeat center center;
}

.btn-ico.v-secondary.v-dl:after {
  background: url(/assets/images/common/ico_dl_black.svg) no-repeat center center;
}

.btn-ico.v-secondary.v-down:after {
  background: url(/assets/images/common/ico_down_black.svg) no-repeat center center;
}

.btn-ico.v-secondary.v-left:after {
  background: url(/assets/images/common/ico_left_black.svg) no-repeat center center;
}

.btn-ico.v-secondary.v-right:after {
  background: url(/assets/images/common/ico_right_black.svg) no-repeat center center;
}

.btn-ico.v-secondary.v-up:after {
  background: url(/assets/images/common/ico_up_black.svg) no-repeat center center;
}

.btn-ico.v-secondary:hover {
  background: #fff7ad;
}

.btn-ico.v-ghostblack {
  border: 1px solid #2a2531;
  color: #2a2531;
  background: none;
}

.btn-ico.v-ghostblack.v-blank:after {
  background: url(/assets/images/common/ico_blank_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack.v-dl:after {
  background: url(/assets/images/common/ico_dl_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack.v-down:after {
  background: url(/assets/images/common/ico_down_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack.v-left:after {
  background: url(/assets/images/common/ico_left_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack.v-right:after {
  background: url(/assets/images/common/ico_right_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack.v-up:after {
  background: url(/assets/images/common/ico_up_black.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover {
  background: #2a2531;
  color: #fff;
}

.btn-ico.v-ghostblack:hover.v-blank:after {
  background: url(/assets/images/common/ico_blank_white.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover.v-dl:after {
  background: url(/assets/images/common/ico_dl_white.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover.v-down:after {
  background: url(/assets/images/common/ico_down_white.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover.v-left:after {
  background: url(/assets/images/common/ico_left_white.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover.v-right:after {
  background: url(/assets/images/common/ico_right_white.svg) no-repeat center center;
}

.btn-ico.v-ghostblack:hover.v-up:after {
  background: url(/assets/images/common/ico_up_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite {
  border: 1px solid #fff;
  color: #fff;
  background: none;
}

.btn-ico.v-ghostwhite.v-blank:after {
  background: url(/assets/images/common/ico_blank_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite.v-dl:after {
  background: url(/assets/images/common/ico_dl_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite.v-down:after {
  background: url(/assets/images/common/ico_down_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite.v-left:after {
  background: url(/assets/images/common/ico_left_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite.v-right:after {
  background: url(/assets/images/common/ico_right_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite.v-up:after {
  background: url(/assets/images/common/ico_up_white.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover {
  background: #fff;
  color: #2a2531;
}

.btn-ico.v-ghostwhite:hover.v-blank:after {
  background: url(/assets/images/common/ico_blank_black.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover.v-dl:after {
  background: url(/assets/images/common/ico_dl_black.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover.v-down:after {
  background: url(/assets/images/common/ico_down_black.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover.v-left:after {
  background: url(/assets/images/common/ico_left_black.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover.v-right:after {
  background: url(/assets/images/common/ico_right_black.svg) no-repeat center center;
}

.btn-ico.v-ghostwhite:hover.v-up:after {
  background: url(/assets/images/common/ico_up_black.svg) no-repeat center center;
}

.link-only {
  display: inline-block;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  cursor: pointer;
}

.link-only.v-article {
  font-size: 1.8rem;
}

.link-only.v-primary {
  font-size: 1.6rem;
}

.link-only.v-small {
  font-size: 1.4rem;
}

.link-only:hover {
  opacity: .75;
}

.link-ico {
  position: relative;
  display: inline-block;
  padding-right: 1.5em;
  cursor: pointer;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.link-ico.v-article {
  font-size: 1.8rem;
}

.link-ico.v-primary {
  font-size: 1.6rem;
}

.link-ico.v-small {
  font-size: 1.4rem;
}

.link-ico .ico {
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

.link-ico:hover {
  opacity: .75;
}

.link-ico:hover .ico {
  opacity: .75;
}

.link-ico:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
}

.link-ico.v-back {
  padding-right: 0;
  padding-left: 1.5em;
}

.link-ico.v-back:after {
  left: 0;
  background: url(/assets/images/common/ico_left_red.svg);
}

.link-ico.v-togglered:after {
  content: "+";
}

.link-ico.v-togglered.v-open:after {
  content: "-";
}

.link-ico.v-rightred:after {
  background: url(/assets/images/common/ico_right_red.svg);
}

.link-ico.v-rightsteel:after {
  background: url(/assets/images/common/ico_right.svg);
  background-size: contain;
}

.link-ico.v-rightbuff:after {
  background: url(/assets/images/common/ico_right_buff.svg);
  background-size: contain;
}

.link-ico.v-blankred:after {
  background: url(/assets/images/common/ico_blank_red.svg);
}

.link-ico.v-dlred:after {
  background: url(/assets/images/common/ico_dl_red.svg);
}

.link-inline {
  font-size: inherit;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  cursor: pointer;
}

.link-inline:hover {
  opacity: .75;
}

.link-inline.v-underline {
  text-decoration: underline;
}

.link-inline.v-rightred:after {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  padding-left: 2px;
  padding-right: 3px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/common/ico_right_red.svg) no-repeat center center;
  background-size: contain;
}

.link-inline.v-rightsteel:after {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  padding-left: 2px;
  padding-right: 3px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/common/ico_right.svg) no-repeat center center;
  background-size: contain;
}

.link-inline.v-rightbuff:after {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  padding-left: 2px;
  padding-right: 3px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/common/ico_right_buff.svg) no-repeat center center;
  background-size: contain;
}

.link-inline.v-blankred:after {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  padding-left: 2px;
  padding-right: 3px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/common/ico_blank_red.svg) no-repeat center center;
  background-size: contain;
}

.link-inline.v-dlred:after {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  padding-left: 2px;
  padding-right: 3px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/common/ico_dl_red.svg) no-repeat center center;
  background-size: contain;
}

.link-anchor > .item {
  display: inline-block;
  padding-right: 10px;
  margin-right: 12px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  color: #2a2531;
  opacity: .5;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.link-anchor > .item > .ico {
  width: 14px;
  vertical-align: middle;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.link-anchor > .item:not(:last-child) {
  border-right: 2px solid #d4d5d6;
}

.link-anchor > .item:hover {
  opacity: .25;
}

.link-anchor > .item:hover > .ico {
  opacity: .25;
}

.hd-subnav {
  display: none;
  text-align: right;
  margin-bottom: 13px;
}

@media print, screen and (min-width: 992px) {
  .hd-subnav {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.hd-subnav > .item {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #4a495b;
  opacity: .75;
  font-size: 1.2rem;
  -webkit-transition: opacity .1s linear, color .1s linear;
  transition: opacity .1s linear, color .1s linear;
}

.hd-subnav > .item.v-select {
  padding-right: 20px;
}

.hd-subnav > .item.v-lang {
  margin-left: 45px;
  padding-bottom: 5px;
  padding-right: 20px;
}

.hd-subnav > .item .ico {
  position: absolute;
  display: inline-block;
  margin-right: 3px;
  top: -2px;
  left: -5px;
  vertical-align: middle;
  opacity: .75;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  width: 16px;
}

.hd-subnav > .item .ico.v-after {
  left: auto;
  left: initial;
  right: 0;
}

.hd-subnav > .item:nth-child(-n+3) {
  padding-right: 15px;
  border-right: 1px solid #d4d5d6;
}

.hd-subnav > .item:hover {
  opacity: 0.5;
}

.hd-subnav > .item:hover .ico {
  opacity: 0.5;
}

.hd-subnav > .item.v-lang:hover {
  opacity: 1;
}

.hd-subnav > .item.v-lang:hover > .label {
  opacity: 0.5;
}

.current-news .hd-subnav > .item.v-news {
  color: #d1003b;
  opacity: 1;
}

.current-events .hd-subnav > .item.v-events {
  color: #d1003b;
  opacity: 1;
}

.current-contact .hd-subnav > .item.v-contact {
  color: #d1003b;
  opacity: 1;
}

.hd-glonav {
  display: none;
}

@media print, screen and (min-width: 992px) {
  .hd-glonav {
    display: block;
    position: absolute;
    right: 0;
    top: 28px;
  }
}

.hd-glonav .item {
  display: inline-block;
  padding-bottom: 18px;
  padding-left: 20px;
  color: #4a495b;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
}

.hd-glonav .item .ico {
  vertical-align: middle;
}

.hd-glonav .item .icosearch {
  width: 24px;
  height: 100%;
  position: relative;
}

.hd-glonav .item .icosearch img {
  -webkit-transition: opacity .35s ease-out;
  transition: opacity .35s ease-out;
}

.hd-glonav .item .icosearch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 100%;
  height: 2px;
  background: #4a495b;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  opacity: 0;
  -webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
  transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
  transition: opacity .35s ease-out, transform .35s ease-out;
  transition: opacity .35s ease-out, transform .35s ease-out, -webkit-transform .35s ease-out;
}

.hd-glonav .item .icosearch:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 4px;
  width: 100%;
  height: 2px;
  background: #4a495b;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  opacity: 0;
  -webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
  transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
  transition: opacity .35s ease-out, transform .35s ease-out;
  transition: opacity .35s ease-out, transform .35s ease-out, -webkit-transform .35s ease-out;
}

.hd-glonav .item .icosearch.v-open img {
  opacity: 0;
}

.hd-glonav .item .icosearch.v-open:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 1;
}

.hd-glonav .item .icosearch.v-open:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 1;
}

@media screen and (min-width: 1200px) {
  .hd-glonav .item {
    padding-left: 30px;
  }
}

.hd-glonav .link {
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.hd-glonav .link:hover {
  opacity: .5;
}

.p-app .hd-glonav .app {
  color: #d1003b;
}

.p-mycom .hd-glonav .mycom {
  color: #d1003b;
}

.p-support .hd-glonav .support {
  color: #d1003b;
}

.p-company .hd-glonav .company {
  color: #d1003b;
}

.p-with .hd-glonav .with {
  color: #d1003b;
}

.p-products .hd-glonav .prd {
  color: #d1003b;
}

.p-blog .hd-glonav .blog {
  color: #d1003b;
}

.p-contact .hd-glonav .contact {
  color: #d1003b;
}

.hd-logo {
  width: 96.8px;
}

.hd-logo p {
  font-size: 1.2rem;
  line-height: 1.2;
  display: none;
}

@media print, screen and (min-width: 768px) {
  .hd-logo {
    width: 130px;
  }
  .hd-logo p {
    display: none;
  }
}

@media print, screen and (min-width: 992px) {
  .hd-logo {
    width: 181px;
    margin-bottom: 9.07px;
  }
  .hd-logo p {
    color: #2a2531;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
  }
}

.hd-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hd-sp > .americas {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-right: 12px;
  color: #4a495b;
  font-size: 1.2rem;
  font-weight: bold;
}

.hd-sp > .americas {
  position: relative;
  display: inline-block;
  padding-right: 12px;
  color: #2a2531;
  font-size: 1.2rem;
  font-weight: bold;
}

.hd-sp > .americas::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: url(/americas/mna/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
}

.hd-sp > .hamburger {
  position: relative;
  display: block;
  width: 22px;
  height: 17px;
}

.hd-sp > .hamburger > .line {
  position: absolute;
  display: block;
  background: #4a495b;
  width: 100%;
  height: 3px;
}

.hd-sp > .hamburger > .topline {
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: .12s ease-out;
  transition: .12s ease-out;
}

.hd-sp > .hamburger > .midline {
  top: 7px;
  -webkit-transition: .12s ease-out;
  transition: .12s ease-out;
}

.hd-sp > .hamburger > .bottomline {
  bottom: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: .12s ease-out;
  transition: .12s ease-out;
}

.hd-sp > .hamburger.v-open > .topline {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hd-sp > .hamburger.v-open > .midline {
  opacity: 0;
}

.hd-sp > .hamburger.v-open > .bottomline {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media print, screen and (min-width: 992px) {
  .hd-sp {
    display: none;
  }
}

.overlay-search {
  display: none;
  position: fixed;
  width: 100%;
  height: calc(100% - 90px);
  z-index: 3;
  top: 85px;
  left: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 200ms, opacity 200ms;
  transition: visibility 200ms, opacity 200ms;
}

@media print, screen and (min-width: 992px) {
  .overlay-search {
    display: block;
  }
}

.hd-pc-search {
  position: relative;
  height: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f6f6f7;
  overflow: hidden;
  -webkit-transition: height .35s ease-out;
  transition: height .35s ease-out;
}

.pc-search-box {
  position: relative;
  -webkit-transition: opacity 400ms, -webkit-transform 400ms;
  transition: opacity 400ms, -webkit-transform 400ms;
  transition: opacity 400ms, transform 400ms;
  transition: opacity 400ms, transform 400ms, -webkit-transform 400ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
  opacity: 0;
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

@media print, screen and (min-width: 992px) {
  .pc-search-box {
    width: 606px;
  }
}

@media screen and (min-width: 1200px) {
  .pc-search-box {
    width: 730px;
  }
}

.pc-search-box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  background-color: #d4d3d6;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}

.pc-search-box > .icon {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 51%;
  padding: 8px;
}

.pc-search-box > .input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 56px;
  padding-left: calc(8px * 8);
  padding-right: calc(8px * 8);
  font-size: 1.8rem;
  color: #4a495b;
}

.pc-search-box > .input::-webkit-input-placeholder {
  color: rgba(74, 73, 91, 0.5);
}

.pc-search-box > .input:-ms-input-placeholder {
  color: rgba(74, 73, 91, 0.5);
}

.pc-search-box > .input::-ms-input-placeholder {
  color: rgba(74, 73, 91, 0.5);
}

.pc-search-box > .input::placeholder {
  color: rgba(74, 73, 91, 0.5);
}

.pc-search-box > .btn {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 51%;
  right: 0;
}

.overlay-search.v-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.overlay-search.v-open .hd-pc-search {
  height: 255px;
}

.overlay-search.v-open .pc-search-box {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.overlay-search.v-open .pc-search-box > .btn {
  font-size: 1.4rem;
}

.hd-sp-slide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  pointer-events: none;
}

.hd-sp-slide.v-open {
  opacity: 1;
  pointer-events: auto;
}

.sp-slide-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity .3s linear, right .3s linear;
  transition: opacity .3s linear, right .3s linear;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: hidden;
  pointer-events: none;
}

.sp-slide-menu.v-open {
  right: 0;
  opacity: 1;
  pointer-events: auto;
}

@media print, screen and (min-width: 768px) {
  .sp-slide-menu {
    width: 50%;
  }
}

@media print, screen and (min-width: 992px) {
  .sp-slide-menu {
    display: none !important;
  }
}

.sp-slide-menu > .logo {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 170px;
}

.sp-slide-menu > .logo p {
  font-size: 1.2rem;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .sp-slide-menu > .logo {
    display: none;
  }
}

.sp-slide-menu > .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  z-index: 1001;
}

.sp-slide-menu > .close span:nth-child(1) {
  position: relative;
  left: -4px;
  top: 6px;
  display: block;
  width: 140%;
  height: 4px;
  background: #4a495b;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sp-slide-menu > .close span:nth-child(2) {
  position: relative;
  left: -4px;
  top: 2px;
  display: block;
  width: 140%;
  height: 4px;
  background: #4a495b;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sp-slide-menu .first {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: .3s linear;
  transition: .3s linear;
  padding-top: 96px;
}

@media print, screen and (min-width: 576px) {
  .sp-slide-menu .first {
    left: calc(50% - 270px);
  }
}

@media print, screen and (min-width: 768px) {
  .sp-slide-menu .first {
    left: 0;
  }
}

.sp-slide-menu .first > .main .item {
  display: block;
  padding: 20px 0;
  font-size: 1.6rem;
  border-bottom: 1px solid rgba(42, 37, 49, 0.1);
}

.sp-slide-menu .first > .main .item.v-second {
  position: relative;
}

.sp-slide-menu .first > .main .item.v-second:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/ico_pulldown.svg) no-repeat center center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.sp-slide-menu .first > .sub {
  margin-top: 35px;
}

.sp-slide-menu .first > .sub .item {
  display: inline-block;
  padding-right: 20px;
  font-size: 1.2rem;
  opacity: 0.75;
}

.sp-slide-menu .first > .sub .item:nth-child(n+2) {
  padding-left: 20px;
  border-left: 1px solid rgba(42, 37, 49, 0.1);
}

.sp-slide-menu .first > .search {
  position: relative;
  margin-top: 35px;
}

.sp-slide-menu .first > .search .icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 13px 15px;
}

.sp-slide-menu .first > .search .input {
  width: 100%;
  padding: 16px 16px 16px 50px;
  background: #f6f6f7;
  font-size: 1.8rem;
}

.sp-slide-menu .first.v-off {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.sp-slide-menu .second {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: .3s linear;
  transition: .3s linear;
  padding-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .sp-slide-menu .second {
    padding-top: 25px;
  }
}

.sp-slide-menu .second.v-on {
  right: 0;
  opacity: 1;
}

@media print, screen and (min-width: 576px) {
  .sp-slide-menu .second.v-on {
    right: calc(50% - 270px);
  }
}

@media print, screen and (min-width: 768px) {
  .sp-slide-menu .second.v-on {
    right: 0;
  }
}

.sp-slide-menu .second > .return {
  border-bottom: 1px solid rgba(42, 37, 49, 0.1);
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.sp-slide-menu .second > .return a {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1.4rem;
}

.sp-slide-menu .second > .return a:after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 16px;
  height: 20px;
  background: url(/assets/images/common/ico_pulldown_red.svg) no-repeat left center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sp-slide-menu .second .subtitle {
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(42, 37, 49, 0.1);
  margin-bottom: 5px;
}

.sp-slide-menu .second .link {
  font-size: 1.6rem;
  display: block;
  padding: 8px 0;
}

.sp-slide-menu .second .rowapp .col-xs-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  margin-bottom: 30px;
}

.overlay-locale {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 51;
  top: 0;
  left: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 200ms, opacity 200ms;
  transition: visibility 200ms, opacity 200ms;
}

.overlay-locale.v-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.block-locale {
  position: fixed;
  top: 0;
  z-index: 52;
  width: 100%;
  height: 100%;
  background: #f6f6f7;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .12s linear;
  transition: height .12s linear;
}

.block-locale.v-open {
  height: 100%;
  overflow: auto;
}

@media print, screen and (min-width: 768px) {
  .block-locale.v-open {
    height: 680px;
    overflow: hidden;
  }
}

@media print, screen and (min-width: 768px) {
  .block-locale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.block-locale > .americas {
  display: none;
  position: absolute;
  top: 36px;
  right: 63px;
  width: 62px;
  height: 16px;
  margin-right: 20px;
  padding-right: 12px;
  z-index: 1001;
  font-size: 1.3rem;
}

@media print, screen and (min-width: 768px) {
  .block-locale > .americas {
    display: none;
  }
}

.block-locale > .americas::after {
  content: '';
  position: absolute;
  top: 4px;
  right: -3px;
  width: 12px;
  height: 12px;
  background: url(/americas/mna/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
}

@media print, screen and (min-width: 768px) {
  .block-locale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.block-locale .earth img {
  width: 100%;
  height: auto;
}

.block-locale .close {
  position: absolute;
  top: 27px;
  right: 18px;
  width: 16px;
  height: 16px;
  z-index: 1001;
}

.block-locale .close span:nth-child(1) {
  position: relative;
  left: -4px;
  top: 6px;
  display: block;
  width: 140%;
  height: 4px;
  background: #4a495b;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.block-locale .close span:nth-child(2) {
  position: relative;
  left: -4px;
  top: 2px;
  display: block;
  width: 140%;
  height: 4px;
  background: #4a495b;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (min-width: 1200px) {
  .block-locale .close {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
  .block-locale .close span:nth-child(1) {
    left: -4px;
    top: 11px;
    width: 140%;
    height: 3px;
  }
  .block-locale .close span:nth-child(2) {
    left: -4px;
    top: 8px;
    width: 140%;
    height: 3px;
  }
}

.block-locale .keyvisual {
  display: none;
}

@media screen and (min-width: 1200px) {
  .block-locale .keyvisual {
    display: block;
    width: calc(690 / 1920 * 100%);
    max-width: 690px;
  }
  .block-locale .keyvisual img {
    display: block;
    margin: 0 auto;
    height: 680px;
    width: auto;
    max-width: auto;
    max-width: initial;
  }
}

.block-locale .content {
  position: relative;
  background: #fff;
  height: 100%;
}

@media print, screen and (min-width: 768px) {
  .block-locale .content {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .block-locale .content {
    width: 445px;
    margin-right: 420px;
  }
}

.block-locale .ttl > br {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .block-locale .ttl > br {
    display: block;
  }
}

.block-locale .lead {
  padding-top: 100px;
}

@media print, screen and (min-width: 768px) {
  .block-locale .lead {
    padding-top: 40px;
    max-width: 382px;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 992px) {
  .block-locale .lead {
    max-width: 286px;
  }
}

.block-locale .lead > .desc {
  font-size: 1.4rem;
}

.block-locale .logo {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 170px;
}

.block-locale.l-locale .lead {
  padding-top: 75px;
  padding-bottom: 25px;
}

.block-locale.l-locale .lead .sec-ttl {
  font-size: 1.4rem;
  line-height: 20px;
}

.block-locale.l-locale .lead .sec-ttl img {
  vertical-align: bottom;
}

.block-locale.l-locale .select-language,
.block-locale.l-locale .select-global {
  margin: 0 15px;
  padding: 35px 0 0;
  border-top: 1px solid #e9e9ea;
  font-size: 0;
}

.block-locale.l-locale .select-language a,
.block-locale.l-locale .select-global a {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 22px;
}

.block-locale.l-locale .select-language a img,
.block-locale.l-locale .select-global a img {
  width: 18px;
  vertical-align: middle;
}

.block-locale.l-locale .select-global {
  padding: 15px 0 47px;
}

.block-locale.l-locale .search {
  position: relative;
  margin: 0 15px;
}

.block-locale.l-locale .search .icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 13px 15px;
}

.block-locale.l-locale .search .input {
  width: 100%;
  padding: 16px 16px 16px 50px;
  background: #f6f6f7;
  font-size: 1.8rem;
}

.select-locale {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .select-locale {
    max-width: 382px;
    margin: 15px auto 0;
  }
  .select-locale.v-area > .continent {
    opacity: .5;
  }
}

@media print, screen and (min-width: 992px) {
  .select-locale {
    max-width: 286px;
  }
}

.select-locale > .continent {
  display: block;
  font-size: 1.6rem;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  border-top: 1px solid #d4d5d6;
}

.select-locale > .continent.v-last {
  border-bottom: 1px solid #d4d5d6;
}

.select-locale > .continent.v-open > div:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select-locale > .continent.v-open.v-last {
  border-bottom: none;
}

.select-locale > .continent > div {
  position: relative;
}

.select-locale > .continent > div:after {
  content: "";
  position: absolute;
  right: 30px;
  top: calc(50% - 4px);
  width: 10px;
  height: 8px;
  background: url(/assets/images/common/ico_pulldown.svg) no-repeat center center;
}

@media print, screen and (min-width: 768px) {
  .select-locale > .continent {
    border-top: none;
    -webkit-transition: padding-left .12s linear, opacity .12s linear;
    transition: padding-left .12s linear, opacity .12s linear;
  }
  .select-locale > .continent.v-last {
    border-bottom: none;
  }
  .select-locale > .continent:last-child {
    border-bottom: none;
  }
  .select-locale > .continent > div {
    display: inline;
  }
  .select-locale > .continent > div:after {
    right: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .select-locale > .continent:hover {
    padding-left: 15px;
  }
  .select-locale > .continent.v-open {
    color: #4a495b;
    padding-left: 15px;
  }
  .select-locale > .continent.v-open > div:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .select-locale > .continent.v-off {
    color: #4a495b;
    opacity: .5;
  }
}

.area-list {
  max-height: 0;
  overflow: hidden;
  background: #f6f6f7;
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

.area-list .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: auto;
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-transition: .6s;
  transition: .6s;
}

.area-list .area:nth-child(n+2) {
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .area-list .area:nth-child(n+2) {
    border-top: none;
  }
}

.area-list .area:nth-child(1) {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.area-list .area:nth-child(2) {
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}

.area-list .area:nth-child(3) {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.area-list .area:nth-child(4) {
  -webkit-transition-delay: .65s;
          transition-delay: .65s;
}

.area-list .area:nth-child(5) {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.area-list .area:nth-child(6) {
  -webkit-transition-delay: .95s;
          transition-delay: .95s;
}

.area-list .area:nth-child(7) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.area-list .area:nth-child(8) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

@media print, screen and (min-width: 768px) {
  .area-list .area {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    border-bottom: 1px solid #d4d5d6;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 0;
    padding-left: 35px;
  }
}

.area-list .area img {
  width: 25px;
  vertical-align: middle;
}

.area-list.v-open {
  border-top: 1px solid #d4d5d6;
  max-height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
}

.area-list.v-open .area {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.area-list.v-open::-webkit-scrollbar {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .area-list {
    max-height: 100%;
    position: absolute;
    top: 5px;
    right: -324px;
    width: 324px;
    opacity: 0;
  }
  .area-list.v-open {
    border-top: none;
    opacity: 1;
  }
  .area-list.v-off {
    display: none;
  }
}

.icons-horizontal > .icon {
  display: inline-block;
  margin-left: 5px;
}

.icons-horizontal > .icon > a {
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.icons-horizontal > .icon > a:hover {
  opacity: .5;
}

.icons-horizontal > .icon > .blog {
  display: inline-block;
  font-size: 13px;
  background: #d1003b;
  padding: 3px;
}

.tgt-menu-app,
.tgt-menu-prd {
  position: fixed;
  left: calc(50% - 480px);
  top: 85px;
  opacity: 0;
  height: 0;
  -webkit-transition: opacity .1s linear, height .1s linear;
  transition: opacity .1s linear, height .1s linear;
  overflow: hidden;
}

@media print, screen and (min-width: 992px) {
  .tgt-menu-app,
  .tgt-menu-prd {
    width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .tgt-menu-app,
  .tgt-menu-prd {
    left: calc(50% - 564px);
    width: 1140px;
  }
}

.tgt-menu-app.v-open,
.tgt-menu-prd.v-open {
  opacity: 1;
  height: 500px;
}

.mega-menu {
  background: #fff;
  padding: 38px 45px 48px;
  border: 1px solid #d4d5d6;
}

.mega-menu .name {
  font-size: 1.2rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d5d6;
}

.mega-menu .menulink {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 20px;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.mega-menu .menulink:hover {
  opacity: .5;
}

.mega-menu .food {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  height: 190px;
}

.js-menu-mycom,
.js-menu-company,
.js-menu-lang {
  position: relative;
}

.tgt-menu-mycom,
.tgt-menu-company {
  position: absolute;
  left: calc(50% - 92px);
  top: 34px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s linear;
  transition: max-height .3s linear;
  background: #fff;
}

.tgt-menu-mycom.v-open,
.tgt-menu-company.v-open {
  max-height: 500px;
}

.tgt-menu-lang {
  position: absolute;
  right: 0;
  top: 18px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s linear;
  transition: max-height .3s linear;
  background: #fff;
  z-index: 2;
}

.tgt-menu-lang.v-open {
  max-height: 500px;
}

.small-menu {
  width: 184px;
  background: #fff;
  padding: 10px 20px 30px;
  border: 1px solid #d4d5d6;
}

.small-menu .menulink {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 20px;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.small-menu .menulink:hover {
  opacity: .5;
}

.small-menu .menulink.v-global {
  border-top: 1px solid #d4d5d6;
  padding-top: 20px;
}

.small-menu.v-company {
  width: 246px;
}

.small-menu.v-lang {
  width: 225px;
  text-align: left;
}

.breadcrumbs-nav {
  margin-top: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  text-transform: uppercase;
}

@media print, screen and (min-width: 768px) {
  .breadcrumbs-nav {
    margin-top: 15px;
  }
}

.breadcrumbs-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs-nav .item {
  padding-right: 10px;
  color: #4a495b;
  font-size: 1.2rem;
  white-space: nowrap;
}

.breadcrumbs-nav .item > a {
  color: #4a495b;
  text-decoration: underline;
}

.breadcrumbs-nav .item:nth-child(n+2) {
  position: relative;
  padding-left: 15px;
}

.breadcrumbs-nav .item:nth-child(n+2):after {
  content: "/";
  position: absolute;
  left: 0;
  top: 0;
}

.breadcrumbs-nav.v-white .item {
  color: #fff;
}

.breadcrumbs-nav.v-white .item > a {
  color: #fff;
}

@media print, screen and (min-width: 992px) {
  .ft-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ft-company > .mission {
  margin-top: 14px;
  font-size: 1.4rem;
  color: #fff;
}

@media print, screen and (min-width: 992px) {
  .ft-company > .mission {
    margin-top: 23px;
    font-size: 1.3rem;
    width: 160px;
  }
}

@media screen and (min-width: 1200px) {
  .ft-company > .mission {
    width: 255px;
  }
}

.ft-nav {
  width: 100%;
  margin-top: 25px;
}

@media print, screen and (min-width: 768px) {
  .ft-nav {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 500px;
    width: 720px;
  }
}

@media screen and (min-width: 1200px) {
  .ft-nav {
    max-height: 520px;
    height: 520px;
    width: 825px;
  }
}

.ft-nav .v-md-flex {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .v-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav .v-md-flex {
    display: none;
  }
}

.ft-nav .v-md-only {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .v-md-only {
    display: block;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav .v-md-only {
    display: none;
  }
}

.ft-nav .v-lg {
  display: none;
}

@media print, screen and (min-width: 992px) {
  .ft-nav .v-lg {
    display: block;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

.ft-nav .v-sm {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .v-sm {
    display: none;
  }
}

.ft-nav .cate {
  border-bottom: 1px solid rgba(168, 167, 188, 0.5);
}

.ft-nav .cate.v-md {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate {
    border-bottom: none;
    padding: 0;
  }
  .ft-nav .cate.v-sm {
    display: none;
  }
  .ft-nav .cate.v-md {
    display: block;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav .cate {
    width: 130px;
  }
  .ft-nav .cate.v-application {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    width: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .ft-nav .cate {
    width: 160px;
  }
  .ft-nav .cate.v-application {
    width: 315px;
  }
}

.ft-nav .cate > .name {
  color: #fff;
  position: relative;
  font-size: 1.4rem;
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate > .name {
    padding: 0;
  }
}

.ft-nav .cate > .name:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 17px;
  width: 14px;
  height: 14px;
  background: url(/assets/images/common/ico_pulldown_white.svg) no-repeat center center;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate > .name:after {
    content: none;
  }
}

.ft-nav .cate > .name.v-on:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate > .name {
    font-size: 1.3rem;
  }
}

.ft-nav .cate > .content {
  display: none;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate > .content {
    display: block;
    padding-bottom: 0;
  }
}

.ft-nav .cate .application {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ft-nav .cate .application > .left {
  width: 50%;
}

.ft-nav .cate .application > .right {
  width: 50%;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .cate .application {
    -webkit-columns: auto;
            columns: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
}

.ft-nav .cate .application:after {
  content: "";
  display: block;
  clear: both;
}

.ft-nav .cate .application .column {
  width: 50%;
  padding-right: 10px;
}

@media print, screen and (min-width: 992px) {
  .ft-nav .cate.v-lginitial {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .ft-nav .cate.v-lgmt {
    margin-top: 40px;
  }
}

.ft-nav .subcate.v-logistics > .name {
  margin-top: 0;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .subcate.v-logistics > .name {
    margin-top: 20px;
  }
}

.ft-nav .subcate.v-beverages > .name {
  margin-top: 0;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .subcate.v-beverages > .name {
    margin-top: 20px;
  }
}

.ft-nav .subcate.v-air > .name {
  margin-top: 0;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .subcate.v-air > .name {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .ft-nav .subcate.v-sports {
    margin-bottom: 40px;
  }
}

.ft-nav .subcate > .name {
  color: #fff;
  opacity: 0.5;
  font-size: 1.4rem;
  margin-top: 26px;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .subcate > .name {
    margin-top: 26px;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav .subcate > .name {
    font-size: 1.3rem;
  }
}

.ft-nav .other {
  margin-top: 27px;
  padding: 0;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .other {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 992px) {
  .ft-nav .other {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid rgba(168, 167, 188, 0.5);
  }
  .ft-nav .other.v-up {
    margin: 0;
    padding-top: 0;
    border-top: none;
  }
}

.ft-nav .other > .otherlink {
  display: inline-block;
  margin-right: 15px;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .other > .otherlink {
    display: block;
    margin-top: 13px;
  }
  .ft-nav .other > .otherlink.v-news {
    margin-top: 0;
  }
}

.ft-nav .tip {
  margin-top: 18px;
}

.ft-nav .tip > a {
  width: 100%;
}

.ft-nav .break {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .ft-nav .break {
    display: block;
  }
}

.ft-copyright {
  text-align: left;
  color: #fff;
  opacity: 0.5;
  font-size: 12px;
  margin-top: 45px;
}

@media print, screen and (min-width: 992px) {
  .ft-copyright {
    text-align: right;
  }
}

@media print, screen and (min-width: 768px) {
  .block-cookie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.block-cookie > .accept {
  margin-top: 15px;
}

@media print, screen and (min-width: 768px) {
  .block-cookie > .accept {
    margin-top: 0;
  }
}

.cookie-txt .ttl {
  font-size: 1.4rem;
  font-weight: 700;
}

.cookie-txt .body {
  margin-top: 5px;
  font-size: 1.2rem;
}

@media print, screen and (min-width: 768px) {
  .cookie-txt .body {
    margin-top: 0;
    font-size: 1.4rem;
  }
}

.btn-return-top {
  position: fixed;
  bottom: 0;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background: #4a495b;
  opacity: 0;
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

.btn-return-top.v-on {
  opacity: 0.5;
  bottom: 20px;
}

.btn-return-top > img {
  width: 24px;
  height: 24px;
}

.form-item {
  position: relative;
  color: #4a495b;
}

.form-item > .label {
  font-size: 1.8rem;
}

.form-item > .input {
  border: 1px solid #d4d5d6;
  padding: 10px 20px;
  width: 100%;
  margin-top: 6px;
  font-size: 1.8rem;
  background: #fff;
}

.form-item > .input:hover, .form-item > .input:focus {
  border: 1px solid #4a495b;
}

.form-item > .textarea {
  border: 1px solid #d4d5d6;
  padding: 10px 20px;
  width: 100%;
  margin-top: 6px;
  font-size: 1.8rem;
  background: #fff;
}

.form-item > .textarea:hover, .form-item > .textarea:focus {
  border: 1px solid #4a495b;
}

.form-item > .select {
  position: relative;
}

.form-item > .select:after {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 6px);
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/ico_pulldown.svg) no-repeat center center;
}

.form-item > .select > select {
  border: 1px solid #d4d5d6;
  padding: 10px 36px 10px 20px;
  margin-top: 6px;
  font-size: 1.8rem;
  color: rgba(42, 37, 49, 0.5);
  background: #fff;
  border-radius: 0;
  cursor: pointer;
}

.form-item > .select > select.v-w100 {
  width: 100%;
}

.form-item > .select > select.v-event {
  padding: 14px 30px 14px 20px;
}

.form-item > .select > select:hover, .form-item > .select > select:focus {
  border: 1px solid #4a495b;
}

.form-item > .select > select > .default {
  opacity: 0.5;
}

.form-item > .checkbox {
  position: relative;
  display: inline-block;
  padding: 4px 0 4px 34px;
  vertical-align: middle;
  font-size: 1.8rem;
  cursor: pointer;
}

.form-item > .checkbox:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #d4d5d6;
  border-radius: 4px;
  background: #fff;
}

.form-item > .checkbox:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/assets/images/common/form/ico_check_red.svg) no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.form-item > .checkbox:hover:before {
  border: 1px solid #d1003b;
}

.form-item > .checkbox.v-concent {
  font-size: 1.4rem;
}

.form-item > .radio {
  position: relative;
  display: inline-block;
  padding: 4px 0 4px 34px;
  vertical-align: middle;
  font-size: 1.8rem;
  cursor: pointer;
}

.form-item > .radio:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #d4d5d6;
  border-radius: 12px;
  background: #fff;
}

.form-item > .radio:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #d1003b;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.form-item > .radio:hover:before {
  border: 1px solid #d1003b;
}

.form-item > .hidden {
  display: none;
}

.form-item > .hidden:checked + .checkbox:before {
  border: 1px solid #d1003b;
}

.form-item > .hidden:checked + .checkbox:after {
  opacity: 1;
}

.form-item > .hidden:checked + .radio:before {
  border: 1px solid #d1003b;
}

.form-item > .hidden:checked + .radio:after {
  opacity: 1;
}

.form-item > .hidden:checked:disabled + .checkbox:after {
  opacity: .5;
  background: url(/assets/images/common/form/ico_check_steel.svg) no-repeat center center;
}

.form-item > .hidden:checked:disabled + .radio:after {
  opacity: .5;
  background: #4a495b;
}

.form-item > .hidden:disabled + .checkbox:before {
  border: 1px solid #d4d5d6;
  background: #f6f6f7;
}

.form-item > .hidden:disabled + .radio:before {
  border: 1px solid #d4d5d6;
  background: #f6f6f7;
}

.form-item > .errtxt {
  font-size: 1.4rem;
  margin-top: 2px;
}

.form-item.v-err > .label {
  position: relative;
  padding-left: 27px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.form-item.v-err > .label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(/assets/images/common/form/ico_caution.svg) no-repeat center center;
}

.form-item.v-err > .input {
  background: rgba(209, 0, 59, 0.05);
  border: 1px solid #d1003b;
}

.form-item.v-err > .select > select {
  background: rgba(209, 0, 59, 0.05);
  border: 1px solid #d1003b;
}

.form-item.select-market {
  display: none;
}

.form-item.upload-resume .button {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
  cursor: pointer;
}

.form-item.upload-resume .button img {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 12px;
  height: 20px;
  margin: 0 8px;
}

.form-item.upload-resume input {
  display: none;
}

.job-contents .harf-conent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 80px;
}

.job-contents .harf-conent .form-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.job-contents .job-item-name {
  font-family: Lato;
  font-size: 2.2rem;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2531;
}

.job-contents .job-item-label {
  margin-top: 20px;
  font-family: Lato;
  font-size: 1.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.block-table {
  margin-top: 40px;
}

.block-table .table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.block-table .cell {
  padding: 15px 10px;
  border: 1px solid #d4d5d6;
  font-size: 1.6rem;
  background: #fff;
}

.block-table .cell.v-primary {
  background: #f6eea8;
  font-weight: bold;
}

.block-table .cell.v-secondary {
  background: rgba(246, 238, 168, 0.3);
  font-weight: bold;
}

.block-table .cell.v-w10 {
  width: 10%;
}

.block-table .cell.v-w20 {
  width: 20%;
}

.block-table .cell.v-w30 {
  width: 30%;
}

.block-table .cell.v-w40 {
  width: 40%;
}

.block-table .cell.v-w50 {
  width: 50%;
}

.block-table .cell.v-w60 {
  width: 60%;
}

.block-table .cell.v-w70 {
  width: 70%;
}

.block-table .cell.v-w80 {
  width: 80%;
}

.block-table .cell.v-w90 {
  width: 90%;
}

.block-table .cell.v-w100 {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .block-table .cell.v-mdw10 {
    width: 10%;
  }
  .block-table .cell.v-mdw20 {
    width: 20%;
  }
  .block-table .cell.v-mdw30 {
    width: 30%;
  }
  .block-table .cell.v-mdw40 {
    width: 40%;
  }
  .block-table .cell.v-mdw50 {
    width: 50%;
  }
  .block-table .cell.v-mdw60 {
    width: 60%;
  }
  .block-table .cell.v-mdw70 {
    width: 70%;
  }
  .block-table .cell.v-mdw80 {
    width: 80%;
  }
  .block-table .cell.v-mdw90 {
    width: 90%;
  }
  .block-table .cell.v-mdw100 {
    width: 100%;
  }
}

.block-table.v-solid {
  overflow-x: auto;
}

.block-table.v-solid .table {
  min-width: 700px;
}

@media print, screen and (min-width: 768px) {
  .block-table.v-solid .table {
    width: 100%;
  }
}

.block-table.v-solid.js-vscroll.v-toRight {
  border-right: 5px solid #d8d8d8;
}

.block-table.v-solid.js-vscroll.v-toLeft {
  border-left: 5px solid #d8d8d8;
}

.block-frame {
  max-width: 100%;
  background: #f6f6f7;
  padding: 25px 20px;
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .block-frame {
    padding: 30px;
  }
}

.block-youtube {
  position: relative;
  width: 100%;
  padding-top: calc(411 / 730 * 100%);
  margin-top: 40px;
}

.block-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.btns-tab {
  position: relative;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap;
}

.btns-tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d4d5d6;
}

.btns-tab .tab {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 15px 30px;
  color: rgba(42, 37, 49, 0.7);
  border-top: 1px solid #d4d5d6;
  border-right: 1px solid #d4d5d6;
  border-bottom: 1px solid #d4d5d6;
  font-weight: bold;
  font-size: 1.6rem;
  white-space: nowrap;
  background: #fff;
}

.btns-tab .tab:first-child {
  border-left: 1px solid #d4d5d6;
}

.btns-tab .tab:hover {
  color: #d1003b;
}

.btns-tab .tab.v-current {
  border-top: 3px solid #d1003b;
  border-bottom: 1px solid #fff;
  color: #d1003b;
  padding-top: 13px;
  z-index: 2;
}

.block-learn-with {
  position: relative;
  background: url(/assets/images/common/bg_with_sm.jpg) no-repeat top center;
  background-size: cover;
  margin-top: 80px;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media print, screen and (min-width: 768px) {
  .block-learn-with {
    background: url(/assets/images/common/bg_with_xl.jpg) no-repeat top center;
    background-size: cover;
    padding: 150px 0;
    height: 480px;
  }
}

.block-learn-with:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

.block-learn-with .ttl {
  width: 280px;
  margin-right: auto;
  margin-left: auto;
}

.block-learn-with .btn {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .block-learn-with .btn {
    margin-top: 40px;
  }
}

.block-learn-with > div {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.block-learn-with > .lead {
  font-size: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .block-learn-with > .lead {
    font-size: 3.6rem;
    font-weight: 300;
  }
}

.block-help-wherever {
  background: #4a495b;
  padding: 70px 0 80px;
}

@media print, screen and (min-width: 768px) {
  .block-help-wherever {
    padding: 90px 0 100px;
  }
}

.block-help-wherever > .lead {
  font-size: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .block-help-wherever > .lead {
    font-size: 3.6rem;
    font-weight: 300;
  }
}

.op-100 .img {
  width: 100%;
  margin-top: 40px;
}

.op-75 {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.op-50 {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 576px) {
  .op-sm-100 .img {
    width: 100%;
  }
  .op-sm-75 {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .op-sm-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .op-md-100 .img {
    width: 100%;
  }
  .op-md-75 {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .op-md-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 992px) {
  .op-lg-100 .img {
    width: 100%;
  }
  .op-lg-75 {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .op-lg-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .op-xl-100 .img {
    width: 100%;
  }
  .op-xl-75 {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  .op-xl-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

.op-para {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .op-para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 768px) {
  .op-para > .half {
    width: calc(50% - 15px);
  }
}

.op-para > .half:nth-child(n+2) {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .op-para > .half:nth-child(n+2) {
    margin-top: 0px;
    margin-left: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .op-para > .tri {
    width: calc(33.333% - 10px);
  }
}

.op-para > .tri:nth-child(n+2) {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .op-para > .tri:nth-child(n+2) {
    margin-top: 0px;
    margin-left: 15px;
  }
}

.op-around-left {
  margin-top: 40px;
}

.op-around-left:after {
  content: "";
  display: block;
  clear: both;
}

@media print, screen and (min-width: 768px) {
  .op-around-left .floating {
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;
    width: 210px;
  }
}

@media screen and (min-width: 1200px) {
  .op-around-left .floating {
    width: 255px;
  }
}

@media print, screen and (min-width: 768px) {
  .op-around-left .wrapped {
    margin-top: 0;
  }
}

.op-around-right {
  margin-top: 40px;
}

.op-around-right:after {
  content: "";
  display: block;
  clear: both;
}

@media print, screen and (min-width: 768px) {
  .op-around-right .floating {
    float: right;
    margin-left: 30px;
    margin-bottom: 40px;
    width: 210px;
  }
}

@media screen and (min-width: 1200px) {
  .op-around-right .floating {
    width: 255px;
  }
}

@media print, screen and (min-width: 768px) {
  .op-around-right .wrapped {
    margin-top: 0;
  }
}

.op-separate {
  margin-top: 40px;
}

.op-separate:after {
  content: "";
  display: block;
  clear: both;
}

@media print, screen and (min-width: 768px) {
  .op-separate .right {
    float: right;
  }
}

@media print, screen and (min-width: 768px) {
  .op-separate .left {
    float: left;
  }
}

@media print, screen and (min-width: 768px) {
  .op-separate > .v-half {
    width: calc(540 / 1110 * 100%);
  }
}

.op-separate-right {
  margin-top: 40px;
}

.op-separate-right:after {
  content: "";
  display: block;
  clear: both;
}

@media print, screen and (min-width: 768px) {
  .op-separate-right .right {
    float: right;
    margin-left: 20px;
    width: 255px;
  }
}

.op-separate-right .left {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .op-separate-right .left {
    float: left;
    margin-top: 0;
    width: calc(100% - 275px);
  }
}

.op-separate-left {
  margin-top: 40px;
}

.op-separate-left:after {
  content: "";
  display: block;
  clear: both;
}

.op-separate-left > .right {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .op-separate-left > .right {
    float: right;
    width: calc(100% - 275px);
    margin-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .op-separate-left > .left {
    float: left;
    margin-right: 20px;
    width: 255px;
  }
}

.swiper-slide {
  padding-bottom: 26px;
  background: #fff;
}

.swiper-slide > .img {
  position: relative;
  width: 100%;
  padding-top: calc(2 / 3 * 100%);
  overflow: hidden;
}

.swiper-slide > .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  max-width: auto;
  max-width: initial;
}

.swiper-button-next {
  width: 40px;
  height: 40px;
  padding: 8px;
  right: 0;
  background: rgba(42, 37, 49, 0.75) url(/assets/images/common/ico_right_white.svg) no-repeat center center;
  background-size: 24px;
}

.swiper-button-next:after {
  content: none;
}

.swiper-button-next, .swiper-button-prev {
  top: 32vw;
}

@media print, screen and (min-width: 576px) {
  .swiper-button-next, .swiper-button-prev {
    top: 180px;
  }
}

@media print, screen and (min-width: 768px) {
  .swiper-button-next, .swiper-button-prev {
    top: 200px;
  }
}

@media print, screen and (min-width: 992px) {
  .swiper-button-next, .swiper-button-prev {
    top: 220px;
  }
}

@media screen and (min-width: 1200px) {
  .swiper-button-next, .swiper-button-prev {
    top: 240px;
  }
}

.swiper-button-prev {
  width: 40px;
  height: 40px;
  padding: 8px;
  left: 0;
  background: rgba(42, 37, 49, 0.75) url(/assets/images/common/ico_left_white.svg) no-repeat center center;
  background-size: 24px;
}

.swiper-button-prev:after {
  content: none;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #4a495b;
  opacity: .3;
}

.swiper-pagination-bullet-active {
  background: #d1003b;
  opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}

#select-company-modal {
  display: none;
}

.select-company-modal {
  color: #d1003b;
  font-size: 14px;
  font-weight: bold;
}

.modaal-close {
  background-color: #000 !important;
  border-radius: 0 !important;
}

#select-country-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

#select-country-inner h2 {
  font-size: 2.5rem;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-align: center;
}

#select-country-inner .country-list-wrapper {
  display: block;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper h3 {
  font-size: 2rem;
  line-height: 1.5em;
  margin-bottom: 1em;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box {
  font-size: 1.5rem;
  line-height: 1.5em;
  list-style: none;
  margin: 0 0 0 0em;
  padding: 0;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li {
  margin-bottom: 0.5em;
  padding-right: 4em;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li a {
  color: #000;
  text-decoration: none;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li a:hover {
  color: #000;
  opacity: .75;
  text-decoration: none;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li:last-child {
  margin-bottom: 3em;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box.right li {
  padding-right: 0em;
}

#select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-inner-wrapper_2nd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 992px) {
  #select-country-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1em 2em;
  }
  #select-country-inner h2 {
    font-size: 2.5rem;
    line-height: 1.5em;
    margin-bottom: 1.8em;
  }
  #select-country-inner .country-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper h3 {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 1.8em;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box {
    font-size: 1.5rem;
    line-height: 1.5em;
    list-style: none;
    margin: 0 0 0 0em;
    padding: 0;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li {
    margin-bottom: 0.5em;
    padding-right: 6em;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li a {
    color: #000;
    text-decoration: none;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li a:hover {
    color: #000;
    opacity: .75;
    text-decoration: none;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box li:last-child {
    margin-bottom: 6em;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper .country-list-box.right li {
    padding-right: 6em;
  }
  #select-country-inner .country-list-wrapper .country-list-inner-wrapper_2nd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.h--clred {
  color: #d1003b;
}

.h--clblack {
  color: #2a2531;
}

.h--clsteel {
  color: #4a495b;
}

.h--clwhite {
  color: #fff;
}

.h--clbuff {
  color: #f6eea8;
}

.h--clgrey {
  color: #98969c;
}

.h--firsttxt {
  margin-top: 80px;
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .h--firsttxt {
    margin-top: 90px;
    margin-bottom: 70px;
  }
}

.h--secondtxt {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .h--secondtxt {
    margin-top: 70px;
  }
}

.h--thirdtxt {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .h--thirdtxt {
    margin-top: 70px;
  }
}

.h--fwn {
  font-weight: normal;
}

.h--fwb {
  font-weight: bold;
}

.h--fwblack {
  font-weight: 900;
}

.h--tal {
  text-align: left;
}

.h--tac {
  text-align: center;
}

.h--tar {
  text-align: right;
}

.h--vat {
  vertical-align: top;
}

.h--vam {
  vertical-align: middle;
}

.h--vab {
  vertical-align: bottom;
}

.h--mt0 {
  margin-top: 0px !important;
}

.h--mt10 {
  margin-top: 10px !important;
}

.h--mt20 {
  margin-top: 20px !important;
}

.h--mt30 {
  margin-top: 30px !important;
}

.h--mt40 {
  margin-top: 40px !important;
}

.h--mt50 {
  margin-top: 50px !important;
}

.h--mt60 {
  margin-top: 60px !important;
}

.h--mt70 {
  margin-top: 70px !important;
}

.h--mt80 {
  margin-top: 80px !important;
}

.h--mt90 {
  margin-top: 90px !important;
}

.h--mt100 {
  margin-top: 100px !important;
}

.h--mt25 {
  margin-top: 25px !important;
}

.h--mt15 {
  margin-top: 15px !important;
}

.h--w100 {
  width: 100%;
}

.h--clear {
  clear: both;
}

@media print, screen and (min-width: 768px) {
  .h--sm {
    display: none;
  }
}

.h--md {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .h--md {
    display: block;
  }
}

.app-mv {
  position: relative;
  height: 560px;
}

@media print, screen and (min-width: 992px) {
  .app-mv {
    height: 640px;
  }
}

.app-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
}

.app-mv > div {
  position: relative;
  z-index: 1;
}

.app-mv .cate {
  margin-top: 100px;
}

@media print, screen and (min-width: 768px) {
  .app-mv .cate {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 992px) {
  .app-mv .cate {
    margin-top: 160px;
  }
}

.app-mv .ttl {
  font-size: 3.2rem;
  line-height: 1.1;
  margin-top: 10px;
}

@media print, screen and (min-width: 768px) {
  .app-mv .ttl {
    font-size: 4.8rem;
    margin-top: 20px;
  }
}

.app-mv.v-automobile {
  background: url(/americas/mna/applications/automobile_and_machine_manufacturer/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-beer {
  background: url(/americas/mna/applications/beer/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-beverage {
  background: url(/americas/mna/applications/beverages/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-bread {
  background: url(/americas/mna/applications/bread/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-building {
  background: url(/americas/mna/applications/building_and_factory/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-cold {
  background: url(/americas/mna/applications/cold_storage/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-rice {
  background: url(/americas/mna/applications/cooked_rice/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-dairy {
  background: url(/americas/mna/applications/dairy_products/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-downstream {
  background: url(/americas/mna/applications/down_stream/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-freezedried {
  background: url(/americas/mna/applications/freeze_dried_food/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-frozen {
  background: url(/americas/mna/applications/frozen_and_chilled_food/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-ice {
  background: url(/americas/mna/applications/ice_making/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-leisure {
  background: url(/americas/mna/applications/leisure_and_sports/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-marine {
  background: url(/americas/mna/applications/marine/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-meat {
  background: url(/americas/mna/applications/meat/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-noodle {
  background: url(/americas/mna/applications/noodles/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-poultry {
  background: url(/americas/mna/applications/poultry/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-research {
  background: url(/americas/mna/applications/research_institute/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-seafood {
  background: url(/americas/mna/applications/seafood/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-social {
  background: url(/americas/mna/applications/social_infrastructure/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-upstream {
  background: url(/americas/mna/applications/up_stream_and_mid_stream/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-mv.v-vegetable {
  background: url(/americas/mna/applications/vegetables/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
}

.app-better {
  position: relative;
  top: -150px;
}

@media print, screen and (min-width: 768px) {
  .app-better {
    top: -120px;
  }
}

@media print, screen and (min-width: 992px) {
  .app-better {
    width: 992px;
  }
}

@media screen and (min-width: 1200px) {
  .app-better {
    width: 1200px;
  }
}

.app-better > .box {
  background: #2a2531 url(/americas/mna/applications/images/bg_grid.png);
  padding: 40px 30px 50px;
}

@media print, screen and (min-width: 768px) {
  .app-better > .box {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.app-better .lead {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .app-better .lead {
    font-size: 3.2rem;
  }
}

.app-better > .btn {
  position: relative;
  display: block;
  width: 100%;
  background-color: #d1003b;
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
  padding: 24px 0 22px;
  text-align: center;
}

.app-better > .btn:hover {
  background-color: #ff0048;
}

@media print, screen and (min-width: 768px) {
  .app-better > .btn {
    display: inline-block;
    position: absolute;
    width: auto;
    top: -70px;
    right: 0;
    padding: 21px 30px 22px;
  }
}

.app-better > .btn > span {
  position: relative;
  padding-left: 40px;
  display: inline-block;
}

.app-better > .btn > span:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
  width: 24px;
  height: 18px;
  background: url(/americas/mna/applications/images/ico_mail.svg) no-repeat center center;
}

.app-better .points .each {
  margin-top: 50px;
}

.app-better .points .each > .name {
  font-size: 2rem;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .app-better .points .each > .name {
    font-size: 2.2rem;
  }
}

.app-better .points .each > .symbol {
  margin-top: 10px;
}

@media print, screen and (min-width: 768px) {
  .app-better .points .each > .symbol {
    margin-top: 2px;
  }
}

.app-better .points .each > .desc {
  font-size: 1.4rem;
  margin-top: 15px;
}

.app-main {
  margin-top: -135px;
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .app-main {
    margin-top: -120px;
    padding-bottom: 90px;
  }
}

.app-main > .each {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .app-main > .each {
    margin-top: 90px;
  }
}

.app-main .ttl {
  font-size: 2.6rem;
}

@media print, screen and (min-width: 768px) {
  .app-main .ttl {
    font-size: 3rem;
  }
}

.app-main .img {
  margin-top: 35px;
}

@media print, screen and (min-width: 768px) {
  .app-main .img {
    margin-top: 0;
  }
}

.app-main .img .caption {
  margin-top: 10px;
}

.app-main .txt {
  margin-top: 25px;
}

.app-partner {
  background: #2a2531;
  padding-top: 35px;
  padding-bottom: 50px;
}

@media print, screen and (min-width: 768px) {
  .app-partner {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}

.app-partner .lead {
  margin-bottom: 55px;
}

@media print, screen and (min-width: 768px) {
  .app-partner .lead {
    margin-bottom: 80px;
    text-align: center;
  }
}

.app-partner .lead > .txt {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .app-partner .lead > .txt {
    margin-top: 40px;
  }
}

.app-partner .each {
  border-top: 1px solid #a8a7bc;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .app-partner .each > .left {
    width: calc(100% - 410px);
  }
}

@media print, screen and (min-width: 768px) {
  .app-partner .each > .right {
    width: 350px;
  }
}

.app-partner .each .ttl {
  font-size: 2.2rem;
  line-height: 1.2;
}

.app-partner .each .img {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .app-partner .each .img {
    margin-top: 0;
  }
}

.app-partner .each .img.v-flow {
  overflow-x: auto;
}

.app-partner .each .img.v-flow img {
  min-width: 950px;
}

.app-partner .each .js-vscroll {
  padding-top: 10px;
  padding-bottom: 10px;
}

.app-partner .each .js-vscroll.v-toRight {
  border-right: 5px solid #f6f6f7;
}

.app-partner .each .js-vscroll.v-toLeft {
  border-left: 5px solid #f6f6f7;
}

.app-related {
  padding-top: 80px;
  padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .app-related {
    padding-top: 90px;
    padding-top: 70px;
  }
}

.app-related .items {
  margin-top: 20px;
}

.app-related .item {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
  font-size: 1.6rem;
}

@media print, screen and (min-width: 768px) {
  .app-related .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

.app-related .item:hover {
  background-color: #f6f6f7;
}

.app-related .item > .link {
  opacity: .5;
  margin-top: 5px;
}

.app-related .item img {
  max-width: 100%;
}

.case-block {
  padding-top: 25px;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .case-block {
    padding-top: 55px;
    padding-bottom: 60px;
  }
}

.case-block .small-txt {
  color: #2F2A36;
}

.case-block .lead {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 300;
}

@media print, screen and (min-width: 768px) {
  .case-block .lead {
    font-size: 2.4rem;
  }
}

.case-block .fisheries {
  background: #4a495b;
  margin-top: 30px;
  padding: 30px 20px;
}

@media print, screen and (min-width: 768px) {
  .case-block .fisheries > .form {
    max-width: 470px;
    margin-right: auto;
    margin-left: auto;
  }
}

.case-block .fisheries .accept > .checkbox {
  font-size: 1.4rem;
  padding-left: 29px;
}

.case-block .fisheries .accept > .checkbox:before {
  width: 18px;
  height: 18px;
}

.case-block .fisheries .download {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .case-block .fisheries .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 768px) {
  .case-block .fisheries .download .input {
    margin-right: 10px;
    margin-top: 0;
    width: 330px;
  }
}

.case-block .fisheries .btn {
  margin-top: 20px;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .case-block .fisheries .btn {
    margin-top: 0;
    width: 129px;
  }
}

.case-lead .cate {
  opacity: .5;
}

.case-data {
  background: #f6eea8;
  padding: 24px 20px 30px;
}

.case-data > .ttl {
  font-size: 2.1rem;
}

.case-data > .row {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
}

.case-data > .row.v-last {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.case-main > .sec {
  margin-top: 60px;
}

.case-main > .sec.v-last {
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .case-main > .sec {
    margin-top: 70px;
  }
  .case-main > .sec.v-last {
    margin-bottom: 70px;
  }
}

@media print, screen and (min-width: 992px) {
  .case-main > .sec.v-first {
    margin-top: 0;
  }
}

.case-main > .sec > .cate {
  margin-top: 10px;
}

.case-main > .sec > .ttl {
  margin-top: 10px;
}

.products-mv {
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .products-mv {
    padding-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .products-mv > .container {
    min-height: 560px;
  }
}

.products-mv .ttl {
  margin-top: 100px;
}

@media print, screen and (min-width: 768px) {
  .products-mv .ttl {
    margin-top: 110px;
  }
}

@media print, screen and (min-width: 992px) {
  .products-mv .ttl {
    margin-top: 150px;
  }
}

.products-mv .lead {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .products-mv .lead {
    margin-bottom: 70px;
  }
}

.products-mv .img {
  margin-top: 40px;
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .products-mv .img {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 0;
    margin-bottom: 0;
  }
}

.products-features {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .products-features {
    margin-top: 70px;
  }
}

.products-features .swiper-button-next, .products-features .swiper-button-prev {
  top: 50%;
}

.products-feature {
  border-top: 1px solid #d4d5d6;
  max-width: 690px;
  margin: 0 auto;
}

@media print, screen and (min-width: 992px) {
  .products-feature {
    max-width: 930px;
  }
}

@media screen and (min-width: 1200px) {
  .products-feature {
    max-width: 1110px;
  }
}

.products-feature.v-last {
  border-bottom: 1px solid #d4d5d6;
}

.products-feature > .toggle {
  padding: 25px 50px 20px 30px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
}

.products-feature > .toggle:after {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: url(/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
  background-size: contain;
}

@media print, screen and (min-width: 768px) {
  .products-feature > .toggle:after {
    right: 30px;
  }
}

.products-feature > .toggle > .lead {
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .products-feature > .toggle > .lead {
    font-size: 3.2em;
  }
}

.products-feature > .content {
  height: 0;
  overflow: hidden;
}

.products-feature > .content .lead {
  font-size: 1.7rem;
  margin-top: 10px;
}

@media print, screen and (min-width: 576px) {
  .products-feature > .content .lead {
    margin-top: 20px;
  }
}

.products-feature > .content .swiper-slide {
  background: #f6f6f7;
}

.products-feature.v-on {
  background: #f6f6f7;
}

.products-feature.v-on > .toggle:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.products-feature.v-on > .content {
  padding: 60px 0;
  margin-right: 15px;
  margin-left: 15px;
  height: auto;
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .products-feature.v-on > .content {
    padding: 70px 0;
    margin-right: 30px;
    margin-left: 30px;
  }
}

.products-related {
  background: #f6f6f7;
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .products-related {
    margin-top: 90px;
  }
}

.products-related .content {
  margin-top: 20px;
}

.products-related .content > .item {
  border-top: 1px solid #d4d5d6;
}

.products-related .content > .item.v-last {
  border-bottom: 1px solid #d4d5d6;
}

.products-related .content > .item > a {
  position: relative;
  display: block;
  font-size: 1.4rem;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.products-related .content > .item > a:hover {
  opacity: .75;
}

.products-related .content > .item > a.v-blank {
  padding-left: 20px;
  background: url(/assets/images/common/ico_blank_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.products-related .content > .item > a.v-download {
  padding-left: 20px;
  background: url(/assets/images/common/ico_dl_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.products-related .content > .item > a.v-next {
  padding-left: 20px;
  background: url(/assets/images/common/ico_right_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.products-related .app .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.products-related .app .content .item {
  width: calc(50% - 10px);
}

.products-related .other {
  margin-top: 40px;
}

@media print, screen and (min-width: 992px) {
  .products-related .other {
    margin-top: 0;
  }
}

.products-related .other .content .item {
  width: calc(100% - 10px);
}

.company-mv {
  position: relative;
  background: url(/americas/mna/company/images/bg_mv.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 560px;
}

@media print, screen and (min-width: 992px) {
  .company-mv {
    height: 640px;
  }
}

.company-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

.company-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.company-mv .logo img {
  width: 170px;
}

.company-mv .ttl {
  margin-top: 10px;
}

@media print, screen and (min-width: 576px) {
  .company-mv .ttl {
    margin-top: 20px;
  }
}

.company-mv .desc {
  margin-top: 40px;
}

@media print, screen and (min-width: 576px) {
  .company-mv .desc {
    margin-top: 50px;
  }
}

.company-mv span {
  display: inline-block;
}

.company-network .lead {
  margin-top: 20px;
  font-weight: 300;
  font-size: 1.8rem;
}

@media print, screen and (min-width: 768px) {
  .company-network .lead {
    font-size: 3rem;
  }
}

.company-network .block {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .company-network .block {
    margin-top: 80px;
  }
}

.company-network .block .img {
  margin-top: 30px;
}

.company-network .block .ttl {
  margin-top: 0;
}

.company-network .block .ttl.v-pc {
  display: none;
}

@media print, screen and (min-width: 992px) {
  .company-network .block .ttl.v-pc {
    display: block;
  }
}

@media print, screen and (min-width: 992px) {
  .company-network .block .ttl.v-sp {
    display: none;
  }
}

.company-network .block .link {
  text-align: center;
}

@media print, screen and (min-width: 992px) {
  .company-network .block .link {
    text-align: left;
  }
}

.company-network .block .txtlink {
  text-decoration: underline;
}

.company-network .block .txtlink:hover {
  text-decoration: none;
}

.company-global-mv {
  padding-top: 80px;
  margin-bottom: 45px;
}

@media print, screen and (min-width: 768px) {
  .company-global-mv {
    padding-top: 90px;
  }
}

.company-global-mv .img {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .company-global-mv .img {
    margin-top: 0;
  }
}

.company-global-area {
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .company-global-area {
    max-width: 720px;
    margin-top: 70px;
  }
}

@media print, screen and (min-width: 992px) {
  .company-global-area {
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .company-global-area {
    max-width: 1140px;
  }
}

.company-global-area > .area {
  padding-right: 15px;
  padding-left: 15px;
}

@media print, screen and (min-width: 768px) {
  .company-global-area > .area {
    padding-right: 0;
    padding-left: 0;
  }
}

.company-global {
  margin-top: 5px;
}

.company-global.v-first {
  margin-top: 20px;
}

.company-global > .togglebtn {
  position: relative;
  display: block;
  padding: 15px;
  background: #f6f6f7;
  width: 100%;
  text-align: left;
  font-size: 2.2rem;
}

@media print, screen and (min-width: 768px) {
  .company-global > .togglebtn {
    padding: 30px 30px;
  }
}

.company-global > .togglebtn:after {
  content: "";
  position: absolute;
  right: 15px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url(/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
  background-size: contain;
}

@media print, screen and (min-width: 768px) {
  .company-global > .togglebtn:after {
    right: 20px;
  }
}

.company-global > .togglebtn.v-on:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.company-global > .content {
  padding: 40px 15px;
  display: none;
}

@media print, screen and (min-width: 768px) {
  .company-global > .content {
    padding: 40px 30px;
  }
}

.company-global > .content .link {
  display: inline;
}

.company-global > .content .link:after {
  right: 0;
  bottom: 0.1em;
  top: initial;
}

.company-global:last-child > .content.v-on {
  border-bottom: 1px solid #d4d5d6;
}

.company-global-office > .office {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #d4d5d6;
}

.company-global-office > .office.v-first {
  padding-top: 40px;
  border-top: none;
}

@media print, screen and (min-width: 768px) {
  .company-global-office > .office.v-first {
    padding-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .company-global-office > .office.v-last {
    padding-bottom: 0;
  }
}

.company-sales {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .company-sales {
    margin-top: 60px;
  }
}

.company-sales .list {
  padding: 30px 0;
  border-bottom: 1px solid #d4d5d6;
}

.company-sales .list:first-child {
  border-top: 1px solid #d4d5d6;
}

.company-sales .list .name {
  font-size: 2.4rem;
}

.company-standards {
  margin-top: 55px;
}

@media print, screen and (min-width: 768px) {
  .company-standards {
    margin-top: 65px;
  }
}

.company-standards.v-first {
  margin-top: 35px;
}

@media print, screen and (min-width: 768px) {
  .company-standards.v-first {
    margin-top: 45px;
  }
}

.company-standards .data {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .company-standards .data {
    margin-top: 30px;
  }
}

.company-plants {
  margin-top: 70px;
}

@media print, screen and (min-width: 768px) {
  .company-plants {
    margin-top: 60px;
  }
}

.company-plants.v-first {
  margin-top: 35px;
}

@media print, screen and (min-width: 768px) {
  .company-plants.v-first {
    margin-top: 45px;
  }
}

.company-plants .plant {
  padding: 25px 20px 30px;
}

.company-plants .plant.v-first {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .company-plants .plant.v-first {
    margin-top: 30px;
  }
}

.company-plants .plant .under {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .company-plants .plant .under {
    margin-top: 0;
  }
}

.company-history-yearly {
  position: relative;
  width: 100%;
  padding-left: 30px;
  padding-bottom: 60px;
  margin-top: 10px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly {
    padding-left: 120px;
    padding-bottom: 70px;
  }
}

@media print, screen and (min-width: 992px) {
  .company-history-yearly {
    padding-left: 190px;
  }
}

.company-history-yearly:before {
  content: "";
  position: absolute;
  top: 1em;
  left: 7px;
  width: 1px;
  height: calc(100% - 1em);
  background: #d1003b;
}

.company-history-yearly:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background: #d1003b;
}

.company-history-yearly.v-first {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly.v-first {
    margin-top: 70px;
  }
}

.company-history-yearly.v-last:before {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .year {
    position: absolute;
    left: 25px;
    top: 0;
  }
}

.company-history-yearly > .portrait {
  width: 117px;
}

@media print, screen and (min-width: 576px) {
  .company-history-yearly > .portrait {
    width: 179px;
  }
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .portrait {
    width: 212px;
  }
}

@media print, screen and (min-width: 992px) {
  .company-history-yearly > .portrait {
    width: 286px;
  }
}

@media print, screen and (min-width: 576px) {
  .company-history-yearly > .portrait {
    width: 342px;
  }
}

.company-history-yearly > .event {
  margin-top: 40px;
}

.company-history-yearly > .event.v-first {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .event.v-first {
    margin-top: 0;
  }
}

.company-history-yearly > .subevent {
  margin-top: 40px;
}

.company-history-yearly > .subevent.v-first {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .subevent.v-first {
    margin-top: 0;
  }
}

.company-history-yearly > .subevent + .subevent {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .subevent.v-sbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .subevent.v-sbs > .txt {
    width: calc(100% - 210px);
  }
}

@media screen and (min-width: 1200px) {
  .company-history-yearly > .subevent.v-sbs > .txt {
    width: calc(100% - 245px);
  }
}

.company-history-yearly > .subevent.v-sbs > .img {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .company-history-yearly > .subevent.v-sbs > .img {
    margin-top: 0;
    width: 180px;
  }
}

@media screen and (min-width: 1200px) {
  .company-history-yearly > .subevent.v-sbs > .img {
    width: 225px;
  }
}

.company-history-yearly > .subevent.v-sbs > .img > img {
  width: 100%;
}

.company-history-age {
  background: #2a2531;
  padding: 60px 0;
}

@media print, screen and (min-width: 768px) {
  .company-history-age {
    padding: 70px 0 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .company-history-age .sbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .company-history-age .sbs > .txt {
    width: calc(100% - 310px);
  }
}

@media print, screen and (min-width: 992px) {
  .company-history-age .sbs > .txt {
    width: calc(100% - 330px);
  }
}

@media screen and (min-width: 1200px) {
  .company-history-age .sbs > .txt {
    width: calc(100% - 390px);
  }
}

.company-history-age .sbs > .img {
  margin-top: 40px;
}

.company-history-age .sbs > .img img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .company-history-age .sbs > .img {
    margin-top: 0;
    width: 270px;
  }
}

@media print, screen and (min-width: 992px) {
  .company-history-age .sbs > .img {
    width: 290px;
  }
}

@media screen and (min-width: 1200px) {
  .company-history-age .sbs > .img {
    width: 350px;
  }
}

.contact-mv {
  position: relative;
  background: url(/contact/images/img_mv_sm.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px;
}

@media print, screen and (min-width: 768px) {
  .contact-mv {
    background: url(/contact/images/img_mv_xl.jpg) no-repeat center center;
    background-size: cover;
    height: 420px;
  }
}

.contact-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
}

.contact-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.contact-mv .lead {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .contact-mv .lead {
    margin-top: 40px;
  }
}

.contact-inquiries .other {
  opacity: 0.5;
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .contact-inquiries .other {
    margin-top: 60px;
  }
}

.contact-top-main {
  padding-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .contact-top-main {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 992px) {
  .contact-top-main {
    margin-top: 90px;
  }
}

.contact-top-main > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .contact-top-main > .item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.contact-top-main > .item > .img {
  width: 100%;
}

.contact-top-main > .item > .txt {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .contact-top-main > .item > .btn {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

.contact-top-main > .item:nth-child(n+2) {
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .contact-top-main > .item:nth-child(n+2) {
    border-top: none;
    border-left: 1px solid #d4d5d6;
  }
}

.contact-map {
  margin-top: 80px;
  text-align: center;
  background: #f6f6f7;
}

@media print, screen and (min-width: 768px) {
  .contact-map {
    margin-top: 60px;
    text-align: left;
  }
}

@media print, screen and (min-width: 992px) {
  .contact-map {
    margin-top: 90px;
  }
}

.contact-map > .container {
  position: relative;
}

.contact-map > .container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(/americas/mna/contact/images/img_map.png) no-repeat top left;
  background-size: 100% auto;
  z-index: 0;
}

@media print, screen and (min-width: 768px) {
  .contact-map > .container:after {
    width: 50%;
    background: url(/americas/mna/contact/images/img_map.png) no-repeat center right;
    background-size: 100% auto;
  }
}

@media print, screen and (min-width: 992px) {
  .contact-map > .container:after {
    width: calc(7 / 12 * 100%);
  }
}

.contact-map > .container .content {
  padding-top: calc(702 / 1380 * 60%);
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .contact-map > .container .content {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.contact-map > .container .txt {
  font-size: 2rem;
  font-weight: 300;
}

@media print, screen and (min-width: 768px) {
  .contact-map > .container .txt {
    font-size: 2.4rem;
  }
}

.event-form {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .event-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media print, screen and (min-width: 768px) {
  .event-form > .select {
    width: 30%;
    max-width: 210px;
  }
  .event-form > .select:not(:last-child) {
    margin-right: 20px;
  }
}

.events-list {
  display: block;
  margin-top: 30px;
  cursor: pointer;
}

.events-list .name {
  -webkit-transition: .1s linear;
  transition: .1s linear;
  color: #2a2531;
}

.events-list:hover .name {
  color: #d1003b;
}

.events-list .date {
  padding-left: 30px;
  background: url(/events/images/ico_calendar.svg) no-repeat center left;
  background-size: 20px 20px;
  color: #4a495b;
}

@media print, screen and (min-width: 992px) {
  .events-list .date {
    display: inline-block;
    margin-right: 40px;
  }
}

.events-list .spot {
  margin-top: 5px;
  padding-left: 30px;
  background: url(/events/images/ico_spot.svg) no-repeat center left;
  background-size: 20px 20px;
  color: #4a495b;
}

@media print, screen and (min-width: 992px) {
  .events-list .spot {
    margin-top: 0;
    display: inline-block;
  }
}

.events-tags .tag {
  display: inline-block;
  margin-right: 10px;
}

.events-tags .tag.v-training {
  background: #5f6ec8;
  width: 102px;
}

.events-tags .tag.v-conference {
  background: #46b4a5;
  width: 102px;
}

.events-tags .tag.v-workshop {
  background: #d76e4b;
  width: 102px;
}

.events-tags .tag.v-previous {
  background: rgba(74, 73, 91, 0.2);
  width: 132px;
}

.events-detail {
  padding-bottom: 60px;
  border-bottom: 1px solid #d4d5d6;
}

.events-data {
  background: #f6eea8;
  padding: 30px 20px;
}

.events-data > .list > .date {
  position: relative;
  padding-left: 32px;
  padding-bottom: 10px;
}

.events-data > .list > .date:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_calendar.png) no-repeat center center;
  background-size: contain;
}

.events-data > .list > .spot {
  position: relative;
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.events-data > .list > .spot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_pin.png) no-repeat center center;
  background-size: contain;
}

.events-data > .list > .address {
  position: relative;
  padding-left: 32px;
  padding-top: 10px;
}

.events-data > .list > .address:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_door.png) no-repeat center center;
  background-size: contain;
}

.events-data > .list .line {
  display: inline-block;
}

.events-data > .btn > span {
  position: relative;
}

.events-data > .btn > span:after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  right: -20px;
  background: url(../img/common/ico_blank_buff.svg) no-repeat center center;
}

.events-data {
  background: #f6eea8;
  width: 100%;
  margin-top: 55px;
}

.events-data .date {
  position: relative;
  padding-left: 35px;
}

.events-data .date:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 22px;
  background: url(/events/images/ico_calendar.svg) no-repeat center center;
}

.events-data .area {
  position: relative;
  padding-left: 35px;
}

.events-data .area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 22px;
  background: url(/events/images/ico_spot.svg) no-repeat center center;
}

.events-data .place {
  position: relative;
  padding-left: 35px;
}

.events-data .place:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 22px;
  background: url(/events/images/ico_door.svg) no-repeat center center;
}

.events-data .btn {
  display: block;
  text-align: center;
}

.events-data .btn:after {
  right: calc(50% - 70px);
}

@media print, screen and (min-width: 992px) {
  .events-data {
    position: absolute;
    right: 0;
    top: 0;
    width: 210px;
    margin-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .events-data {
    width: 255px;
  }
}

.events-content {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .events-content {
    margin-top: 60px;
  }
}

@media print, screen and (min-width: 992px) {
  .events-content {
    min-height: 100px;
  }
}

.events-content dl {
  margin-top: 20px;
}

.events-content dl dt {
  margin-top: 40px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 900;
  color: #2a2531;
}

.events-content dl dd {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 10px;
}

.events-back {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .events-back {
    margin-top: 70px;
  }
}

.mycom-mv {
  position: relative;
  background: url(/mycom/images/img_mv_sm.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 480px;
}

@media print, screen and (min-width: 768px) {
  .mycom-mv {
    background: url(/mycom/images/img_mv_xl.jpg) no-repeat center center;
    background-size: cover;
    height: 640px;
  }
}

.mycom-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
}

.mycom-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.mycom-mv .img {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .mycom-mv .img {
    margin-top: 0;
  }
}

.mycom-mv .ttl {
  margin-top: 10px;
  font-size: 3.1rem;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .mycom-mv .ttl {
    margin-top: 20px;
    font-size: 6rem;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-mv .break {
    display: none;
  }
}

.mycom-comp-mv {
  background: #2a2531;
  padding-bottom: 90px;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-mv {
    padding-bottom: 100px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv {
    min-height: 580px;
    padding-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-mv > .container {
    min-height: 560px;
  }
}

.mycom-comp-mv .ttl {
  margin-top: 100px;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-mv .ttl {
    margin-top: 110px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv .ttl {
    margin-top: 150px;
  }
}

.mycom-comp-mv .lead {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-mv .lead {
    margin-bottom: 70px;
  }
}

.mycom-comp-mv .img {
  margin-top: 20px;
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-mv .img {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv .img {
    position: absolute;
    top: 50%;
    left: 60%;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.mycom-comp-mv.v-screw .img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-screw .img {
    width: 90%;
    left: 650px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mycom-comp-mv.v-screw .img img {
    width: 70%;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-screw .img {
    left: 750px;
    top: initial;
    top: auto;
    bottom: -60px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-comp-mv.v-oil .img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-oil .img {
    width: 90%;
    left: 650px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-oil .img {
    left: 750px;
    top: initial;
    top: auto;
    bottom: -60px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-comp-mv.v-special .img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-special .img {
    width: 100%;
    left: 650px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-special .img {
    left: 750px;
    top: initial;
    top: auto;
    bottom: -60px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-comp-mv.v-recipro .img {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-recipro .img {
    width: 100%;
    left: 650px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-recipro .img {
    left: 750px;
    top: initial;
    top: auto;
    bottom: -120px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-comp-mv.v-parts .img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-parts .img {
    width: 50%;
    left: 650px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-parts .img {
    left: 850px;
    top: initial;
    top: auto;
    bottom: -60px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-comp-mv.v-panel .img {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-mv.v-panel .img {
    width: 40%;
    left: 650px;
    -webkit-transform: translateY(-46%);
            transform: translateY(-46%);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-mv.v-panel .img {
    left: 750px;
    top: initial;
    top: auto;
    bottom: -135px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mycom-lead {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .mycom-lead {
    background: url(/mycom/images/bg_lead.png) no-repeat center right;
    background-size: 40% auto;
    padding-top: 90px;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-lead {
    padding-top: 120px;
  }
}

.mycom-lead .btn {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .mycom-lead .btn {
    margin-top: 30px;
  }
}

.mycom-lead .parts {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .mycom-lead .parts {
    margin-top: 60px;
  }
}

.mycom-related {
  background: #f6f6f7;
  padding-top: 80px;
  padding-bottom: 80px;
}

.mycom-related .item {
  margin-top: 50px;
}

@media print, screen and (min-width: 768px) {
  .mycom-related .item {
    margin-top: 60px;
  }
}

.mycom-comp-content {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.mycom-comp-content .pagetab {
  position: absolute;
  top: -98px;
  max-width: calc(100% - 30px);
  overflow-x: auto;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-content .pagetab {
    top: -108px;
  }
}

.mycom-comp-content .series {
  position: relative;
}

.mycom-comp-content .series > .right {
  margin-top: 25px;
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-content .series > .right {
    position: relative;
    right: 0;
    top: 0;
    width: 270px;
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-content .series > .right {
    position: static;
    width: 370px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-content .series > .right {
    width: 445px;
  }
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-content .series > .left {
    width: calc(100% - 300px);
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-content .series > .left {
    width: calc(100% - 400px);
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-content .series > .left {
    width: calc(100% - 475px);
  }
}

@media print, screen and (min-width: 768px) {
  .mycom-comp-content .series .swiper-button-next, .mycom-comp-content .series .swiper-button-prev {
    top: 95px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-comp-content .series .swiper-button-next, .mycom-comp-content .series .swiper-button-prev {
    top: 130px;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-comp-content .series .swiper-button-next, .mycom-comp-content .series .swiper-button-prev {
    top: 160px;
  }
}

.mycom-comp-request {
  background: #f6eea8;
  padding: 20px 30px 30px;
}

.mycom-comp-request .btn {
  margin-right: 20px;
}

.mycom-genuine-parts {
  background: #f6f6f7;
}

@media print, screen and (min-width: 992px) {
  .mycom-genuine-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mycom-genuine-parts > .img {
    width: 50%;
  }
  .mycom-genuine-parts > .txt {
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.mycom-genuine-parts > .img {
  overflow: hidden;
}

@media print, screen and (min-width: 992px) {
  .mycom-genuine-parts > .img {
    height: 496px;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-genuine-parts > .img {
    height: 560px;
  }
}

.mycom-genuine-parts > .img img {
  max-width: auto;
  max-width: initial;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}

.mycom-genuine-parts > .txt > .inner {
  max-width: 540px;
  margin: 0 auto;
  padding: 40px 15px;
}

@media print, screen and (min-width: 576px) {
  .mycom-genuine-parts > .txt > .inner {
    padding: 50px 15px;
  }
}

@media print, screen and (min-width: 992px) {
  .mycom-genuine-parts > .txt > .inner {
    padding-left: 65px;
    padding-bottom: 10px;
    margin: 0;
  }
}

@media screen and (min-width: 1200px) {
  .mycom-genuine-parts > .txt > .inner {
    padding-top: 65px;
    max-width: 525px;
  }
}

.mycom-related-links {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mycom-related-links .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

.mycom-related-links .content > .item {
  width: calc(50% - 5px);
  border-top: 1px solid #d4d5d6;
}

.mycom-related-links .content > .item.v-last {
  border-bottom: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .mycom-related-links .content > .item {
    width: calc(50% - 10px);
  }
}

.mycom-related-links .content > .item > a {
  position: relative;
  display: block;
  font-size: 1.2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

@media print, screen and (min-width: 768px) {
  .mycom-related-links .content > .item > a {
    font-size: 1.4rem;
  }
}

.mycom-related-links .content > .item > a:hover {
  opacity: .75;
}

.mycom-related-links .content > .item > a.v-blank {
  background: url(/assets/images/common/ico_blank_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.mycom-related-links .content > .item > a.v-download {
  background: url(/assets/images/common/ico_dl_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.mycom-related-links .content > .item > a.v-next {
  background: url(/assets/images/common/ico_right_red.svg) no-repeat right center;
  background-size: 18px 18px;
}

.with-mv {
  position: relative;
  background: url(/assets/images/common/bg_with_sm.jpg) no-repeat top center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 560px;
}

@media print, screen and (min-width: 768px) {
  .with-mv {
    background: url(/assets/images/common/bg_with_xl.jpg) no-repeat center center;
    background-size: cover;
  }
}

@media print, screen and (min-width: 992px) {
  .with-mv {
    height: 640px;
  }
}

.with-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

.with-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.with-mv .logo img {
  width: 170px;
}

.with-mv .ttl {
  margin-top: 10px;
}

@media print, screen and (min-width: 576px) {
  .with-mv .ttl {
    margin-top: 20px;
  }
}

.with-mv .desc {
  margin-top: 40px;
}

@media print, screen and (min-width: 576px) {
  .with-mv .desc {
    margin-top: 50px;
  }
}

.with-mv span {
  display: inline-block;
}

.with-approach {
  padding-top: 80px;
}

@media print, screen and (min-width: 768px) {
  .with-approach {
    padding-top: 90px;
  }
}

.with-approach .lead {
  font-size: 3.6rem;
  font-weight: 300;
  margin-top: 10px;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  .with-approach .lead {
    margin-top: 20px;
  }
}

.with-stories {
  margin-top: 80px;
}

@media print, screen and (min-width: 768px) {
  .with-stories {
    margin-top: 90px;
  }
}

.with-cards {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .with-cards {
    margin-top: 30px;
  }
}

.with-cards:after {
  content: "";
  display: block;
  clear: both;
}

.with-card {
  -webkit-box-shadow: 0 0 20px 6px rgba(42, 37, 49, 0.1);
          box-shadow: 0 0 20px 6px rgba(42, 37, 49, 0.1);
  background: #fff;
  color: #2f2a39;
  display: block;
}

.with-card:hover {
  color: #d1003b;
}

@media print, screen and (min-width: 992px) {
  .with-card.v-main {
    float: left;
    width: calc(730 / 1110 * 100%);
  }
}

.with-card.v-main .txt {
  padding: 20px 30px 30px;
  font-size: 2rem;
}

.with-card.v-sub {
  width: 100%;
  min-height: 135px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 992px) {
  .with-card.v-sub {
    float: right;
    display: block;
    width: calc(350 / 1110 * 100%);
    min-height: auto;
    min-height: initial;
    margin-top: 0;
  }
}

.with-card.v-sub .img {
  overflow: hidden;
  width: calc(105 / 345 * 100%);
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 135px;
}

@media print, screen and (min-width: 992px) {
  .with-card.v-sub .img {
    height: auto;
    width: 100%;
  }
}

.with-card.v-sub .img img {
  height: 135px;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 1000%;
}

@media print, screen and (min-width: 992px) {
  .with-card.v-sub .img img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
    height: auto;
  }
}

.with-card.v-sub .txt {
  width: calc(240 / 345 * 100%);
  padding: 20px 20px 20px 10px;
  font-size: 1.6rem;
  line-height: 1.4;
}

@media print, screen and (min-width: 992px) {
  .with-card.v-sub .txt {
    padding: 20px 20px 30px;
    width: 100%;
  }
}

@media print, screen and (min-width: 992px) {
  .with-card.v-last {
    margin-top: 30px;
  }
}

.with-answers {
  margin-top: 80px;
  padding: 70px 0 80px;
  background: url(/with/images/bg_answers.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .with-answers {
    margin-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 480px;
    padding: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .with-answers:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/with/images/bgtxt_answers.png) no-repeat top left;
    background-size: auto 80%;
    z-index: 0;
  }
}

@media print, screen and (min-width: 992px) {
  .with-answers:after {
    background-size: auto 100%;
  }
}

.with-answers > .content {
  position: relative;
  z-index: 1;
}

.with-relationships {
  position: relative;
  padding: 70px 0 80px;
  background: #2a2531;
}

@media print, screen and (min-width: 992px) {
  .with-relationships {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 480px;
    padding: 0;
  }
}

.with-relationships:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/with/images/img_relationships.jpg) no-repeat center center;
  background-size: cover;
  z-index: 0;
}

@media print, screen and (min-width: 992px) {
  .with-relationships:before {
    background: url(/with/images/img_relationships.jpg) no-repeat center right;
    background-size: cover;
    width: 50%;
  }
}

.with-relationships:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

@media print, screen and (min-width: 992px) {
  .with-relationships:after {
    content: none;
  }
}

.with-relationships .content {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 992px) {
  .with-relationships .content {
    padding-right: 50px;
  }
}

.with-90years {
  padding: 80px 0;
  position: relative;
  background: url(/with/images/img_years_sm.png) no-repeat bottom 160px center;
  background-size: auto 170px;
}

@media print, screen and (min-width: 576px) {
  .with-90years {
    background-size: auto 300px;
  }
}

@media print, screen and (min-width: 768px) {
  .with-90years {
    padding-top: 110px;
    padding-bottom: 240px;
    margin-bottom: 60px;
    background: url(/with/images/img_years_md.png) no-repeat bottom center;
    background-size: 100% auto;
  }
}

@media print, screen and (min-width: 992px) {
  .with-90years {
    background: url(/with/images/img_years_lg.png) no-repeat bottom center;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1200px) {
  .with-90years {
    padding-bottom: 400px;
    background: url(/with/images/img_years_xl.png) no-repeat bottom center;
    background-size: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .with-90years:after {
    content: "90";
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 40rem;
    color: #4a495b;
    opacity: .1;
    font-weight: 100;
  }
}

@media screen and (min-width: 1200px) {
  .with-90years:after {
    right: initial;
    left: 50%;
  }
}

.with-90years .btn {
  margin-top: 230px;
}

@media print, screen and (min-width: 576px) {
  .with-90years .btn {
    margin-top: 340px;
  }
}

@media print, screen and (min-width: 768px) {
  .with-90years .btn {
    margin-top: 30px;
  }
}

.with-stories-mv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 450px;
  padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .with-stories-mv {
    height: 560px;
    padding-bottom: 70px;
  }
}

@media print, screen and (min-width: 992px) {
  .with-stories-mv {
    height: 640px;
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 1200px) {
  .with-stories-mv {
    padding-bottom: 150px;
  }
}

.with-stories-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

.with-stories-mv > div {
  position: relative;
  z-index: 1;
}

.with-stories-mv .logo {
  font-size: 2.2rem;
  color: #fff;
  font-weight: 900;
}

.with-stories-mv .logo img {
  width: 170px;
  vertical-align: middle;
}

.with-stories-mv .ttl {
  margin-top: 40px;
}

@media print, screen and (min-width: 576px) {
  .with-stories-mv .ttl {
    margin-top: 50px;
  }
}

.with-stories-mv span {
  display: inline-block;
}

@media screen and (min-width: 1200px) {
  .with-stories-container {
    max-width: 1110px;
    margin: 0 auto;
  }
}

.with-stories-container > .basic {
  padding: 0 15px;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .basic {
    max-width: 690px;
    margin: 0 auto;
    padding: 0;
  }
}

@media print, screen and (min-width: 992px) {
  .with-stories-container > .basic {
    max-width: 770px;
  }
}

@media screen and (min-width: 1200px) {
  .with-stories-container > .basic {
    max-width: 730px;
  }
}

.with-stories-container > .basic img {
  width: 100%;
}

.with-stories-container > .right {
  padding: 0 15px;
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .right {
    padding: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .right > .img {
    float: right;
    margin-left: 20px;
    margin-bottom: 120px;
  }
}

.with-stories-container > .right > .img img {
  width: 100%;
}

.with-stories-container > .right > .txt {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .right > .txt {
    max-width: 690px;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 992px) {
  .with-stories-container > .right > .txt {
    max-width: 770px;
  }
}

@media screen and (min-width: 1200px) {
  .with-stories-container > .right > .txt {
    max-width: 730px;
  }
}

.with-stories-container > .left {
  padding: 0 15px;
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .left {
    padding: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .left > .img {
    float: left;
    margin-right: 20px;
    margin-bottom: 120px;
  }
}

.with-stories-container > .left > .img img {
  width: 100%;
}

.with-stories-container > .left > .txt {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .left > .txt {
    max-width: 690px;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 992px) {
  .with-stories-container > .left > .txt {
    max-width: 770px;
  }
}

@media screen and (min-width: 1200px) {
  .with-stories-container > .left > .txt {
    max-width: 730px;
  }
}

.with-stories-container > .eyecatch > .caption {
  padding: 0 15px;
}

@media print, screen and (min-width: 768px) {
  .with-stories-container > .eyecatch > .caption {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 992px) {
  .with-stories-container > .eyecatch > .caption {
    max-width: 800px;
  }
}

@media screen and (min-width: 1200px) {
  .with-stories-container > .eyecatch > .caption {
    max-width: 760px;
  }
}

.with-stories-container .sns {
  font-size: 0;
}

.with-stories-container .sns a {
  display: inline-block;
  width: 50px;
  height: 50px;
}

@media print, screen and (min-width: 992px) {
  .with-stories-container .sns a {
    width: 70px;
    height: 70px;
  }
}

.downloads-list .ttl {
  padding-bottom: 6px;
  border-bottom: 1px solid #d8d8d8;
}

.downloads-list .list > .item {
  position: relative;
  padding-left: 1.5em;
}

.downloads-list .list > .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1em;
  height: 1em;
  background: url(/assets/images/common/ico_pdf.png) no-repeat center center;
}

.downloads-list .list > .item a {
  color: #2a2531;
}

.downloads-list .list > .item a:hover {
  color: #d1003b;
}

.downloads-list .list > .item-word {
  position: relative;
  padding-left: 1.5em;
}

.downloads-list .list > .item-word:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1em;
  height: 1em;
  background: url(/assets/images/common/ico_word.png) no-repeat center center;
}

.downloads-list .list > .item-word a {
  color: #2a2531;
}

.downloads-list .list > .item-word a:hover {
  color: #d1003b;
}

.downloads-list .list > .item-excel {
  position: relative;
  padding-left: 1.5em;
}

.downloads-list .list > .item-excel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1em;
  height: 1em;
  background: url(/assets/images/common/ico_excel.png) no-repeat center center;
}

.downloads-list .list > .item-excel a {
  color: #2a2531;
}

.downloads-list .list > .item-excel a:hover {
  color: #d1003b;
}

.downloads-list .list > .item-yt {
  position: relative;
  padding-left: 1.5em;
}

.downloads-list .list > .item-yt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1em;
  height: 1em;
  background: url(/assets/images/common/ico_yt.svg) no-repeat center center;
}

.downloads-list .list > .item-yt a {
  color: #2a2531;
}

.downloads-list .list > .item-yt a:hover {
  color: #d1003b;
}

.top-attention {
  padding: 40px 0;
}

.top-attention p {
  display: block;
  width: 90%;
  max-width: 800px;
  margin: 0 auto 0;
  color: #4a495b;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.77;
}

.top-attention p a {
  color: #4a495b;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.77;
  -webkit-text-decoration: border;
          text-decoration: border;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.top-attention p a:hover {
  opacity: 0.6;
}

.top-attention p a img {
  position: relative;
  top: 3px;
  width: 16px;
  height: auto;
}

.top-attention .btn {
  display: block;
  width: 90%;
  max-width: 800px;
  margin: 0 auto 0;
  overflow: hidden;
}

.top-attention .btn .js-attention-cookie {
  float: right;
}

@media screen and (min-width: 1200px) {
  .top-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.top-main-movie {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 560px;
  padding: 0 15px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.top-main-movie:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-blend-mode: multiply;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 37, 49, 0)), color-stop(60%, rgba(42, 37, 49, 0.5)));
  background-image: linear-gradient(to bottom, rgba(42, 37, 49, 0), rgba(42, 37, 49, 0.5) 60%);
}

@media print, screen and (min-width: 992px) {
  .top-main-movie {
    height: 640px;
    padding: 0 0 80px;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-movie {
    width: 65%;
    height: 780px;
  }
}

.top-main-movie > .video {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.top-main-movie > .overwrap {
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 992px) {
  .top-main-movie > .overwrap {
    margin-left: 45px;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-movie > .overwrap {
    max-width: 780px;
    margin-left: 45px;
  }
}

.top-main-movie > .overwrap > .lead {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.3;
}

@media print, screen and (min-width: 768px) {
  .top-main-movie > .overwrap > .lead {
    font-size: 3.6rem;
  }
}

.top-main-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
  .top-main-articles {
    width: 35%;
  }
}

.top-main-articles .inlink {
  color: #fff;
  position: relative;
  text-decoration: underline;
}

.top-main-articles .inlink:hover {
  color: #f6eea8;
}

.top-main-articles .inlink:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

.top-main-articles .inlink.v-blank:after {
  background: url(/assets/images/common/ico_blank_buff.svg);
}

.top-main-articles .inlink.v-blank:hover:after {
  background: url(/assets/images/common/ico_blank_buff.svg);
}

.top-main-articles > .article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #4a495b;
  align-items: center;
  min-height: 170px;
  border-bottom: 1px solid #a8a7bc;
}

@media print, screen and (min-width: 992px) {
  .top-main-articles > .article {
    display: block;
    width: 33.333%;
    border-right: 1px solid #a8a7bc;
    border-bottom: none;
    min-height: 375px;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-articles > .article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #a8a7bc;
    min-height: auto;
    min-height: initial;
  }
}

.top-main-articles > .article > .txt {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 167px;
  padding-left: 15px;
}

@media print, screen and (min-width: 768px) {
  .top-main-articles > .article > .txt {
    padding-right: 215px;
  }
}

@media print, screen and (min-width: 992px) {
  .top-main-articles > .article > .txt {
    padding-right: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-articles > .article > .txt {
    width: 100%;
    padding-right: calc(40% + 15px);
  }
}

.top-main-articles > .article > .img {
  position: absolute;
  width: 152px;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
  background-size: cover;
}

@media print, screen and (min-width: 768px) {
  .top-main-articles > .article > .img {
    width: 200px;
  }
}

@media print, screen and (min-width: 992px) {
  .top-main-articles > .article > .img {
    width: 100%;
    height: auto;
    position: relative;
    height: 205px;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-articles > .article > .img {
    width: 40%;
    position: absolute;
    height: 100%;
  }
}

.top-main-articles > .article > .img.v-first {
  background-image: url(/americas/mna/images/topnews/img_article01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.top-main-articles > .article > .img.v-second {
  background-image: url(/americas/mna/images/topnews/img_article02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.top-main-articles > .article > .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  min-width: 100%;
  max-width: unset;
  max-width: initial;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top-main-articles > .world {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #2a2531;
  min-height: 170px;
}

.top-main-articles > .world:after {
  content: "";
  position: absolute;
  right: 0;
  top: 30px;
  width: 260px;
  height: calc(100% - 70px);
  background: url(/americas/mna/images/img_worldmap.svg) no-repeat center center;
  background-size: contain;
  z-index: 0;
}

@media print, screen and (min-width: 992px) {
  .top-main-articles > .world {
    display: block;
    padding-top: 205px;
    width: 33.334%;
  }
  .top-main-articles > .world:after {
    width: 90%;
    height: 205px;
    top: 0;
    right: 5%;
  }
}

@media screen and (min-width: 1200px) {
  .top-main-articles > .world {
    width: 100%;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-main-articles > .world:after {
    top: 30px;
    right: 0;
    width: 260px;
    height: calc(100% - 70px);
  }
}

.top-main-articles > .world .txt {
  position: relative;
  width: 100%;
  padding-top: 65px;
  padding-bottom: 75px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
}

@media print, screen and (min-width: 992px) {
  .top-main-articles > .world .txt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.top-app {
  position: relative;
  margin-top: 55px;
}

@media print, screen and (min-width: 992px) {
  .top-app {
    max-width: 960px;
    margin-top: 55px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .top-app {
    max-width: 1140px;
  }
}

@media print, screen and (min-width: 992px) {
  .top-app .lead {
    width: 320px;
  }
}

.top-app-menu {
  margin-top: 25px;
}

@media print, screen and (min-width: 768px) {
  .top-app-menu {
    max-width: 720px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 992px) {
  .top-app-menu {
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .top-app-menu {
    max-width: 1140px;
  }
}

.top-app-menu > .toggle {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 2px;
  padding: 20px 15px;
  background: rgba(74, 73, 91, 0.1);
  text-align: left;
  border-bottom: 2px solid #fff;
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
  font-size: 1.8rem;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .toggle {
    width: 320px;
    margin-left: 0;
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: none;
  }
  .top-app-menu > .toggle.v-current {
    font-weight: 700 !important;
    background: rgba(42, 37, 49, 0.3) !important;
  }
  .top-app-menu > .toggle.v-current:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    width: 8px;
    height: 100%;
    background: #d1003b;
    z-index: 3;
  }
}

@media screen and (min-width: 1200px) {
  .top-app-menu > .toggle {
    width: 380px;
    margin-left: 0;
  }
}

.top-app-menu > .toggle:after {
  content: "";
  position: absolute;
  right: 15px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url(/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
  background-size: contain;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .toggle:after {
    content: none;
  }
}

.top-app-menu > .toggle:hover {
  background: rgba(74, 73, 91, 0.3);
}

.top-app-menu > .toggle.v-on {
  background: rgba(74, 73, 91, 0.3);
  font-weight: 700;
  border-bottom: none;
}

.top-app-menu > .toggle.v-on:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .toggle.v-on {
    background: rgba(74, 73, 91, 0.1);
    font-weight: 400;
  }
}

.top-app-menu > .content {
  overflow: hidden;
  position: relative;
  height: 0;
  -webkit-transition: .1s linear;
  transition: .1s linear;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content {
    overflow: visible;
  }
}

.top-app-menu > .content.v-on {
  height: auto;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content.v-on {
    height: 100%;
  }
}

.top-app-menu > .content > .eyecatch {
  position: relative;
}

.top-app-menu > .content > .eyecatch > .desc {
  position: absolute;
  padding: 0 15px;
  bottom: 30px;
  left: 0;
  font-size: 2.2rem;
  line-height: 1.3;
}

@media print, screen and (min-width: 768px) {
  .top-app-menu > .content > .eyecatch > .desc {
    font-size: 3rem;
  }
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content > .eyecatch > .desc {
    top: 80px;
    bottom: auto;
    left: 5px;
    z-index: 1;
    width: 430px;
  }
}

@media screen and (min-width: 1200px) {
  .top-app-menu > .content > .eyecatch > .desc {
    width: 475px;
    left: 50px;
  }
}

.top-app-menu > .content > .eyecatch > .img {
  position: relative;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content > .eyecatch > .img {
    width: 854px;
    height: 609px;
    overflow: hidden;
  }
}

.top-app-menu > .content > .eyecatch > .img:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 37, 49, 0)), color-stop(60%, rgba(42, 37, 49, 0.5)));
  background-image: linear-gradient(to bottom, rgba(42, 37, 49, 0), rgba(42, 37, 49, 0.5) 60%);
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content > .eyecatch > .img > img {
    max-width: auto;
    max-width: initial;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.top-app-menu > .content > .list {
  -webkit-columns: 2;
          columns: 2;
  padding: 15px 0 30px;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content > .list {
    -webkit-columns: 3;
            columns: 3;
    position: absolute;
    bottom: 0;
    left: 5;
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .top-app-menu > .content > .list {
    left: 50px;
  }
}

.top-app-menu > .content > .list > li {
  padding: 0 13px;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
}

.top-app-menu > .content > .list .link {
  display: block;
  color: #d1003b;
  border-bottom: 1px solid #d4d5d6;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.top-app-menu > .content > .list .link:hover {
  opacity: .75;
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content > .list .link {
    color: #f6eea8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media print, screen and (min-width: 992px) {
  .top-app-menu > .content {
    position: absolute;
    left: 335px;
    top: 0;
    width: calc(100% - 335px);
    height: 100%;
  }
  .top-app-menu > .content > .eyecatch,
  .top-app-menu > .content > .list {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    z-index: 1;
  }
  .top-app-menu > .content.v-current > .eyecatch,
  .top-app-menu > .content.v-current > .list {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 2;
  }
  .top-app-menu > .content.v-out > .eyecatch,
  .top-app-menu > .content.v-out > .list {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    z-index: 1;
  }
}

@media screen and (min-width: 1200px) {
  .top-app-menu > .content {
    left: 395px;
    width: calc(100% - 395px);
  }
}

.top-products {
  margin-top: 30px;
  padding-top: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 247, 0)), color-stop(94%, #f6f6f7), to(#f6f6f7));
  background: linear-gradient(to bottom, rgba(246, 246, 247, 0) 0%, #f6f6f7 94%, #f6f6f7 100%);
}

@media print, screen and (min-width: 768px) {
  .top-products {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}

@media print, screen and (min-width: 992px) {
  .top-products {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 90px;
    background: #f6f6f7;
  }
}

.top-products-main {
  overflow: hidden;
  margin-top: 0;
}

.top-products-main .each {
  position: relative;
  background: none;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.top-products-main .each.swiper-slide-active {
  opacity: 1;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media print, screen and (min-width: 992px) {
  .top-products-main .each {
    padding-bottom: 80px;
  }
}

.top-products-main .each > .txt {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each > .txt {
    width: 50%;
  }
}

.top-products-main .each > .txt > .lead {
  font-size: 2.4rem;
  margin-top: 20px;
}

@media print, screen and (min-width: 992px) {
  .top-products-main .each > .txt > .lead {
    margin-top: 30px;
  }
}

.top-products-main .each > .txt > .desc {
  margin-top: 30px;
}

@media print, screen and (min-width: 992px) {
  .top-products-main .each > .txt > .desc {
    margin-top: 40px;
  }
}

.top-products-main .each > .txt > .logo {
  max-height: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.top-products-main .each > .txt > .logo img {
  max-height: 73px;
  width: auto;
  max-width: 170px;
  vertical-align: bottom;
}

.top-products-main .each > .img {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each > .img {
    position: absolute;
    width: 50%;
    right: 0;
    margin-top: 0;
    padding-top: 0;
    height: 100%;
  }
  .top-products-main .each > .img > img {
    width: 100%;
    height: auto;
  }
}

.top-products-main .each.slide01 > .img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide01 > .img {
    width: 70%;
    top: 5%;
    right: -10%;
  }
}

.top-products-main .each.slide01 > .img > img {
  width: 120%;
  left: -10%;
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide01 > .img > img {
    width: 100%;
    left: 0;
  }
}

.top-products-main .each.slide02 > .img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide02 > .img {
    width: 70%;
    top: 5%;
    right: -10%;
  }
}

.top-products-main .each.slide02 > .img > img {
  width: 120%;
  left: -10%;
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide02 > .img > img {
    width: 100%;
    left: 0;
  }
}

.top-products-main .each.slide03 > .img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide03 > .img {
    width: 70%;
    top: 5%;
    right: -10%;
  }
}

.top-products-main .each.slide03 > .img > img {
  width: 120%;
  left: -10%;
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .top-products-main .each.slide03 > .img > img {
    width: 100%;
    left: 0;
  }
}

.top-products-main > .swiper-pagination-num {
  position: absolute;
  top: auto;
  bottom: calc(2.1 / 3 * 100vw);
  left: auto;
  right: 86px;
  width: auto;
  font-size: 1.8rem;
  color: #4a495b;
  opacity: 0.5;
  z-index: 2;
}

@media print, screen and (min-width: 576px) {
  .top-products-main > .swiper-pagination-num {
    bottom: 390px;
  }
}

@media print, screen and (min-width: 768px) {
  .top-products-main > .swiper-pagination-num {
    display: none;
  }
}

.top-products-main > .swiper-button-prev {
  top: auto;
  bottom: calc(2.1 / 3 * 100vw);
  left: auto;
  right: 42px;
}

@media print, screen and (min-width: 576px) {
  .top-products-main > .swiper-button-prev {
    bottom: 390px;
  }
}

@media print, screen and (min-width: 768px) {
  .top-products-main > .swiper-button-prev {
    display: none;
  }
}

.top-products-main > .swiper-button-next {
  top: auto;
  bottom: calc(2.1 / 3 * 100vw);
  left: auto;
  right: 0;
}

@media print, screen and (min-width: 576px) {
  .top-products-main > .swiper-button-next {
    bottom: 390px;
  }
}

@media print, screen and (min-width: 768px) {
  .top-products-main > .swiper-button-next {
    display: none;
  }
}

.top-products-thumbnail {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .top-products-thumbnail {
    display: block;
    margin-top: 0;
  }
}

.top-products-thumbnail > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-products-thumbnail > .inner > .each {
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding-bottom: 0;
  height: 185px;
  cursor: pointer;
}

.top-products-thumbnail > .inner > .each:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #d1003b;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.top-products-thumbnail > .inner > .each.swiper-slide-thumb-active:after {
  -webkit-animation: indicator 4s;
          animation: indicator 4s;
}

.top-products-thumbnail > .inner > .each > img {
  max-height: 80px;
  max-width: 170px;
}

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

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

.top-info {
  background: #4a495b;
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 50px;
}

@media print, screen and (min-width: 992px) {
  .top-info {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 90px;
  }
}

.top-each-info.v-events {
  margin-top: 45px;
}

@media print, screen and (min-width: 992px) {
  .top-each-info.v-events {
    margin-top: 0;
  }
}

.top-each-info > .ttl {
  padding-top: 8px;
  padding-bottom: 9px;
  padding-left: 22px;
  border-left: 2px solid #d1003b;
}

.top-each-info .item > .label {
  color: #dbdcd6;
}

.top-each-info .item > .label > .spot {
  margin-right: 20px;
}

.top-each-info .item > .link {
  color: #dbdcd6;
}

.top-each-info .item > .link a {
  color: #dbdcd6;
}

.search-result-head {
  background: #f6f6f7;
  padding-top: 80px;
  padding-bottom: 40px;
}

@media print, screen and (min-width: 992px) {
  .search-result-head {
    padding-top: 90px;
    padding-bottom: 80px;
  }
}

.search-result-head .searchform {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .search-result-head .searchform {
    margin-top: 50px;
  }
}

.search-result-head .types {
  margin-top: 50px;
}

@media print, screen and (min-width: 992px) {
  .search-result-head .types {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 0;
  }
}

.search-result-head .types > .type:nth-child(n+2) {
  margin-left: 30px;
}

.result-search-box {
  position: relative;
  width: 100%;
}

.result-search-box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  background-color: #d4d3d6;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}

.result-search-box > .icon {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 51%;
  padding: 8px;
}

.result-search-box > .input {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding-left: calc(8px * 8);
  padding-right: calc(8px * 8);
}

.result-search-box > .btn {
  display: none;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 51%;
  right: 0;
}

@media print, screen and (min-width: 992px) {
  .result-search-box > .btn {
    display: block;
  }
}

.num-result {
  border-bottom: 1px solid #d4d5d6;
  padding-bottom: 10px;
}

.card-search-result {
  margin-top: 40px;
  pointer-events: none;
}

.card-search-result:nth-child(n+3) {
  margin-top: 60px;
}

.card-search-result > .img {
  margin-top: 20px;
  pointer-events: auto;
}

@media print, screen and (min-width: 992px) {
  .card-search-result > .img {
    margin-top: 0;
  }
}

.card-search-result > .img img {
  border: 1px solid #d4d5d6;
}

.card-search-result .ttl {
  font-size: 2.4rem;
  pointer-events: auto;
  color: #4a495b;
  -webkit-transition: .1s;
  transition: .1s;
}

.card-search-result .link {
  font-size: 1.3rem;
  pointer-events: auto;
  margin-top: 15px;
  word-break: break-all;
}

.card-search-result .highlight {
  background: #f6eea8;
}

.card-search-result:hover .ttl {
  color: #d1003b;
}

.ss-highlight {
  background: #f6eea8;
}

#ss-content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 576px) {
  #ss-content {
    max-width: 540px;
  }
}

@media print, screen and (min-width: 768px) {
  #ss-content {
    max-width: 720px;
  }
}

@media print, screen and (min-width: 992px) {
  #ss-content {
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  #ss-content {
    max-width: 1140px;
  }
}

.ss-pagination {
  margin-top: 60px;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .ss-pagination {
    margin-top: 70px;
  }
}

.ss-pagination > .ss-page {
  color: #4a495b;
  opacity: .75;
  font-size: 1.6rem;
  margin: 0 10px;
  cursor: pointer;
  font-weight: 700;
}

.ss-pagination > .ss-page.ss-select-page {
  color: #d1003b;
  opacity: 1;
}

.ss-pagination > .ss-page-next {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 1000%;
  white-space: nowrap;
  background: url(/assets/images/common/ico_right_black.svg) no-repeat center center;
  background-size: 24px 24px;
  border: 1px solid #d4d5d6;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
  width: 42px;
}

.ss-pagination > .ss-page-prev {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 1000%;
  white-space: nowrap;
  background: url(/assets/images/common/ico_left_black.svg) no-repeat center center;
  background-size: 24px 24px;
  border: 1px solid #d4d5d6;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
  width: 42px;
}

#ss-preview {
  position: absolute;
  z-index: 100;
  width: 436px;
  height: 336px;
  background: url(data:image/gif;base64,R0lGODlhtAFQAdUAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PLy8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+Xl5eTk5OPj4+Li4uHh4eDg4N/f397e3tzc3Nvb29ra2tfX19XV1dTU1NPT09LS0tHR0dDQ0M/Pz87Ozs3NzczMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAC4ALAAAAAC0AVABAAb/QJdwqPCYVq2kcslsOp/QqHRKrVqv2Kx2y+16v+CweBxloTqJoXqIACFZLLJ8Tq/b7/i8fs9nrj4Ga0IRKS0sJBkLAgCMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaaTCRonSSUNaw5IKBKLp7W2t7i5uru8vb6/jwIVKC0rEEMHqyUHwM3Oz9DR0tPUnQsmLScHQiItKAnV4eLj5OXm5QmFHy4LcRPn8PHy8/T1khQsKwke2QH2/wADChx4SgA2DcQwEFzIsKFDghwOxQH3sKLFixifPWChIknGjyBDivxkIJ/HkShTqhQZAM7JlTBjyhTossXMmzhzkqups6fP/5+9eAIdSrToJ6FGkypd6ggp06dQfTqNSrXqyqlWs2rFiHWr168Du4IdSzae2LJo01I7q7atW19s38qdeyou3bt4O9nNy7fvpL1+AwcGLLgwXsKGE79FrLgxWsaOI3+FLLmyVcqWMz/FrLmzUc6eQ/8ELbo0TtKmU8NErbr1SNauY2eELbv2Q9q2cxPErbv3P96+g8sDLrx4OeLGk1dDrrw5NObOo/+CLr26LurWs9fCrr37KO7ew3sCL758JvLm01NCr779I/bu48OP334+/fT275fPrz88//7d/QdgdgIOWF2BBkaHYILNLchgcg4+WFyEEgZHYYW9XYhhbhpuWP9bhx7GBmKIrY1IYmomnlhaiiqGxmKLnb0IY2YyzlhZjTZGhmOOje3IY2I+/lhYkEIOFodNRUpIZJJ8LcnkYUc+yaCTUs5FZZWLRYklgFduqVaXXj6mZZj0gUnmWGaeOdmYaqqXZptavQnnZWzOKZ6cdkaFZ56b1cmndnv+qVSggn7mZ6HSEYroUIouOtqhjirXaKQ6TUrpaZBeKpylmsrEaaerZQqqbp+OmlKppr4maqqyocoqSK6+OtuqsqoWa60W3YrrbbTuKpquvjIEbLC79UqsZsMeG1Cyyv5mbLOSMQstPdJOO9yz1ipWbbbnbMvtcdh+K5i34opDbrnLhYv/bpPqrgvlS+5G2268Vs5Lb5bw3qutvfp+yW+/YuYL8Lj/DoxmwQavKXDC7C7M8LtIPuzXuRLnQnHFt1yM8XYIb6xnxx736XDI/o5McsARn4xvyiq3pXHLoLwM83ggz8xozTY/anLOceLMc6U+/4zpzkJTJXPRlhyN9HpBLx0q0U4vpXTUkExNdVNNX60q1FoTZXXXX2sd9tVjU1121Gc7nfbSayPddtFvCx33z3PzXHfOd9uc98x7w9x3y3+rHPjJg5NceMiHe5z4xotj3HjFj0sc+cOTM1x5wpcbnPnAmwPceb+f6xv6vaPTW3q8p7ub+rqro9t6ua+LG/u3s3Nb/3u2t1ub+7S7Q9t7s78rG/yxwxNbfLDH+5r8rsvj2nytz8sa/avTs1p9qtebmv2o24Pafaffaxr+peNTWn6k5zua/qLrI9p+oe8LGv+f8/NZf57325n/nPvD2X+b/1NTAM80QDIVMEwH9FICt7RALDWwSg+UUgSfNEEmVTBJFyxSBoW0wR91kEcfzFEIbTTCGZUQRidsUQpVtMITtZBELwxRDD00ww3VEEM3rFAOlZS1rsGqhz6cFdeCKBUgEjFXRjwir4aoxKGxrIlF2eGDpDilJEJxIVRMUBYNtMUBdZFLVrxiWMIoxmWRsYzOYiIaVfLF/rRRP2+8TxzLdMY1Utmrjna8lhrzKJI5ygePfOwWIAMJrj0SUohPPGRM/OgeRtZnkIoMhyPdBMlIrqWSlpTGJPFzJH9kEiYEgEMcFvBJmECAI9jYQClX4gEWjIADLTABLVY5EmJcQAErYAEFaDkSCxgiECHIhgJ4CZJ2tKADQkhACbJBEWJaRAHLRIEaHBCHFFhgAM58CAaQcIIFrKEB2GDBCTrggAJ4Mpv2KAAEOkCMWDJAEC5AgAc60od62vOe+MynPvfJzyuwAJnwZIMGSKCCI/XzoAhNqEIXytA+cIQEGNjGGoIAADs=) no-repeat 0 0;
  display: none;
}

#ss-preview #ss-preview-container {
  width: 407px;
  height: 307px;
  margin: 16px 0px 0px 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAAEzCAMAAADKNb7HAAAAA3NCSVQICAjb4U/gAAAAeFBMVEX////+/v79/f38/Pz7+/v6+vr5+fn39/f29vb19fX09PTz8/Py8vLw8PDv7+/u7u7t7e3r6+vp6eno6Ojm5ubl5eXk5OTj4+Pf39/d3d3c3Nza2trZ2dnX19fT09PR0dHPz8/Nzc3KysrJycnIyMjHx8fExMTCwsKd9hHRAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEwLzA42Sli8QAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAObSURBVHic7dFddpkLAEBRCfEhfiK0RItqm3T+M7z32QSch71HcNY6oxEpL5PJ+Pnp6dEZ3JnPhun/Zx6dwZ3NarkYXsaPzuDOfrddvw6TR2dw53Q8vK/n00dncOdy/jhsl8OjM7hzu56Pu9Xs0Rnc+bxdTvvN/NEZ3Pn6c/3x/c2Xmn9/f/08vC0encEdX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5q+/lx/fH+bj17mm/3pcvv8+kfA1+ftctpv5qPJbLU7nq+3338J+H27no+71Ww0GZbbw8f5cv1FwPVy/jhsl8NoPJ2v3w/H008STsfD+3o+HT1Phtf1drf/diDg2363Xb8Ok9HT+GVYLFebNxI2q+VieBmPnp7Hk+kwmy9ImM+G6WT8/B+x7fT23apjWgAAAABJRU5ErkJggg==) no-repeat 0 0;
}

#ss-preview #ss-preview-image {
  border: 1px solid #CCCCCC;
}

#ss-main.ie8 .ss-pagination {
  margin-top: 20px;
}

#ss-main.ie6 #ss-preview, .ie7 #ss-preview {
  background: url(//image.syncsearch.jp/image/preview.gif) no-repeat 0 0;
}

#ss-main.ie6 #ss-preview-container, .ie7 #ss-preview-container {
  background: url(//image.syncsearch.jp/image/shadow.png) no-repeat 0 0;
}

.ss-category {
  display: none;
}

.ss-category + label {
  position: relative;
  display: inline-block;
  padding: 4px 0 4px 34px;
  vertical-align: middle;
  font-size: 1.8rem;
  margin-right: 30px;
  cursor: pointer;
}

@media print, screen and (min-width: 992px) {
  .ss-category + label {
    margin-right: 0;
    margin-left: 30px;
  }
}

.ss-category + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #d4d5d6;
  border-radius: 12px;
  background: #fff;
}

.ss-category + label:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #d1003b;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.ss-category + label:hover:before {
  border: 1px solid #d1003b;
}

.ss-category:checked + label:before {
  border: 1px solid #d1003b;
}

.ss-category:checked + label:after {
  opacity: 1;
}

.news-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  width: 100%;
}

.news-select > .select {
  width: 30%;
  max-width: 210px;
}

.news-select > .select:not(:last-child) {
  margin-right: 20px;
}

.news-lists {
  margin-top: 40px;
}

.news-lists .list {
  padding-top: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid #D4D3D6;
  color: #4a495b;
}

.news-lists .list:first-child {
  border-top: 1px solid #D4D3D6;
}

.news-lists .list > .date {
  opacity: .75;
}

.news-lists .list > .outline {
  margin-top: 10px;
}

@media print, screen and (min-width: 768px) {
  .news-lists .list > .outline {
    margin-top: 0;
  }
}

.news-lists .list .inlink {
  color: #4a495b;
  position: relative;
  text-decoration: underline;
}

.news-lists .list .inlink:hover {
  color: #d1003b;
}

.news-lists .list .inlink:after {
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

.news-lists .list .inlink.v-blank:after {
  background: url(/assets/images/common/ico_blank_steel.svg);
}

.news-lists .list .inlink.v-blank:hover:after {
  background: url(/assets/images/common/ico_blank_red.svg);
}

.news-lists a.list:hover {
  background: #f6f6f7;
}

.news-detail .newstitle {
  margin-top: 10px;
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .news-detail .newstitle {
    margin-top: 20px;
    margin-bottom: 70px;
  }
}

.news-detail .date {
  color: #4a495b;
  opacity: .75;
  margin-bottom: 0;
}

.news-detail dl {
  margin-top: 20px;
}

.news-detail dl dt {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  color: #2a2531;
}

.news-detail dl dd {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 10px;
}

.news-back {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .news-back {
    margin-top: 70px;
  }
}

.support-mv {
  position: relative;
  background: url(/support/images/img_mv.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 480px;
}

@media print, screen and (min-width: 768px) {
  .support-mv {
    background-size: cover;
    height: 640px;
  }
}

.support-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
}

.support-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.support-mv .title {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .support-mv .title {
    margin-top: 30px;
  }
}

.support-mv .txt {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .support-mv .txt {
    margin-top: 50px;
  }
}

.support-content {
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .support-content {
    padding-bottom: 90px;
  }
}

.support-sec {
  margin-top: 60px;
}

@media print, screen and (min-width: 768px) {
  .support-sec {
    margin-top: 70px;
  }
}

.support-sec.v-first {
  margin-top: 80px;
}

@media print, screen and (min-width: 768px) {
  .support-sec.v-first {
    margin-top: 90px;
  }
}

@media print, screen and (min-width: 992px) {
  .support-sec.v-first {
    margin-top: 120px;
  }
}

.support-sec .txt.v-first {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .support-sec .txt.v-first {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .blog-list .ttl {
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .blog-list .lead {
    text-align: center;
  }
}

.blog-list .list .each .link {
  padding: 40px 0;
  border-bottom: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .blog-list .list .each .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.blog-list .list .each .link:hover .txt > h3 {
  color: #d1003b;
}

.blog-list .list .each:first-child {
  border-top: 1px solid #d4d5d6;
}

@media print, screen and (min-width: 768px) {
  .blog-list .list .each .txt {
    width: calc(825 / 1110 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .blog-list .list .each .txt .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.blog-list .list .each .txt .meta .label {
  width: 117px;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 20px;
  text-align: center;
}

.blog-list .list .each .txt .meta .label.v-events {
  background: #5198d4;
}

.blog-list .list .each .txt .meta .label.v-press {
  background: #d4c63a;
}

.blog-list .list .each .txt .meta .label.v-products {
  background: #975cc2;
}

.blog-list .list .each .txt .meta .info {
  opacity: 0.75;
}

.blog-list .list .each .txt > h3 {
  color: #2a2531;
}

@media print, screen and (min-width: 768px) {
  .blog-list .list .each .img {
    width: calc(255 / 1110 * 100%);
  }
}

.blog-list .list .each .img img {
  height: auto;
}

.mayekawa-blog .h--firsttxt {
  margin: 30px 0 50px;
  font-size: 48px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #2a2531;
}

.mayekawa-blog .lead {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.mayekawa-blog .languege-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mayekawa-blog .languege-change .text {
  margin-right: 15px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.mayekawa-blog .languege-change .item {
  margin-right: 15px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #d4d3d6;
  text-decoration: underline;
}

.mayekawa-blog .languege-change .item.active, .mayekawa-blog .languege-change .item:hover {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #d1003b;
  text-decoration: none;
}

.mayekawa-blog .languege-change .item.active {
  pointer-events: none;
}

.mayekawa-blog .blog-lists {
  border-top: 1px solid #4a495b;
}

.mayekawa-blog .blog-lists .blog-list {
  display: block;
  border-bottom: 1px solid #4a495b;
  padding: 20px 0 40px;
}

@media print, screen and (min-width: 768px) {
  .mayekawa-blog .blog-lists .blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mayekawa-blog .blog-lists .blog-list .blog-contents {
  width: 100%;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags .tag {
  margin-right: 10px;
  width: 117px;
  height: 25px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags .tag.v-events {
  background-color: #5198d4;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags .tag.v-products {
  background-color: #d4c63a;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags .tag.v-release {
  background-color: #975cc2;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .blog-locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .blog-locations .blog-location {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .blog-locations .comma {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
  margin: 0 4px;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .blog-date {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .blog-title a {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #2a2531;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .lead-txt a {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.mayekawa-blog .blog-lists .blog-list .blog-contents .lead-txt a img {
  display: none;
}

.mayekawa-blog .blog-lists .blog-list .blog-thumbnail {
  width: 100%;
  margin-left: 0;
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .mayekawa-blog .blog-lists .blog-list .blog-thumbnail {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 255px;
            flex: 0 0 255px;
    margin-top: 0;
    margin-left: 20px;
  }
}

.mayekawa-blog .blog-lists .blog-list .blog-thumbnail img {
  width: 100%;
  height: auto;
}

.mayekawa-blog .more {
  display: block;
  width: 141px;
  height: 50px;
  margin: 30px auto 0;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
  background-color: #2a2531;
  cursor: pointer;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

.mayekawa-blog .more:hover {
  opacity: 0.6;
}

.mayekawa-blog .more .text {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  line-height: 50px;
  text-align: center;
  letter-spacing: normal;
  color: #f6eea8;
}

.blog-details {
  margin-top: 50px;
}

.blog-details .head-contents {
  display: block;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .blog-details .head-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.blog-details .head-contents .blog-contents {
  width: 100%;
}

.blog-details .head-contents .blog-contents .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-details .head-contents .blog-contents .info .blog-tags {
  font-size: 0;
}

.blog-details .head-contents .blog-contents .info .blog-tags .blog-tag {
  display: inline-block;
  width: 117px;
  height: 25px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background-color: #666;
}

.blog-details .head-contents .blog-contents .info .blog-tags .blog-tag.b-events {
  background-color: #5198d4;
}

.blog-details .head-contents .blog-contents .info .blog-tags .blog-tag.b-products {
  background-color: #d4c63a;
}

.blog-details .head-contents .blog-contents .info .blog-tags .blog-tag.b-press {
  background-color: #975cc2;
}

.blog-details .head-contents .blog-contents .info .blog-locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}

.blog-details .head-contents .blog-contents .info .blog-locations li {
  opacity: 0.75;
  font-family: Lato;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.blog-details .head-contents .blog-contents .info .blog-locations li.cimma {
  margin: 0 5px;
}

.blog-details .head-contents .blog-contents .info .date {
  margin: 0;
  opacity: 0.75;
  font-family: Lato;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a495b;
}

.blog-details .head-contents .blog-contents .blog-title {
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #2a2531;
}

.blog-details .head-contents .thumbnail {
  width: 100%;
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .blog-details .head-contents .thumbnail {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    margin-top: 0;
    margin-left: 40px;
  }
}

.blog-details .head-contents .thumbnail img {
  width: 100%;
  height: auto;
}

.blog-details .blog-detail .sns-block .sns-shares {
  display: inline-block;
  margin-top: 40px;
  font-size: 0;
}

.blog-details .blog-detail .sns-block .sns-shares .sns-share {
  display: inline-block;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}

.blog-details .blog-detail .sns-block .sns-shares .sns-share:hover {
  opacity: 0.6;
}

.blog-details .blog-detail .main-text {
  margin-top: 40px;
}

#blog.main-text,
#landing.main-text {
  /* Remove blue highlighting of selected images in WebKit */
  /* Styles for the WordPress plugins */
  /* Styles for formatting the boundaries of anchors and code elements */
  /* Gallery, audio, video placeholders */
  /* Image resize handles */
  /* Fix for proprietary Mozilla display attribute, see #38757 */
  /* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */
  /**
    * WP Views
    */
  /* A little "loading" animation, not showing in IE < 10 */
  /* rtl */
}

#blog.main-text p,
#landing.main-text p {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

#blog.main-text dl.wp-caption,
#blog.main-text dl.wp-caption *,
#landing.main-text dl.wp-caption,
#landing.main-text dl.wp-caption * {
  -webkit-user-drag: none;
}

#blog.main-text .wp-caption-dd,
#landing.main-text .wp-caption-dd {
  font-size: 14px;
  padding-top: 0.5em;
  margin: 0;
  /* browser reset */
}

#blog.main-text .aligncenter,
#landing.main-text .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#blog.main-text .alignleft,
#landing.main-text .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

#blog.main-text .alignright,
#landing.main-text .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

#blog.main-text img[data-mce-selected]::-moz-selection,
#landing.main-text img[data-mce-selected]::-moz-selection {
  background-color: transparent;
}

#blog.main-text img[data-mce-selected]::selection,
#landing.main-text img[data-mce-selected]::selection {
  background-color: transparent;
}

#blog.main-text .mce-content-body img[data-mce-placeholder],
#landing.main-text .mce-content-body img[data-mce-placeholder] {
  border-radius: 0;
  padding: 0;
}

#blog.main-text .mce-content-body img[data-wp-more],
#landing.main-text .mce-content-body img[data-wp-more] {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 96%;
  height: 16px;
  display: block;
  margin: 15px auto 0;
  outline: 0;
  cursor: default;
}

#blog.main-text .mce-content-body img[data-mce-placeholder][data-mce-selected],
#landing.main-text .mce-content-body img[data-mce-placeholder][data-mce-selected] {
  outline: 1px dotted #888;
}

#blog.main-text .mce-content-body img[data-wp-more="more"],
#landing.main-text .mce-content-body img[data-wp-more="more"] {
  background: transparent url(images/more.png) repeat-y scroll center center;
}

#blog.main-text .mce-content-body img[data-wp-more="nextpage"],
#landing.main-text .mce-content-body img[data-wp-more="nextpage"] {
  background: transparent url(images/pagebreak.png) repeat-y scroll center center;
}

#blog.main-text .mce-content-body a[data-mce-selected],
#landing.main-text .mce-content-body a[data-mce-selected] {
  padding: 0 2px;
  margin: 0 -2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px #bfe6ff;
          box-shadow: 0 0 0 1px #bfe6ff;
  background: #bfe6ff;
}

#blog.main-text .mce-content-body .wp-caption-dt a[data-mce-selected],
#landing.main-text .mce-content-body .wp-caption-dt a[data-mce-selected] {
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

#blog.main-text .mce-content-body code,
#landing.main-text .mce-content-body code {
  padding: 2px 4px;
  margin: 0;
  border-radius: 2px;
  color: #222;
  background: #f2f4f5;
}

#blog.main-text .mce-content-body code[data-mce-selected],
#landing.main-text .mce-content-body code[data-mce-selected] {
  background: #e9ebec;
}

#blog.main-text .mce-content-body img.wp-media,
#landing.main-text .mce-content-body img.wp-media {
  border: 1px solid #aaa;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: center center;
  width: 99%;
  height: 250px;
  outline: 0;
  cursor: pointer;
}

#blog.main-text .mce-content-body img.wp-media:hover,
#landing.main-text .mce-content-body img.wp-media:hover {
  background-color: #ededed;
  border-color: #72777c;
}

#blog.main-text .mce-content-body img.wp-media.wp-media-selected,
#landing.main-text .mce-content-body img.wp-media.wp-media-selected {
  background-color: #d8d8d8;
  border-color: #72777c;
}

#blog.main-text .mce-content-body img.wp-media.wp-gallery,
#landing.main-text .mce-content-body img.wp-media.wp-gallery {
  background-image: url(images/gallery.png);
}

#blog.main-text .mce-content-body div.mce-resizehandle,
#landing.main-text .mce-content-body div.mce-resizehandle {
  border-color: #72777c;
  width: 7px;
  height: 7px;
}

#blog.main-text .mce-content-body img[data-mce-selected],
#landing.main-text .mce-content-body img[data-mce-selected] {
  outline: 1px solid #72777c;
}

#blog.main-text .mce-content-body img[data-mce-resize="false"],
#landing.main-text .mce-content-body img[data-mce-resize="false"] {
  outline: 0;
}

#blog.main-text audio,
#blog.main-text video,
#blog.main-text embed,
#landing.main-text audio,
#landing.main-text video,
#landing.main-text embed {
  display: -moz-inline-stack;
  display: inline-block;
}

#blog.main-text audio,
#landing.main-text audio {
  visibility: hidden;
}

#blog.main-text [_moz_abspos],
#landing.main-text [_moz_abspos] {
  outline: none;
}

#blog.main-text a[data-wplink-url-error],
#blog.main-text a[data-wplink-url-error]:hover,
#blog.main-text a[data-wplink-url-error]:focus,
#landing.main-text a[data-wplink-url-error],
#landing.main-text a[data-wplink-url-error]:hover,
#landing.main-text a[data-wplink-url-error]:focus {
  outline: 2px dotted #dc3232;
  position: relative;
}

#blog.main-text a[data-wplink-url-error]:before,
#landing.main-text a[data-wplink-url-error]:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  outline: 2px dotted #fff;
  z-index: -1;
}

#blog.main-text p.wp-policy-help,
#landing.main-text p.wp-policy-help {
  background-color: #ff0;
}

#blog.main-text .wpview,
#landing.main-text .wpview {
  width: 99.99%;
  /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
  position: relative;
  clear: both;
  margin-bottom: 16px;
  border: 1px solid transparent;
}

#blog.main-text .mce-shim,
#landing.main-text .mce-shim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#blog.main-text .wpview[data-mce-selected="2"] .mce-shim,
#landing.main-text .wpview[data-mce-selected="2"] .mce-shim {
  display: none;
}

#blog.main-text .wpview .loading-placeholder,
#landing.main-text .wpview .loading-placeholder {
  border: 1px dashed #ccc;
  padding: 10px;
}

#blog.main-text .wpview[data-mce-selected] .loading-placeholder,
#landing.main-text .wpview[data-mce-selected] .loading-placeholder {
  border-color: transparent;
}

#blog.main-text .wpview .wpview-loading,
#landing.main-text .wpview .wpview-loading {
  width: 60px;
  height: 5px;
  overflow: hidden;
  background-color: transparent;
  margin: 10px auto 0;
}

#blog.main-text .wpview .wpview-loading ins,
#landing.main-text .wpview .wpview-loading ins {
  background-color: #333;
  margin: 0 0 0 -60px;
  width: 36px;
  height: 5px;
  display: block;
  -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
  animation: wpview-loading 1.3s infinite 1s steps(36);
}

@-webkit-keyframes wpview-loading {
  0% {
    margin-left: -60px;
  }
  100% {
    margin-left: 60px;
  }
}

@keyframes wpview-loading {
  0% {
    margin-left: -60px;
  }
  100% {
    margin-left: 60px;
  }
}

#blog.main-text .wpview .wpview-content > iframe,
#landing.main-text .wpview .wpview-content > iframe {
  max-width: 100%;
  background: transparent;
}

#blog.main-text .wpview-error,
#landing.main-text .wpview-error {
  border: 1px solid #ddd;
  padding: 1em 0;
  margin: 0;
  word-wrap: break-word;
}

#blog.main-text .wpview[data-mce-selected] .wpview-error,
#landing.main-text .wpview[data-mce-selected] .wpview-error {
  border-color: transparent;
}

#blog.main-text .wpview-error .dashicons,
#blog.main-text .loading-placeholder .dashicons,
#landing.main-text .wpview-error .dashicons,
#landing.main-text .loading-placeholder .dashicons {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  font-size: 32px;
}

#blog.main-text .wpview-error p,
#landing.main-text .wpview-error p {
  margin: 0;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

#blog.main-text .wpview-type-gallery:after,
#landing.main-text .wpview-type-gallery:after {
  content: "";
  display: table;
  clear: both;
}

#blog.main-text .gallery img[data-mce-selected]:focus,
#landing.main-text .gallery img[data-mce-selected]:focus {
  outline: none;
}

#blog.main-text .gallery a,
#landing.main-text .gallery a {
  cursor: default;
}

#blog.main-text .gallery,
#landing.main-text .gallery {
  margin: auto -6px;
  padding: 6px 0;
  line-height: 1;
  overflow-x: hidden;
}

#blog.main-text .ie7 .gallery,
#blog.main-text .ie8 .gallery,
#landing.main-text .ie7 .gallery,
#landing.main-text .ie8 .gallery {
  margin: auto;
}

#blog.main-text .gallery .gallery-item,
#landing.main-text .gallery .gallery-item {
  float: left;
  margin: 0;
  text-align: center;
  padding: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#blog.main-text .ie7 .gallery .gallery-item,
#blog.main-text .ie8 .gallery .gallery-item,
#landing.main-text .ie7 .gallery .gallery-item,
#landing.main-text .ie8 .gallery .gallery-item {
  padding: 6px 0;
}

#blog.main-text .gallery .gallery-caption,
#blog.main-text .gallery .gallery-icon,
#landing.main-text .gallery .gallery-caption,
#landing.main-text .gallery .gallery-icon {
  margin: 0;
}

#blog.main-text .gallery .gallery-caption,
#landing.main-text .gallery .gallery-caption {
  font-size: 13px;
  margin: 4px 0;
}

#blog.main-text .gallery-columns-1 .gallery-item,
#landing.main-text .gallery-columns-1 .gallery-item {
  width: 100%;
}

#blog.main-text .gallery-columns-2 .gallery-item,
#landing.main-text .gallery-columns-2 .gallery-item {
  width: 50%;
}

#blog.main-text .gallery-columns-3 .gallery-item,
#landing.main-text .gallery-columns-3 .gallery-item {
  width: 33.333%;
}

#blog.main-text .ie8 .gallery-columns-3 .gallery-item,
#blog.main-text .ie7 .gallery-columns-3 .gallery-item,
#landing.main-text .ie8 .gallery-columns-3 .gallery-item,
#landing.main-text .ie7 .gallery-columns-3 .gallery-item {
  width: 33%;
}

#blog.main-text .gallery-columns-4 .gallery-item,
#landing.main-text .gallery-columns-4 .gallery-item {
  width: 25%;
}

#blog.main-text .gallery-columns-5 .gallery-item,
#landing.main-text .gallery-columns-5 .gallery-item {
  width: 20%;
}

#blog.main-text .gallery-columns-6 .gallery-item,
#landing.main-text .gallery-columns-6 .gallery-item {
  width: 16.665%;
}

#blog.main-text .gallery-columns-7 .gallery-item,
#landing.main-text .gallery-columns-7 .gallery-item {
  width: 14.285%;
}

#blog.main-text .gallery-columns-8 .gallery-item,
#landing.main-text .gallery-columns-8 .gallery-item {
  width: 12.5%;
}

#blog.main-text .gallery-columns-9 .gallery-item,
#landing.main-text .gallery-columns-9 .gallery-item {
  width: 11.111%;
}

#blog.main-text .gallery img,
#landing.main-text .gallery img {
  max-width: 100%;
  height: auto;
  border: none;
  padding: 0;
}

#blog.main-text img.wp-oembed,
#landing.main-text img.wp-oembed {
  border: 1px dashed #888;
  background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
  width: 300px;
  height: 250px;
  outline: 0;
}

#blog.main-text .rtl .gallery .gallery-item,
#landing.main-text .rtl .gallery .gallery-item {
  float: right;
}

.careers-mv {
  position: relative;
  background: url(/americas/mna/assets/images/careers/bg_mv.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 420px;
}

@media print, screen and (min-width: 992px) {
  .careers-mv {
    height: 420px;
  }
}

.careers-mv:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(42, 37, 49, 0.35);
  z-index: 0;
}

.careers-mv > div {
  position: relative;
  z-index: 1;
  margin: 0;
}

.careers-mv .ttl {
  margin-top: 10px;
}

@media print, screen and (min-width: 576px) {
  .careers-mv .ttl {
    margin-top: 20px;
  }
}

.careers-mv .desc {
  margin-top: 40px;
}

@media print, screen and (min-width: 576px) {
  .careers-mv .desc {
    margin-top: 50px;
  }
}

.careers-mv span {
  display: inline-block;
}

.careers-list {
  margin-top: 50px;
}

.careers-list .content {
  border-bottom: 1px solid #d4d5d6;
  padding-top: 30px;
}

.careers-list .content:first-child {
  border-top: 1px solid #d4d5d6;
}

.careers-list .content .division {
  padding-top: 20px;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 576px) {
  .careers-list .content .division {
    padding-top: 0;
  }
}

.careers-list .content .division + .division {
  padding-top: 30px;
}

@media print, screen and (min-width: 576px) {
  .careers-list .content .division + .division {
    border-top: 1px solid #d4d5d6;
  }
}

.careers-list .content .division .works > p {
  margin-top: 10px;
}

.careers-list .content .division .works > p:first-child {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .careers-list .content .division .works > p:first-child {
    margin-top: 0;
  }
}

.careers-apply-btn {
  display: block;
  width: 103px;
  height: 50px;
  border-radius: 2px;
  margin: 100px auto 0;
  -webkit-box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
  background-color: #2a2531;
}

.careers-apply-btn .apply-btn {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
          box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
  background-color: #2a2531;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  line-height: 50px;
  letter-spacing: normal;
  color: #f6eea8;
  cursor: pointer;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.careers-apply-btn .apply-btn:hover {
  opacity: .75;
}

.notfound-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .notfound-content {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}

.privacy-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media print, screen and (min-width: 768px) {
  .privacy-content {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}

@media print {
  body, .l-header {
    width: 1140px !important;
  }
  .l-container {
    width: 1140px !important;
  }
  .l-header {
    position: absolute;
  }
}
/*# sourceMappingURL=style.css.map */