@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; }

* {
  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;
  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 {
  flex-direction: column; }

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

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

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

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

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

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

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

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

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

.swiper-container-3d {
  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 {
  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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  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 {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  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: flex;
  align-items: 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;
  transition: .3s opacity;
  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 {
  transform: scale(0.33);
  position: relative; }

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  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;
  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%;
  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%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  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%;
  transform: translateX(-50%);
  white-space: nowrap; }

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

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  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%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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: flex;
  justify-content: 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%;
  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;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  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; }

@keyframes swiper-preloader-spin {
  100% {
    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 {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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;
  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 {
  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: flex;
  flex-wrap: wrap; }
  .l-row.v-reverse {
    flex-direction: row-reverse; }
  .l-row.v-jcc {
    justify-content: center; }
  .l-row.v-jcsb {
    justify-content: space-between; }
  .l-row.v-jcsa {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      flex: 0 0 calc(1 / 12 * 100%);
      max-width: calc(1 / 12 * 100%); }
    .l-row .col-md-1 {
      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 {
      flex: 0 0 calc(2 / 12 * 100%);
      max-width: calc(2 / 12 * 100%); }
    .l-row .col-md-2 {
      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 {
      flex: 0 0 calc(3 / 12 * 100%);
      max-width: calc(3 / 12 * 100%); }
    .l-row .col-md-3 {
      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 {
      flex: 0 0 calc(4 / 12 * 100%);
      max-width: calc(4 / 12 * 100%); }
    .l-row .col-md-4 {
      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 {
      flex: 0 0 calc(5 / 12 * 100%);
      max-width: calc(5 / 12 * 100%); }
    .l-row .col-md-5 {
      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 {
      flex: 0 0 calc(6 / 12 * 100%);
      max-width: calc(6 / 12 * 100%); }
    .l-row .col-md-6 {
      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 {
      flex: 0 0 calc(7 / 12 * 100%);
      max-width: calc(7 / 12 * 100%); }
    .l-row .col-md-7 {
      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 {
      flex: 0 0 calc(8 / 12 * 100%);
      max-width: calc(8 / 12 * 100%); }
    .l-row .col-md-8 {
      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 {
      flex: 0 0 calc(9 / 12 * 100%);
      max-width: calc(9 / 12 * 100%); }
    .l-row .col-md-9 {
      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 {
      flex: 0 0 calc(10 / 12 * 100%);
      max-width: calc(10 / 12 * 100%); }
    .l-row .col-md-10 {
      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 {
      flex: 0 0 calc(11 / 12 * 100%);
      max-width: calc(11 / 12 * 100%); }
    .l-row .col-md-11 {
      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 {
      flex: 0 0 calc(12 / 12 * 100%);
      max-width: calc(12 / 12 * 100%); }
    .l-row .col-md-12 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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 {
      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: flex;
  justify-content: space-between;
  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;
  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;
    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;
    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;
  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;
    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;
    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;
  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;
  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 {
    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;
  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;
  transition: opacity .1s linear; }
  .link-anchor > .item > .ico {
    width: 14px;
    vertical-align: middle;
    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;
    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;
      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 {
        transition: opacity .35s ease-out; }
      .hd-glonav .item .icosearch:before {
        content: "";
        position: absolute;
        top: 0;
        left: 4px;
        width: 100%;
        height: 2px;
        background: #4a495b;
        transform-origin: top left;
        opacity: 0;
        transition: opacity .35s ease-out, transform .35s ease-out; }
      .hd-glonav .item .icosearch:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 4px;
        width: 100%;
        height: 2px;
        background: #4a495b;
        transform-origin: bottom left;
        opacity: 0;
        transition: opacity .35s ease-out, transform .35s ease-out; }
      .hd-glonav .item .icosearch.v-open img {
        opacity: 0; }
      .hd-glonav .item .icosearch.v-open:before {
        transform: rotate(45deg);
        opacity: 1; }
      .hd-glonav .item .icosearch.v-open:after {
        transform: rotate(-45deg);
        opacity: 1; }
    @media screen and (min-width: 1200px) {
      .hd-glonav .item {
        padding-left: 30px; } }
  .hd-glonav .link {
    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: flex;
  align-items: center; }
  .hd-sp > .americas {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    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(/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;
      transform-origin: top left;
      transition: .12s ease-out; }
    .hd-sp > .hamburger > .midline {
      top: 7px;
      transition: .12s ease-out; }
    .hd-sp > .hamburger > .bottomline {
      bottom: 0;
      transform-origin: bottom left;
      transition: .12s ease-out; }
    .hd-sp > .hamburger.v-open > .topline {
      transform: rotate(45deg); }
    .hd-sp > .hamburger.v-open > .midline {
      opacity: 0; }
    .hd-sp > .hamburger.v-open > .bottomline {
      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;
  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: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f7;
  overflow: hidden;
  transition: height .35s ease-out; }

.pc-search-box {
  position: relative;
  transition: opacity 400ms, transform 400ms;
  transition-delay: 250ms;
  opacity: 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;
    transform-origin: 50%;
    background-color: #d4d3d6;
    transition: background-color 250ms; }
  .pc-search-box > .icon {
    position: absolute;
    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::placeholder {
      color: rgba(74, 73, 91, 0.5); }
  .pc-search-box > .btn {
    position: absolute;
    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;
    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;
  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;
  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;
      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;
      transform: rotate(-45deg); }
  .sp-slide-menu .first {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    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;
          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;
      transform: translateX(-100%); }
  .sp-slide-menu .second {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    opacity: 0;
    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;
          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 {
      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;
  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;
  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: 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;
  }
  .block-locale .americas::after{
    content: '';
    position: absolute;
    top: 4px;
    right: -3px;
    width: 12px;
    height: 12px;
    background: url(/assets/images/common/ico_pulldown_red.svg) no-repeat center center;
  }
  @media screen and (min-width: 768px) {
    .block-locale .americas{
      display: none;
    }
  }
  .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;
      transform: rotate(45deg); }
    .block-locale .close span:nth-child(2) {
      position: relative;
      left: -4px;
      top: 2px;
      display: block;
      width: 140%;
      height: 4px;
      background: #4a495b;
      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; }
    @media print, screen and (min-width: 768px) {
      .block-locale .logo { } }
  .block-locale.l-locale .lead {
    padding-top: 75px;
    padding-bottom: 25px;
  }
  @media print, screen and (min-width: 768px) {
    .block-locale.l-locale .lead { 
      margin: 0;
    } }
  .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;
  }

.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 {
      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;
        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;
          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 {
            transform: rotate(-90deg); }
        .select-locale > .continent.v-off {
          color: #4a495b;
          opacity: .5; } }
.block-locale.l-locale .select-language,
.block-locale.l-locale .select-global{
  margin: 0 15px;
  padding: 100px 0 0;
  border-top: 1px solid #e9e9ea;
  font-size: 0;
}
.block-locale.l-locale .select-global{
  padding: 15px 0 47px;
}
.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 .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;
}

.area-list {
  max-height: 0;
  overflow: hidden;
  background: #f6f6f7;
  transition: .1s linear; }
  .area-list .area {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    opacity: 0;
    transform: translateX(-10px);
    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) {
      transition-delay: 0.2s; }
    .area-list .area:nth-child(2) {
      transition-delay: 0.35s; }
    .area-list .area:nth-child(3) {
      transition-delay: 0.5s; }
    .area-list .area:nth-child(4) {
      transition-delay: 0.65s; }
    .area-list .area:nth-child(5) {
      transition-delay: 0.8s; }
    .area-list .area:nth-child(6) {
      transition-delay: 0.95s; }
    .area-list .area:nth-child(7) {
      transition-delay: 1.1s; }
    .area-list .area:nth-child(8) {
      transition-delay: 1.25s; }
    @media print, screen and (min-width: 768px) {
      .area-list .area {
        opacity: 1;
        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;
      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 {
    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;
  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;
    transition: opacity .1s linear; }
    .mega-menu .menulink:hover {
      opacity: .5; }
  .mega-menu .food {
    display: flex;
    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;
  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;
  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;
    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: 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: flex;
    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: flex;
      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: 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;
        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 {
          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 {
        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: 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 {
          columns: auto;
          display: flex;
          height: auto; } }
      .ft-nav .cate .application:after {
        content: "";
        display: block;
        clear: both; }
      .ft-nav .cate .application .column {
        width: 50%; }
    @media print, screen and (min-width: 992px) {
      .ft-nav .cate.v-lginitial {
        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 {
        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: flex;
    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: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background: #4a495b;
  opacity: 0;
  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;
      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;
      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-flex;
  display: flex;
  margin-top: 40px;
  margin-bottom: 80px; }
  .job-contents .harf-conent .form-item {
    -webkit-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;
    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: flex;
  justify-content: 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: 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; }

.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/en/applications/automobile_and_machine_manufacturer/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-beer {
    background: url(/americas/en/applications/beer/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-beverage {
    background: url(/americas/en/applications/beverages/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-bread {
    background: url(/americas/en/applications/bread/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-building {
    background: url(/americas/en/applications/building_and_factory/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-cold {
    background: url(/americas/en/applications/cold_storage/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-rice {
    background: url(/americas/en/applications/cooked_rice/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-dairy {
    background: url(/americas/en/applications/dairy_products/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-downstream {
    background: url(/americas/en/applications/down_stream/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-freezedried {
    background: url(/americas/en/applications/freeze_dried_food/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-frozen {
    background: url(/americas/en/applications/frozen_and_chilled_food/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-ice {
    background: url(/americas/en/applications/ice_making/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-leisure {
    background: url(/americas/en/applications/leisure_and_sports/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-marine {
    background: url(/americas/en/applications/marine/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-meat {
    background: url(/americas/en/applications/meat/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-noodle {
    background: url(/americas/en/applications/noodles/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-poultry {
    background: url(/americas/en/applications/poultry/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-research {
    background: url(/americas/en/applications/research_institute/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-seafood {
    background: url(/americas/en/applications/seafood/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-social {
    background: url(/americas/en/applications/social_infrastructure/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-upstream {
    background: url(/americas/en/applications/up_stream_and_mid_stream/images/img_mv.jpg) no-repeat center center;
    background-size: cover; }
  .app-mv.v-vegetable {
    background: url(/americas/en/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/en/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;
    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/en/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;
    transition: background-color .1s linear;
    font-size: 1.6rem; }
    @media print, screen and (min-width: 768px) {
      .app-related .item {
        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: 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;
        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 {
      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;
        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: flex;
    flex-wrap: wrap;
    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/en/company/images/bg_mv.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: 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 {
      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: flex;
        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: flex;
      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: flex;
  justify-content: 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: flex;
    flex-wrap: wrap;
    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 {
        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/en/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/en/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: 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 {
    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: flex;
  justify-content: 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: flex;
    justify-content: 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;
        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;
        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;
        transform: translateY(-50%); } }
    @media screen and (min-width: 1200px) {
      .mycom-comp-mv.v-oil .img {
        left: 750px;
        top: initial;
        top: auto;
        bottom: -60px;
        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;
        transform: translateY(-50%); } }
    @media screen and (min-width: 1200px) {
      .mycom-comp-mv.v-special .img {
        left: 750px;
        top: initial;
        top: auto;
        bottom: -60px;
        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;
        transform: translateY(-50%); } }
    @media screen and (min-width: 1200px) {
      .mycom-comp-mv.v-recipro .img {
        left: 750px;
        top: initial;
        top: auto;
        bottom: -120px;
        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;
        transform: translateY(-50%); } }
    @media screen and (min-width: 1200px) {
      .mycom-comp-mv.v-parts .img {
        left: 850px;
        top: initial;
        top: auto;
        bottom: -60px;
        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;
        transform: translateY(-46%); } }
    @media screen and (min-width: 1200px) {
      .mycom-comp-mv.v-panel .img {
        left: 750px;
        top: initial;
        top: auto;
        bottom: -135px;
        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: flex; }
      .mycom-genuine-parts > .img {
        width: 50%; }
      .mycom-genuine-parts > .txt {
        width: 50%;
        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;
      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: flex;
    justify-content: space-between;
    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;
        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: flex;
  justify-content: 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 {
  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: 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;
      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;
        object-fit: cover;
        max-width: 1000%; }
        @media print, screen and (min-width: 992px) {
          .with-card.v-sub .img img {
            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: flex;
      justify-content: space-between;
      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: flex;
      justify-content: space-between;
      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: flex;
  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.6rem;
  font-weight: bold;
  line-height: 1.77;
  text-decoration: border;
  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: flex; } }

.top-main-movie {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 560px;
  padding: 0 15px 60px;
  display: flex;
  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: 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;
    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: flex;
  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: flex;
    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: 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/en/images/topnews/img_article01.jpg);
        background-repeat: no-repeat;
        background-position: center center; }
      .top-main-articles > .article > .img.v-second {
        background-image: url(/americas/en/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;
        transform: translate(-50%, -50%); }
  .top-main-articles > .world {
    position: relative;
    display: flex;
    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/en/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: flex;
        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;
    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 {
        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;
    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: 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;
            object-fit: cover; } }
    .top-app-menu > .content > .list {
      columns: 2;
      padding: 15px 0 30px; }
      @media print, screen and (min-width: 992px) {
        .top-app-menu > .content > .list {
          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;
        break-inside: avoid; }
      .top-app-menu > .content > .list .link {
        display: block;
        color: #d1003b;
        border-bottom: 1px solid #d4d5d6;
        padding-top: 15px;
        padding-bottom: 15px;
        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;
          transition: opacity 0.5s ease-in-out, 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;
          transform: translateX(0);
          z-index: 2; }
        .top-app-menu > .content.v-out > .eyecatch,
        .top-app-menu > .content.v-out > .list {
          opacity: 0;
          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: 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;
    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: flex;
        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: flex;
        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: flex; }
    .top-products-thumbnail > .inner > .each {
      position: relative;
      width: 50%;
      display: flex;
      justify-content: 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;
        transform: scale(0, 1);
        transform-origin: left center; }
      .top-products-thumbnail > .inner > .each.swiper-slide-thumb-active:after {
        animation: indicator 4s; }
      .top-products-thumbnail > .inner > .each > img {
        max-height: 80px;
        max-width: 170px; }

@keyframes indicator {
  0% {
    transform: scale(0, 1); }
  100% {
    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 {
        align-items: center;
        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;
    transform-origin: 50%;
    background-color: #d4d3d6;
    transition: background-color 250ms; }
  .result-search-box > .icon {
    position: absolute;
    transform: translateY(-50%);
    top: 51%;
    padding: 8px; }
  .result-search-box > .input {
    display: block;
    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;
    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;
    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;
      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: 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: flex;
  justify-content: 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: flex;
      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: 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: 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: flex; } }
    .mayekawa-blog .blog-lists .blog-list .blog-contents {
      width: 100%; }
      .mayekawa-blog .blog-lists .blog-list .blog-contents .content-top {
        display: flex; }
        .mayekawa-blog .blog-lists .blog-list .blog-contents .content-top .events-tags {
          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: 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;
          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;
  box-shadow: 0 0 2px 0 rgba(42, 37, 49, 0.3);
  background-color: #2a2531;
  cursor: pointer;
  transition: 0.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: flex; } }
    .blog-details .head-contents .blog-contents {
      width: 100%; }
      .blog-details .head-contents .blog-contents .info {
        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: 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;
          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;
      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;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 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]::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;
    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;
    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;
    -moz-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/en/assets/images/careers/images/bg_mv.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 560px; }
  @media print, screen and (min-width: 992px) {
    .careers-mv {
      height: 640px; } }
  .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;
  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;
    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;
    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 */