@charset "UTF-8";
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

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

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

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

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

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

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

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

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

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

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

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

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

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

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

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

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

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

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

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

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

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.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-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

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

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

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

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

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

/* Scrollbar */
.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;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

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

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

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  /* font-family: "Helvetica Neue", sans-serif; */
  line-height: 1.1em;
}

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

@font-face {
  font-family: "shimadzu_icon";
  src: url("../fonts/icons/shimadzu_icon.eot");
  src: url("../fonts/icons/shimadzu_icon.eot?#iefix") format("eot"), url("../fonts/icons/shimadzu_icon.woff2") format("woff2"), url("../fonts/icons/shimadzu_icon.woff") format("woff"), url("../fonts/icons/shimadzu_icon.ttf") format("truetype"), url("../fonts/icons/shimadzu_icon.svg#shimadzu_icon") format("svg");
}

.icon-sh-analytical:before, .icon-analytical:before, .icon-sh-arrow-left:before, .icon-arrow-left:before, .icon-sh-arrow:before, .icon-normalArrow:before, .icon-sh-bag:before, .icon-bag:before, .icon-sh-bookmark:before, .icon-bookmark:before, .icon-sh-buy:before, .icon-buy:before, .icon-sh-chat:before, .icon-chat:before, .icon-sh-chevron-circle-right:before, .icon-sh-download:before, .icon-download:before, .icon-sh-earth:before, .icon-earth:before, .icon-sh-entypo-share-connection-sing:before, .icon-share-connection:before, .icon-sh-fa-sign-out:before, .icon-signout:before, .icon-sh-file:before, .icon-file:before, .icon-sh-graduate:before, .icon-graduate:before, .icon-sh-headphone:before, .icon-headphone:before, .icon-sh-heart:before, .icon-heart:before, .icon-sh-information-circle:before, .icon-information-circle:before, .icon-sh-mail:before, .icon-mail:before, .icon-sh-map-marked-alt:before, .icon-distributors:before, .icon-sh-medical:before, .icon-medical:before, .icon-sh-menu:before, .icon-menu:before, .icon-sh-message:before, .icon-message:before, .icon-sh-message_thin:before, .icon-message_thin:before, .icon-sh-new_window:before, .icon-newWindow:before, .icon-sh-rss:before, .icon-rss:before, .icon-sh-share:before, .icon-share:before, .icon-sh-shimadzu-emblem:before, .icon-shimadzu-emblem:before, .icon-sh-shop-cart:before, .icon-cart:before, .icon-sh-tel:before, .icon-tel:before, .icon-sh-tree:before, .icon-tree:before, .icon-sh-user-fill:before, .icon-user-fill:before, .icon-sh-wrench:before, .icon-wrench:before, .icon-sh-zoom:before, .icon-zoom:before, .icon-sh-zzz001_file-pdf:before, .icon-file-pdf:before, .icon-sh-zzz002_contact:before, .icon-contact:before, .icon-sh-zzz003_arrowBottom:before, .icon-arrowBottom:before {
  font-family: "shimadzu_icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-sh-analytical:before, .icon-analytical:before {
  content: "";
}

.icon-sh-arrow-left:before, .icon-arrow-left:before {
  content: "";
}

.icon-sh-arrow:before, .icon-normalArrow:before {
  content: "";
}

.icon-sh-bag:before, .icon-bag:before {
  content: "";
}

.icon-sh-bookmark:before, .icon-bookmark:before {
  content: "";
}

.icon-sh-buy:before, .icon-buy:before {
  content: "";
}

.icon-sh-chat:before, .icon-chat:before {
  content: "";
}

.icon-sh-chevron-circle-right:before {
  content: "";
}

.icon-sh-download:before, .icon-download:before {
  content: "";
}

.icon-sh-earth:before, .icon-earth:before {
  content: "";
}

.icon-sh-entypo-share-connection-sing:before, .icon-share-connection:before {
  content: "";
}

.icon-sh-fa-sign-out:before, .icon-signout:before {
  content: "";
}

.icon-sh-file:before, .icon-file:before {
  content: "";
}

.icon-sh-graduate:before, .icon-graduate:before {
  content: "";
}

.icon-sh-headphone:before, .icon-headphone:before {
  content: "";
}

.icon-sh-heart:before, .icon-heart:before {
  content: "";
}

.icon-sh-information-circle:before, .icon-information-circle:before {
  content: "";
}

.icon-sh-mail:before, .icon-mail:before {
  content: "";
}

.icon-sh-map-marked-alt:before, .icon-distributors:before {
  content: "";
}

.icon-sh-medical:before, .icon-medical:before {
  content: "";
}

.icon-sh-menu:before, .icon-menu:before {
  content: "";
}

.icon-sh-message:before, .icon-message:before {
  content: "";
}

.icon-sh-message_thin:before, .icon-message_thin:before {
  content: "";
}

.icon-sh-new_window:before, .icon-newWindow:before {
  content: "";
}

.icon-sh-rss:before, .icon-rss:before {
  content: "";
}

.icon-sh-share:before, .icon-share:before {
  content: "";
}

.icon-sh-shimadzu-emblem:before, .icon-shimadzu-emblem:before {
  content: "";
}

.icon-sh-shop-cart:before, .icon-cart:before {
  content: "";
}

.icon-sh-tel:before, .icon-tel:before {
  content: "";
}

.icon-sh-tree:before, .icon-tree:before {
  content: "";
}

.icon-sh-user-fill:before, .icon-user-fill:before {
  content: "";
}

.icon-sh-wrench:before, .icon-wrench:before {
  content: "";
}

.icon-sh-zoom:before, .icon-zoom:before {
  content: "";
}

.icon-sh-zzz001_file-pdf:before, .icon-file-pdf:before {
  content: "";
}

.icon-sh-zzz002_contact:before, .icon-contact:before {
  content: "";
}

.icon-sh-zzz003_arrowBottom:before, .icon-arrowBottom:before {
  content: "";
}

@font-face {
  font-family: 'Conv_CONDENSEicon';
  src: url("../fonts/CONDENSEicon.eot");
  src: local("笘コ"), url("../fonts/CONDENSEicon.woff") format("woff"), url("../fonts/CONDENSEicon.ttf") format("truetype"), url("../fonts/CONDENSEicon.svg") format("svg");
}

.sh-condense-icon, .icon-signin {
  line-height: 1;
}

.sh-condense-icon:before, .icon-signin:before {
  font-family: Conv_CONDENSEicon !important;
  font-style: normal;
  font-weight: normal !important;
}

.sh-condense-icon-contact:before {
  content: "[";
}

.sh-condense-icon-multi:before {
  content: "¸";
}

.sh-condense-icon-paper-board:before {
  content: "J";
}

.sh-condense-icon-note:before {
  content: "K";
}

.sh-condense-icon-book:before {
  content: "E";
}

.sh-condense-icon-quotation:before {
  content: "I";
}

.sh-condense-icon-signin:before, .icon-signin:before {
  content: "G";
}

.sh-condense-icon-zoom-plus:before {
  content: "\\";
}

.sh-condense-icon-gear:before {
  content: "w";
}

.sh-condense-icon-cart:before {
  content: "0";
}

.sh-condense-icon-download:before {
  content: "í";
}

.sh-condense-icon-graph-bar:before {
  content: "t";
}

.icon-signin {
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
}

.icon-pdf:before,
.icon-html:before,
.icon-audio:before,
.icon-excel:before,
.icon-word:before,
.icon-none:before {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
}

@media screen and (min-width: 750px), print {
  .icon-pdf:before,
  .icon-html:before,
  .icon-audio:before,
  .icon-excel:before,
  .icon-word:before,
  .icon-none:before {
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
  }
}

.icon-pdf:before {
  background-image: url("../images/common/icon_pdf.jpg");
}

.icon-html:before {
  background-image: url("../images/common/icon_html.jpg");
}

.icon-audio:before {
  background-image: url("../images/common/icon_wmp.gif");
}

.icon-excel:before {
  background-image: url("../images/common/icon_excel.png");
}

.icon-word:before {
  background-image: url("../images/common/icon_word.png");
}

#annual_document_list .for_irDocument .table-cell-item .icon:before {
  vertical-align: middle;
  margin-right: 3px;
}

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: .85;
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: .85;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    display: none;
    opacity: .5;
  }
  1% {
    display: block;
    opacity: .5;
  }
  100% {
    display: block;
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    display: none;
    opacity: .5;
  }
  1% {
    display: block;
    opacity: .5;
  }
  100% {
    display: block;
    opacity: 0;
  }
}

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

option[selected], option::-moz-selection, option:active, option:focus {
  color: inherit;
  outline: 0;
}

option[selected], option::selection, option:active, option:focus {
  color: inherit;
  outline: 0;
}

*:active,
*:focus {
  background-color: transparent;
}

select:focus::-ms-value {
  background: 0 0;
  color: inherit;
}

tbody {
  border: none;
}

fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px currentColor;
  -o-border-image: none;
     border-image: none;
  line-height: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  font-size-adjust: inherit;
  font-stretch: inherit;
}

.clearfix:before, .news-list-item:before, .mparea ul.movie-list li:before,
.clearfix:after,
.news-list-item:after,
.mparea ul.movie-list li:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}


.clearfix:after,
.news-list-item:after,
.mparea ul.movie-list li:after {
  clear: both;
}

.clearfix, .news-list-item, .mparea ul.movie-list li {
  zoom: 1;
}

html,
body {
  color: #464646;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

html .with_grayBackground,
body .with_grayBackground {
  color: #111111;
}

html {
  cursor: auto;
  font-size: 62.5%;
}

@media screen and (min-width: 750px), print {
  html {
    min-width: 1160px;
  }
}

body {
  padding-top: 68px;
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  body {
    padding-top: 187px;
    font-size: 16px;
    min-width: 1040px;
  }
  body.is_front {
    padding-top: 151px;
  }
}

@media screen and (min-width: 750px), print {
  body.for_irFatMenu {
    padding-top: 240px;
  }
}

@media screen and (min-width: 750px), print {
  p {
    line-height: 1.6;
  }
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

a {
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  color: #004ecc;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  a:hover {
    text-decoration: underline;
  }
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

.article a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .article a {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  }
}

@media screen and (min-width: 750px), print {
  .article a:hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.header {
  background-color: #fff;
  border-top: 3px solid #adadad;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1000;
}

@media screen and (min-width: 750px), print {
  .header {
    border-bottom: 1px solid #d8d8d8;
    border-top: 5px solid #adadad;
    height: 88px;
    position: relative;
  }
}

.header:before {
  background-color: #ff0000;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 20px;
}

@media screen and (min-width: 750px), print {
  .header:before {
    height: 5px;
    top: -5px;
    width: 30px;
  }
}

.header-logo {
  padding: 17px 0 0 17px;
}

@media screen and (min-width: 750px), print {
  .header-logo {
    padding: 21px 0 0 30px;
  }
}

.header-logo-image.forMobile {
  height: auto;
  width: 140px;
}

@media screen and (min-width: 750px), print {
  .header-logo-image.forMobile {
    display: none;
  }
}

.header-logo-image.forPc {
  display: none;
  height: auto;
  width: 172px;
}

@media screen and (min-width: 750px), print {
  .header-logo-image.forPc {
    display: inline;
  }
}

.header-copy-image.forPc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .header-copy-image.forPc {
    display: inline-block;
    margin-left: 27px;
    padding-top: 6px;
  }
}

.header-utility {
  display: none;
}

@media screen and (min-width: 750px), print {
  .header-utility {
    display: block;
    float: right;
  }
}

.header-link {
  display: none;
}

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

@media screen and (min-width: 750px), print {
  .header-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 6px;
    padding: 5px 0 0;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item {
    font-family: "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
    margin-left: 20px;
  }
}

.header-link-list-item.is_contact, .header-link-list-item.is_cart {
  position: relative;
  top: -2px;
}

@media screen and (min-width: 750px), print {
  .header-link-list-item a {
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
  }
  .header-link-list-item a:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item a .adjust-headerIcon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 18px;
  }
  .header-link-list-item a .adjust-headerIcon.icon {
    top: -3px;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item .icon {
    margin-right: 6px;
    position: relative;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item .icon.icon-earth {
    font-size: 17px;
    top: 2px;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item .icon.icon-message {
    font-size: 18px;
    top: 3px;
  }
}

@media screen and (min-width: 750px), print {
  .header-link-list-item .icon.icon-cart {
    font-size: 18px;
    top: 3px;
  }
}

.header-form {
  display: none;
}

@media screen and (min-width: 750px), print {
  .header-form {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }
}

@media screen and (min-width: 750px), print {
  .header-form-inputText {
    border: 1px solid #080808;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    line-height: 1.2;
    padding: 8px;
    width: 400px;
  }
  .header-form-inputText:placeholder-shown {
    color: #adadad;
  }
  .header-form-inputText::-webkit-input-placeholder {
    color: #adadad;
  }
  .header-form-inputText:-moz-placeholder {
    color: #adadad;
    opacity: 1;
  }
  .header-form-inputText::-moz-placeholder {
    color: #adadad;
    opacity: 1;
  }
  .header-form-inputText:-ms-input-placeholder {
    color: #adadad;
  }
}

@media screen and (min-width: 750px), print {
  .header-form-btn {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    background-color: #080808;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 34px;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    vertical-align: middle;
    width: 34px;
  }
  .header-form-btn:hover {
    background-color: #dd0000;
  }
}

@media screen and (min-width: 750px), print {
  .header-form-btn .icon {
    position: relative;
    top: 2px;
  }
}

.header-menu, .header-menu-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.header-menu {
  height: 26px;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 35px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .header-menu {
    display: none;
  }
}

.header-menu-item {
  background-color: #080808;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.header-menu-item:nth-of-type(1) {
  top: 0;
}

.header-menu-item:nth-of-type(2) {
  top: 12px;
}

.header-menu-item:nth-of-type(3) {
  bottom: 1px;
}

.header-menu.is_active .header-menu-item {
  height: 2.5px;
}

.header-menu.is_active .header-menu-item:nth-of-type(1) {
  -webkit-transform: translateY(11.5px) rotate(-45deg);
          transform: translateY(11.5px) rotate(-45deg);
}

.header-menu.is_active .header-menu-item:nth-of-type(2) {
  opacity: 0;
}

.header-menu.is_active .header-menu-item:nth-of-type(3) {
  -webkit-transform: translateY(-11.5px) rotate(45deg);
          transform: translateY(-11.5px) rotate(45deg);
}

.header-menu-text {
  bottom: -20px;
  color: #464646;
  font-size: 12px;
  left: -1px;
  position: absolute;
  right: 0;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .is_shrink .header {
    height: 74px;
  }
  .is_shrink .header-utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 0;
  }
  .is_shrink .header-link {
    margin-right: 30px;
  }
  .is_shrink .header-logo {
    padding-top: 20px;
  }
  .is_shrink .header-form {
    width: 212px;
  }
}

.header-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  display: block;
  height: 68px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

@media screen and (min-width: 750px), print {
  .header-wrapper {
    border-bottom: none;
    height: auto;
    width: 100%;
    z-index: 1000;
  }
}

@media screen and (min-width: 750px), print {
  .header-logo-image.forPc.at_shrinked {
    display: none;
  }
  .is_shrink .header-logo-image.forPc.at_normal {
    display: none;
  }
  .is_shrink .header-logo-image.forPc.at_shrinked {
    display: inline;
  }
  .is_shrink .header-copy-image.forPc {
    display: none;
  }
}

#admin-menu {
  z-index: 1001;
}

@media screen and (min-width: 750px), print {
  .for_irFatMenu .header-wrapper.is_shrink .header-link-list-item {
    display: inline-block;
    height: 22px;
  }
}

.globalNav_mobile {
  background-color: #080808;
  display: block;
  height: 100%;
  overflow-y: hidden;
  position: fixed;
  top: -100%;
  -webkit-transition: .4s;
  transition: .4s;
  width: 100%;
  z-index: 900;
}

@media screen and (min-width: 750px), print {
  .globalNav_mobile {
    display: none;
  }
}

.globalNav_mobile.is_active {
  top: 68px;
  overflow-y: scroll;
}

.globalNav_mobile-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 10px;
}

.globalNav_mobile-links-item {
  width: 50%;
  text-align: center;
}

.globalNav_mobile-links-item a {
  color: #fff;
  display: block;
  font-size: 10px;
  padding: 10px;
  text-decoration: none;
  border-right: 1px solid #3c3c3c;
}

.globalNav_mobile-links-item:last-child a {
  border: none;
}

.globalNav_mobile-links-item .icon {
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
}

.globalNav_mobile-form {
  padding: 0 10px 15px;
  position: relative;
}

.globalNav_mobile-form-inputText {
  background-color: #fff;
  padding: 15px 10px;
  width: 100%;
}

.globalNav_mobile-form-inputText:placeholder-shown {
  color: #adadad;
}

.globalNav_mobile-form-inputText::-webkit-input-placeholder {
  color: #adadad;
}

.globalNav_mobile-form-inputText:-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.globalNav_mobile-form-inputText::-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.globalNav_mobile-form-inputText:-ms-input-placeholder {
  color: #adadad;
}

.globalNav_mobile-form-btn {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 14px;
}

.globalNav_mobile-list {
  margin: 0;
  padding: 0;
  height: 100%;
}

.globalNav_mobile-list-item {
  border-top: 1px solid #3c3c3c;
  text-align: center;
}

.globalNav_mobile-list-item:last-child {
  border-bottom: 1px solid #3c3c3c;
}

.globalNav_mobile-list-item a {
  display: block;
  padding: 20px 10px;
  text-decoration: none;
  color: #fff;
}

.globalNav {
  display: none;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .globalNav {
    display: block;
    border-bottom: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .globalNav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .globalNav-list_isChild {
    background: rgba(50, 50, 50, 0);
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
    top: 64px;
    -webkit-transition: background 1s ease, opacity 1s ease, height .5s ease, overflow 1s ease;
    transition: background 1s ease, opacity 1s ease, height .5s ease, overflow 1s ease;
    z-index: 99;
  }
}

.globalNav-list_isChild.is_active {
  background: rgba(50, 50, 50, 0.7);
  height: 300px;
  opacity: 1;
  overflow: visible;
}

@media screen and (min-width: 750px), print {
  .globalNav-list-inner_isChild {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 25px 0;
    width: 1040px;
  }
}

.globalNav-list-content_isChild {
  margin-right: 25px;
}

@media screen and (min-width: 750px), print {
  .globalNav-list-content_isChild:nth-child(3) {
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .globalNav-list-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media screen and (min-width: 750px), print {
  .globalNav-list-item a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 14px;
    padding: 22px 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
  }
}

@media screen and (min-width: 750px), print {
  .globalNav-list-item a:hover, .globalNav-list-item a.is_current, .globalNav-list-item a.is_active {
    position: relative;
  }
  .globalNav-list-item a:hover:after, .globalNav-list-item a.is_current:after, .globalNav-list-item a.is_active:after {
    background-color: #dd0000;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
  }
}

.globalNav-list-item-arrow {
  margin-right: 10px;
}

.globalNav-list-item-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  border-right: solid 2px #dd0000;
  border-top: solid 2px #dd0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .globalNav-list-item_isChild a {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 15px 8px 5px;
    text-align: left;
  }
}

.globalNav-list-item_isChild a:hover {
  background-color: #dd0000;
  border-bottom: none;
  color: #fff;
  padding-bottom: 8px;
  margin-bottom: 0;
}

.globalNav-list-item_isChild a:hover:after {
  display: none;
}

.globalNav-list-item_isChild a:hover .globalNav-list-item-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg);
}

.globalNav {
  background-color: #fff;
}

.globalNav-list_isChild.with_image .globalNav-list-content_isChild {
  margin-right: 2%;
  width: 18%;
  margin-bottom: 10px;
}

.globalNav-list_isChild.with_image .globalNav-list-content_isChild:nth-last-child(3), .globalNav-list_isChild.with_image .globalNav-list-content_isChild:nth-last-child(2), .globalNav-list_isChild.with_image .globalNav-list-content_isChild:nth-last-child(1), .globalNav-list_isChild.with_image .globalNav-list-content_isChild:last-child {
  margin-bottom: 0;
}

.globalNav-list_isChild.with_image .globalNav-list-content_isChild:nth-child(5n) {
  margin-right: 0;
}

.globalNav-list_isChild.with_image .globalNav-list-item_isChild a {
  padding-left: 28px;
  text-indent: -21px;
}

.globalNav-list_isChild.with_image .globalNav-list-item-image_isChild a {
  margin-bottom: 10px;
  padding: 0;
  text-indent: 0;
  text-align: left;
  margin-left: 10px;
}

.globalNav-list_isChild.with_image .globalNav-list-item-image_isChild a:hover {
  background-color: transparent;
  padding-bottom: 0;
}

.globalNav-list_isChild.with_image .globalNav-list-item-image_isChild a img {
  width: 70%;
}

.is_shrink .globalNav {
  display: none;
}

.breadcrumb {
  display: none;
}

@media screen and (min-width: 750px), print {
  .breadcrumb {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    display: block;
    position: relative;
  }
  .breadcrumb:before {
    background-color: #d8d8d8;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin-right: 520px;
    position: absolute;
    right: 50%;
    top: 0;
  }
  .breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    width: 1040px;
  }
  .breadcrumb-list-item {
    height: 34px;
    line-height: 34px;
  }
  .breadcrumb-list-item > a,
  .breadcrumb-list-item > span {
    color: inherit;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 0 24px 0 34px;
    position: relative;
  }
  .breadcrumb-list-item > a:before, .breadcrumb-list-item > a:after {
    content: "";
    position: absolute;
    top: -1px;
  }
  .breadcrumb-list-item > a:before {
    border-bottom: 18px solid transparent;
    border-left: 18px solid #d8d8d8;
    border-top: 18px solid transparent;
    right: -16px;
  }
  .breadcrumb-list-item > a:after {
    border-bottom: 18px solid transparent;
    border-left: 18px solid #f5f5f5;
    border-top: 18px solid transparent;
    right: -15px;
  }
  .breadcrumb-list-item:first-child > a {
    background-color: #d8d8d8;
    padding-left: 0;
    padding-right: 22px;
  }
  .breadcrumb-list-item:first-child > a:before {
    display: none;
  }
  .breadcrumb-list-item:first-child > a:after {
    border-bottom: 17px solid transparent;
    border-left: 17px solid #d8d8d8;
    border-top: 17px solid transparent;
    position: absolute;
    top: 0;
    right: -16px;
  }
  .breadcrumb-list-item:last-child {
    overflow: hidden;
  }
  .breadcrumb-list-item-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
  .breadcrumb-list-item-arrow {
    margin-right: 10px;
  }
  .breadcrumb-list-item-arrow:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 10px;
    border-right: solid 2px #dd0000;
    border-top: solid 2px #dd0000;
    transform: rotate(45deg);
  }
  .breadcrumb .globalNav-list_isChild {
    top: 34px;
  }
  .breadcrumb .globalNav-list_isChild.is_active {
    background-color: rgba(220, 220, 220, 0.9);
  }
  .breadcrumb .globalNav-list-item_isChild a {
    color: #464646;
    text-decoration: none;
  }
}

@media screen and (min-width: 750px), print {
  .breadcrumb.for_ir {
    background-color: #fff;
  }
  .breadcrumb.for_ir:before {
    background-color: #fff;
  }
  .breadcrumb.for_ir .breadcrumb-list-item > a,
  .breadcrumb.for_ir .breadcrumb-list-item > span {
    font-weight: normal;
    padding: 0 10px 0 18px;
  }
  .breadcrumb.for_ir .breadcrumb-list-item:first-child > a {
    background-color: #fff;
    padding-right: 10px;
    padding-left: 0;
  }
  .breadcrumb.for_ir .breadcrumb-list-item > a:after {
    display: none;
  }
  .breadcrumb.for_ir .breadcrumb-list-item > a:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 6px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 6px;
    border-right: solid 1px #464646;
    border-top: solid 1px #464646;
    transform: rotate(45deg);
  }
  .breadcrumb.for_ir .breadcrumb-list-item > a:before {
    position: absolute;
    right: -5px;
    top: 37%;
  }
  .breadcrumb.for_ir .breadcrumb-list .globalNav-list_isChild.is_active {
    display: none;
  }
}

@media screen and (min-width: 750px), print {
  .is_shrink .breadcrumb {
    position: absolute;
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .slideVisual.for_mobile {
    display: none;
  }
}

.slideVisual.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .slideVisual.for_pc {
    display: block;
  }
}

.slideVisual-slide {
  height: auto;
  margin-bottom: 10px;
  overflow-x: hidden;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .slideVisual-slide {
    overflow: visible;
  }
}

.slideVisual-wrapper {
  height: auto;
}

.slideVisual-item {
  height: auto;
}

@media screen and (min-width: 750px), print {
  .slideVisual-item {
    background-position: top center;
    background-size: cover;
    height: 480px;
    position: relative;
  }
}

.slideVisual-item .btn {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  padding: 10px;
  position: absolute;
  right: 0;
  width: 150px;
}

.slideVisual-image {
  display: block;
  height: auto;
  width: 100%;
}

.slideVisual-slide-nav {
  left: 0;
  position: absolute;
  right: 0;
  top: 46%;
  -webkit-transform: translate(0, -46%);
          transform: translate(0, -46%);
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .slideVisual-slide-nav {
    margin: 0 auto;
    width: 1120px;
  }
}

.slideVisual-slide-nav-item {
  position: absolute;
  top: 40%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .slideVisual-slide-nav-item {
    cursor: pointer;
    top: 0;
  }
  .slideVisual-slide-nav-item:hover {
    background-color: #dd0000;
  }
  .slideVisual-slide-nav-item:hover.is_previous:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    transform: rotate(45deg);
  }
  .slideVisual-slide-nav-item:hover.is_next:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(45deg);
  }
}

.slideVisual-slide-nav-item.is_previous {
  left: 0;
}

.slideVisual-slide-nav-item.is_next {
  right: 0;
}

.slideVisual .pagination-list-item-control {
  height: 40px;
  width: 40px;
}

@media screen and (min-width: 750px), print {
  .slideVisual .pagination-list-item-control {
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
}

@media screen and (min-width: 750px), print {
  .slideVisual.in .pagination-list-item-control {
    opacity: 1;
  }
}

.slideVisual-slide-indicator {
  text-align: center;
}

.slideVisual-slide-indicator .swiper-pagination-bullet {
  background-color: #adadad;
  margin-right: 10px;
  opacity: 1;
}

.slideVisual-slide-indicator .swiper-pagination-bullet-active {
  background-color: #dd0000;
}

@media screen and (min-width: 750px), print {
  .slideVisual.for_productCategory {
    overflow-x: hidden;
  }
}

.slideVisual.for_productCategory .slideVisual-item .slideVisual-linkArea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .slideVisual.for_productCategory .slideVisual-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-size: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 420px;
    position: relative;
  }
  .slideVisual.for_productCategory .slideVisual-item img {
    display: none;
  }
}

.slideVisual.for_productCategory .slideVisual-item .mainvisual-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 0 50px;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 750px), print {
  .topVisual.for_mobile {
    display: none;
  }
}

.topVisual.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .topVisual.for_pc {
    display: block;
  }
}

.topVisual-slide {
  height: auto;
  margin-bottom: 10px;
  overflow-x: hidden;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .topVisual-slide {
    height: 388px;
    overflow: hidden;
    width: 1040px;
  }
}

@media screen and (min-width: 1040px), print {
  .topVisual-slide {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 750px), print {
  .topVisual-slide.is_heightAuto {
    height: auto;
  }
}

@media screen and (min-width: 750px), print {
  .topVisual-slide img {
    width: 1040px;
  }
}

@media screen and (min-width: 1040px), print {
  .topVisual-slide img {
    width: 100%;
  }
}

.topVisual-wrapper {
  height: auto;
}

.topVisual-item {
  height: auto;
}

@media screen and (min-width: 750px), print {
  .topVisual-item {
    position: relative;
  }
}

.topVisual-image {
  display: block;
  height: auto;
  width: 100%;
}

.topVisual-slide-nav {
  left: 0;
  position: absolute;
  right: 0;
  top: 46%;
  -webkit-transform: translate(0, -46%);
          transform: translate(0, -46%);
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .topVisual-slide-nav {
    margin: 0 auto;
    width: 1120px;
  }
}

.topVisual-slide-nav-item {
  position: absolute;
  top: 40%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .topVisual-slide-nav-item {
    cursor: pointer;
    top: 0;
  }
  .topVisual-slide-nav-item:hover {
    background-color: #dd0000;
  }
  .topVisual-slide-nav-item:hover.is_previous:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    transform: rotate(45deg);
  }
  .topVisual-slide-nav-item:hover.is_next:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(45deg);
  }
}

.topVisual-slide-nav-item.is_previous {
  left: 0;
}

.topVisual-slide-nav-item.is_next {
  right: 0;
}

.topVisual .pagination-list-item-control {
  height: 40px;
  width: 40px;
}

@media screen and (min-width: 750px), print {
  .topVisual .pagination-list-item-control {
    opacity: 0;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
}

@media screen and (min-width: 750px), print {
  .topVisual.in .pagination-list-item-control {
    opacity: 1;
  }
}

.topVisual-slide-indicator {
  text-align: center;
}

.topVisual-slide-indicator .swiper-pagination-bullet {
  background-color: #adadad;
  margin-right: 10px;
  opacity: 1;
}

.topVisual-slide-indicator .swiper-pagination-bullet-active {
  background-color: #dd0000;
}

.topVisual.for_ms_r .topVisual-item {
  text-align: center;
}

.article {
  padding-top: 25px;
}

@media screen and (min-width: 750px), print {
  .article {
    padding: 60px 0 0;
    position: relative;
  }
}

@media screen and (min-width: 750px), print {
  .article.is_top {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 750px), print {
  .heading_level1 + .article {
    margin-top: -30px;
    padding-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .page-industries-products-base .article {
    margin-top: -30px;
    padding-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .container + .page-industries-products-base .article {
    margin-top: 0px;
  }
}

.page-industries-products-detail .article {
  padding-top: 0;
}

@media screen and (min-width: 750px), print {
  .page-industries-products-detail .article {
    padding-top: 25px;
  }
}

.section {
  border-bottom: 1px solid #d8d8d8;
  padding: 25px 20px;
}

@media screen and (min-width: 750px), print {
  .section {
    padding: 30px 0;
  }
}

.section:first-child {
  padding-top: 0;
}

.section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.section--noBorderBottom {
  border-bottom: none;
}

.footer {
  border-top: 5px solid #adadad;
  padding-bottom: 20px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .footer {
    background-color: #ebebeb;
    margin-top: 195px;
    padding-bottom: 9px;
    padding-top: 5px;
  }
}

.footer:before {
  background-color: #ff0000;
  content: "";
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  top: -5px;
  width: 30px;
}

@media screen and (min-width: 750px), print {
  .footer .container {
    position: relative;
  }
}

.footer-link {
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .footer-link {
    margin-bottom: 0;
  }
}

.footer-link-list {
  margin: 0;
  padding: 0;
}

.footer-link-list-item {
  background-color: #d8d8d8;
  border-bottom: 1px solid #adadad;
}

@media screen and (min-width: 750px), print {
  .footer-link-list-item {
    background-color: transparent;
    border-bottom: none;
    display: inline-block;
  }
}

.footer-link-list-item-link {
  color: inherit;
  display: block;
  padding: 25px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
}

.footer-link-list-item-link:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .footer-link-list-item-link {
    border-right: 1px solid #080808;
    color: #004ecc;
    display: inline-block;
    line-height: 1;
    padding: 0 15px;
    font-size: 13px;
  }
}

@media screen and (min-width: 750px), print {
  .footer-link-list-item-link:hover {
    text-decoration: underline;
  }
}

.footer-link-list-item-link:before {
  position: absolute;
  right: 20px;
  top: 45%;
}

@media screen and (min-width: 750px), print {
  .footer-link-list-item-link:before {
    display: none;
  }
}

@media screen and (min-width: 750px), print {
  .footer-link-list-item:first-child .footer-link-list-item-link {
    border-left: 1px solid #080808;
  }
}

.footer-link-sns {
  margin: 0;
  padding: 25px 20px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .footer-link-sns {
    padding: 0;
    position: absolute;
    right: 0;
    top: -60px;
  }
}

.footer-link-sns-header, .footer-link-sns-item {
  display: inline-block;
}

.footer-link-sns-header {
  font-size: 12px;
  font-weight: 700;
}

@media screen and (min-width: 750px), print {
  .footer-link-sns-header {
    font-size: 13px;
  }
}

.footer-link-sns-header .icon {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.footer-link-sns-item {
  margin-left: 10px;
}

.footer-link-sns-item.is_facebook img, .footer-link-sns-item.is_linkedin img, .footer-link-sns-item.is_youtube img {
  height: 37px;
  width: auto;
}

@media screen and (min-width: 750px), print {
  .footer-link-sns-item.is_facebook, .footer-link-sns-item.is_linkedin {
    width: 37px;
  }
}

@media screen and (min-width: 750px), print {
  .footer-link-sns-item.is_youtube {
    width: 52px;
  }
}

.footer-copyright {
  margin-bottom: 25px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .footer-copyright {
    float: right;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.footer-copyright img {
  height: auto;
  width: 280px;
}

@media screen and (min-width: 750px), print {
  .footer-copyright img {
    width: 383px;
  }
}

.footer-pageTop {
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .footer-pageTop {
    display: none;
  }
}

.footer-pageTop-button {
  display: block;
}

.footer-pageTop-button:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 22px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 22px;
  border-right: solid 1px #080808;
  border-top: solid 1px #080808;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer-exemption-clause {
  font-size: 12px;
}

.footer-exemption-clause.forPc {
  display: none;
  margin-left: 0px;
  position: absolute;
  top: -30px;
}

@media screen and (min-width: 750px), print {
  .footer-exemption-clause.forPc {
    display: block;
  }
}

.footer-exemption-clause.forMobile {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 750px), print {
  .footer-exemption-clause.forMobile {
    display: none;
  }
}

.footer-beian {
  padding-bottom: 71px;
}

@media screen and (min-width: 750px), print {
  .footer-beian {
    padding: 0;
  }
}

.footer-utilNav {
  position: fixed;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ebebeb;
  width: 100%;
  border-top: #b3b2b2 solid 1px;
  padding: 11px 10px 12px;
  z-index: 850;
}

@media screen and (min-width: 750px), print {
  .footer-utilNav {
    display: none;
  }
}

.footer-utilNav-item {
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  border-left: #b3b2b2 solid 1px;
}

.footer-utilNav-item:first-child {
  border-left: none;
}

.footer-utilNav-item-link {
  color: #464646;
  padding-bottom: 3px;
  text-decoration: none;
  display: block;
}

.footer-utilNav-item-link .icon {
  margin: 5px auto 0;
  display: block;
  font-size: 17px;
  line-height: 1;
}

.footer-utilNav-item-link-text {
  margin-top: 0px;
  font-size: 10px;
  line-height: 1.75;
}

@media screen and (min-width: 750px), print {
  .container {
    margin: 0 auto;
    width: 1040px;
  }
}

@media screen and (min-width: 750px), print {
  .container.is_narrow {
    width: 780px;
  }
}

@media screen and (min-width: 750px), print {
  .container.is_middle {
    width: 904px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 750px), print {
  .container.is_wide {
    width: 1083px;
  }
}

@media screen and (min-width: 750px), print {
  .is_inner-slider .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
}

@media screen and (min-width: 750px), print {
  .is_inner-slider .container:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: -1040px;
    position: absolute;
    top: 0;
    width: 1040px;
    z-index: 10;
  }
}

@media screen and (min-width: 750px), print {
  .is_inner-slider .heading_level2,
  .is_inner-slider .heading_noMarker {
    background-color: #fff;
    margin-top: 0;
    padding-right: 45px;
    width: 370px;
    z-index: 10;
  }
}

.grayWideContainer .container.is_wide {
  padding-top: 10px;
}

@media screen and (min-width: 750px), print {
  .grayWideContainer .container.is_wide {
    padding-top: 20px;
  }
}

.topProducts {
  background-image: url("../images/top/top_products_background.gif");
  background-repeat: repeat;
  background-size: 60px 60px;
}

.aboutUs {
  display: none;
}

@media screen and (min-width: 750px), print {
  .aboutUs {
    display: block;
    background-color: #d8d8d8;
    min-width: 1040px;
    padding: 10px 0 10px 10px;
  }
  .aboutUs-title {
    font-size: 34px;
    margin: 0;
    padding: 30px 0 50px;
    text-align: center;
  }
  .aboutUs-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .aboutUs-columns-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10px;
    width: 33.33333%;
  }
  .aboutUs-columns-item-content {
    padding-bottom: 10px;
    width: 100%;
  }
  .aboutUs-columns-item-content:last-child, .aboutUs-columns-item-content.is_large {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .aboutUs-columns-item-content.is_large {
    height: 100%;
  }
  .aboutUs-columns-item-content.is_large .aboutUs-columns-item-image {
    background-position: center center;
    background-size: cover;
    height: 380px;
  }
  .aboutUs-columns-item-content.is_medium {
    height: 66.666666%;
  }
  .aboutUs-columns-item-content.is_medium .aboutUs-columns-item-image {
    min-height: 190px;
  }
  .aboutUs-columns-item-content.is_wide {
    height: 33.333333%;
    padding-right: 10px;
  }
  .aboutUs-columns-item-content-inner {
    -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    background-color: #f5f5f5;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
  }
  .aboutUs-columns-item-content-inner:hover .aboutUs-columns-item-link {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    opacity: .6;
  }
  .aboutUs-columns-item-number {
    padding-top: 30px;
    text-align: center;
  }
  .aboutUs-columns-item-number-parts {
    display: block;
  }
  .aboutUs-columns-item-number-parts.is_name {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .aboutUs-columns-item-number-parts.is_unit {
    font-size: 16px;
    font-weight: normal;
  }
  .aboutUs-columns-item-link {
    background: rgba(68, 67, 67, 0.8);
    display: block;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  .aboutUs-columns-item-link span {
    display: none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 2px;
    top: -2px;
  }
  .aboutUs-columns-item-link span:before, .aboutUs-columns-item-link span:after {
    content: "";
    bottom: 0;
    margin: auto;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
  }
  .aboutUs-columns-item-link span:before {
    background: #dd0000;
    height: 1px;
    width: 12px;
    left: 3px;
  }
  .aboutUs-columns-item-link span:after {
    border-right: 1px solid #dd0000;
    border-top: 1px solid #dd0000;
    height: 7px;
    width: 7px;
    left: 9px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media screen and (min-width: 750px), print {
  .article.aboutUs a {
    text-decoration: none;
  }
  .article.aboutUs a .aboutUs-columns-item-link {
    color: #fff;
  }
}

@media screen and (min-width: 750px), print {
  .aboutUs-columns-item-content.is_large .aboutUs-columns-item-number-parts.is_unit {
    line-height: 1.8;
    margin-top: 20px;
    padding: 0 25px;
  }
  .aboutUs-columns-item.is_sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 0;
    width: 66.666666%;
  }
  .aboutUs-columns-item.is_sub .aboutUs-columns-item-content.is_medium {
    padding-right: 10px;
    width: 50%;
  }
  .aboutUs-columns-item.is_sub .aboutUs-columns-item-content.is_medium.and_wide {
    width: 100%;
  }
  .aboutUs-columns-item.is_sub .aboutUs-columns-item-content.is_bottom-medium {
    padding-right: 10px;
    padding-bottom: 0;
    width: 50%;
    height: 33.333333%;
  }
  .aboutUs-columns-item.is_sub .aboutUs-columns-item-link {
    bottom: 0;
    position: absolute;
    right: 0;
  }
  .aboutUs-columns-item.is_normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 33.33333%;
  }
  .aboutUs-columns-item .is_bottom {
    position: relative;
  }
  .aboutUs-columns-item .is_bottom .aboutUs-columns-item-link {
    bottom: 20px;
    position: absolute;
    right: 20px;
  }
}

.globalGateway {
  display: block;
  padding-top: 0;
}

.globalGateway.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .globalGateway.for_pc {
    display: block;
  }
}

.globalGateway-title {
  background-color: #f5f5f5;
  font-size: 34px;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .globalGateway-title {
    padding: 40px 0 50px;
  }
}

.globalGateway-wrapper {
  display: none;
}

@media screen and (min-width: 750px), print {
  .globalGateway-wrapper {
    display: block;
    background-image: url("../images/top/global_gateway_map_background.png");
    background-position: center top;
    background-repeat: repeat;
    border-top: 1px solid #d8d8d8;
    height: 610px;
    padding-top: 56px;
  }
  .globalGateway-section {
    background-image: url("../images/top/global_gateway_map_all.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 502px;
    margin: 0 auto;
    position: relative;
    width: 999px;
  }
  .globalGateway-item {
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    text-decoration: none;
  }
  .globalGateway-item-balloon {
    background-image: url("../images/top/global_gateway_map_balloon.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #004864;
    display: inline-block;
    font-weight: bold;
    height: 113px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 110px;
  }
  .globalGateway-item-balloon-text {
    display: block;
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    width: 80%;
  }
  .globalGateway-item.is_active .globalGateway-item-balloon, .globalGateway-item:hover .globalGateway-item-balloon {
    background-image: url("../images/top/global_gateway_map_balloon_on.png");
    color: #fff;
  }
  .globalGateway-item.is_europe {
    height: 161px;
    right: 71px;
    top: 0px;
    width: 631px;
  }
  .globalGateway-item.is_europe .globalGateway-item-balloon {
    left: 155px;
    top: 11px;
  }
  .globalGateway-item.is_europe.is_active, .globalGateway-item.is_europe:hover {
    background-image: url("../images/top/global_gateway_map_europe.png?20190204");
  }
  .globalGateway-item.is_asia {
    height: 228px;
    right: 85px;
    top: 106px;
    width: 273px;
  }
  .globalGateway-item.is_asia .globalGateway-item-balloon {
    right: 123px;
    top: -32px;
  }
  .globalGateway-item.is_asia.is_active, .globalGateway-item.is_asia:hover {
    background-image: url("../images/top/global_gateway_map_asia.png");
  }
  .globalGateway-item.is_africa {
    height: 296px;
    right: 315px;
    top: 133px;
    width: 301px;
  }
  .globalGateway-item.is_africa .globalGateway-item-balloon {
    right: 113px;
    top: 80px;
  }
  .globalGateway-item.is_africa.is_active, .globalGateway-item.is_africa:hover {
    background-image: url("../images/top/global_gateway_map_middle_east_and_africa.png");
  }
  .globalGateway-item.is_oceania {
    height: 168px;
    right: 0;
    top: 303px;
    width: 192px;
  }
  .globalGateway-item.is_oceania .globalGateway-item-balloon {
    right: 28px;
    top: 0px;
  }
  .globalGateway-item.is_oceania.is_active, .globalGateway-item.is_oceania:hover {
    background-image: url("../images/top/global_gateway_map_oceania.png");
  }
  .globalGateway-item.is_south_and_central_america {
    height: 331px;
    left: 69px;
    bottom: 0;
    width: 256px;
  }
  .globalGateway-item.is_south_and_central_america .globalGateway-item-balloon {
    left: 125px;
    top: 61px;
  }
  .globalGateway-item.is_south_and_central_america.is_active, .globalGateway-item.is_south_and_central_america:hover {
    background-image: url("../images/top/global_gateway_map_south_and_central_america.png");
  }
  .globalGateway-item.is_north_america {
    height: 203px;
    left: 0;
    top: 1px;
    width: 328px;
  }
  .globalGateway-item.is_north_america .globalGateway-item-balloon {
    left: 48px;
    top: 30px;
  }
  .globalGateway-item.is_north_america.is_active, .globalGateway-item.is_north_america:hover {
    background-image: url("../images/top/global_gateway_map_north_america.png?20190204");
  }
}

@media screen and (min-width: 750px), print {
  .globalGateway .tab-list-item a.is_active, .globalGateway .tab-list-item a:hover {
    background-color: #004864;
  }
}

@media screen and (min-width: 750px), print {
  .news .verticalColumn-item {
    width: 228px;
  }
}

.news.hidden-mobile {
  display: none;
  height: 0;
  overflow: hidden;
}

@media screen and (min-width: 750px), print {
  .news.hidden-mobile {
    display: block;
    height: auto;
  }
}

.footerLink {
  margin-top: 25px;
  margin-bottom: 30px;
}

.footerLink-list {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}

@media screen and (min-width: 750px), print {
  .footerLink-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto 20px;
    width: 1040px;
  }
}

.footerLink-list-item {
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item {
    width: 32%;
    margin-right: 2%;
  }
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item:nth-child(3n) {
    margin-right: 0;
  }
}

.footerLink-list-item a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #bababa;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 900;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 30px 10px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item a {
    font-size: 20px;
    padding: 30px 10px;
  }
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item a:hover {
    text-decoration: underline;
  }
}

.footerLink-list-item a .icon-normalArrow {
  color: #dd0000;
  font-size: 10px;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

.footerLink-list-item-inner {
  display: block;
}

.footerLink-list-item.with_icon a {
  border: 1px solid #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  padding: 10px 20px;
}

.footerLink-list-item.with_icon a .footerLink-list-item-inner {
  display: inline-block;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item.with_icon a {
    font-size: 16px;
    padding: 30px 20px;
  }
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item.with_icon a:hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.footerLink-list-item.with_icon .icon {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item.with_icon .icon {
    margin-right: 20px;
  }
}

.footerLink-list-item.with_icon .icon-file {
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item.with_icon .icon-file:before {
    font-size: 35px;
  }
}

.footerLink-list-item.with_icon .icon-message_thin {
  font-size: 13px;
}

@media screen and (min-width: 750px), print {
  .footerLink-list-item.with_icon .icon-message_thin {
    font-size: 27px;
  }
}

.footerLink-list-item:nth-child(2n+1):last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.footerLink-list.for_twoColumns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footerLink-list.for_twoColumns .footerLink-list-item {
  margin-right: 2%;
  width: 49%;
}

.footerLink-list.for_twoColumns .footerLink-list-item:nth-child(2n) {
  margin-right: 0;
}

.parallelPageLink {
  border-top: 1px solid #d8d8d8;
  color: #111111;
  font-size: 12px;
  height: 58px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: 800;
    height: auto;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-inner {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin: 0 auto;
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.parallelPageLink-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 800;
  padding: 20px;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-header {
    border-bottom: none;
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 18px;
    padding-left: 20px;
    height: 50px;
  }
}

.parallelPageLink-header-text {
  color: inherit;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-header-text {
    padding: 0;
  }
}

.parallelPageLink-header-text:hover {
  text-decoration: none;
}

.parallelPageLink-header-controll {
  padding: 3px 6px;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-header-controll {
    border-left: none;
    padding: 3px 15px;
  }
}

.parallelPageLink-header-controll .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.parallelPageLink-header-controll .iconOpenToggle:before, .parallelPageLink-header-controll .iconOpenToggle:after {
  background-color: #dd0000;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.parallelPageLink-header-controll .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.parallelPageLink-header-controll .iconOpenToggle.is_active:before {
  display: none;
}

.parallelPageLink-header-controll .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-header-controll .iconOpenToggle {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
    cursor: pointer;
    top: 3px;
  }
  .parallelPageLink-header-controll .iconOpenToggle:before, .parallelPageLink-header-controll .iconOpenToggle:after {
    background-color: #dd0000;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 4.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
  }
  .parallelPageLink-header-controll .iconOpenToggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .parallelPageLink-header-controll .iconOpenToggle.is_active:before {
    display: none;
  }
  .parallelPageLink-header-controll .iconOpenToggle.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .parallelPageLink-header-controll .iconOpenToggle.is_active {
    top: 3px;
  }
}

.parallelPageLink-header.is_active {
  background-color: #dd0000;
  color: #fff;
}

.parallelPageLink-header.is_active .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.parallelPageLink-header.is_active .iconOpenToggle:before, .parallelPageLink-header.is_active .iconOpenToggle:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.parallelPageLink-header.is_active .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.parallelPageLink-header.is_active .iconOpenToggle.is_active:before {
  display: none;
}

.parallelPageLink-header.is_active .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-header.is_active .iconOpenToggle {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
  }
  .parallelPageLink-header.is_active .iconOpenToggle:before, .parallelPageLink-header.is_active .iconOpenToggle:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 4.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
  }
  .parallelPageLink-header.is_active .iconOpenToggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .parallelPageLink-header.is_active .iconOpenToggle.is_active:before {
    display: none;
  }
  .parallelPageLink-header.is_active .iconOpenToggle.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.parallelPageLink .js-controll-parallel-header-target {
  display: inline-block;
}

.parallelPageLink .js-controll-parallel-header-target.is_active {
  position: absolute;
  z-index: 99;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink .js-controll-parallel-header-target.is_active {
    top: 51px;
  }
}

.parallelPageLink-list-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 600;
}

.parallelPageLink-list-item-text {
  background-color: #f5f5f5;
  color: inherit;
  padding: 18px 20px;
  width: 86%;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-list-item-text {
    width: 92%;
  }
}

.parallelPageLink-list-item-text:hover {
  text-decoration: underline;
}

.parallelPageLink-list-item-controll {
  border-left: 1px solid #d8d8d8;
  padding: 3px 10px 3px 15px;
  width: 14%;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink-list-item-controll {
    padding-right: 0;
    width: 8%;
  }
}

.parallelPageLink-list-item-controll .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
  cursor: pointer;
}

.parallelPageLink-list-item-controll .iconOpenToggle:before, .parallelPageLink-list-item-controll .iconOpenToggle:after {
  background-color: #dd0000;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.parallelPageLink-list-item-controll .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.parallelPageLink-list-item-controll .iconOpenToggle.is_active:before {
  display: none;
}

.parallelPageLink-list-item-controll .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.parallelPageLink-list_isChild {
  background-color: #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  padding: 20px;
}

.parallelPageLink-list_isChild-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.parallelPageLink-list_isChild-item a {
  color: inherit;
  display: block;
  padding: 10px;
}

.parallelPageLink-list_isChild-item a:hover {
  text-decoration: underline;
}

.parallelPageLink-list_isChild-item .icon {
  color: #dd0000;
  font-size: 10px;
  position: relative;
  top: 14px;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_top .parallelPageLink-list {
    display: inline-block;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_top .parallelPageLink-list-item {
    display: block;
  }
}

.parallelPageLink.is_top .parallelPageLink-list-item-text {
  color: inherit;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_top .parallelPageLink-list-item-text {
    display: inline-block;
  }
}

.parallelPageLink.is_top .parallelPageLink-list-item-text:hover {
  text-decoration: underline;
}

.parallelPageLink.is_relatedProducts {
  background-color: #f5f5f5;
  height: auto;
  padding: 30px 20px 50px;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts {
    padding: 60px 0 90px;
  }
}

.parallelPageLink.is_relatedProducts .heading_level2 {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .heading_level2 {
    margin-right: 40px;
    width: 320px;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list {
    width: 680px;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list-item {
    width: 100%;
  }
}

.parallelPageLink.is_relatedProducts .parallelPageLink-list-item-text {
  padding-left: 0;
}

.parallelPageLink.is_relatedProducts .parallelPageLink-list-item-controll {
  padding-right: 5px;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list-item-controll {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}

.parallelPageLink.is_relatedProducts .parallelPageLink-list-item .js-controll-parallel-related-product-links-target {
  width: 100%;
}

.parallelPageLink.is_relatedProducts .parallelPageLink-list-item:first-child {
  border-top: 1px solid #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list-item .iconOpenToggle:after {
    right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list-item .iconOpenToggle:before {
    right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .parallelPageLink.is_relatedProducts .parallelPageLink-list-item .iconOpenToggle.is_active:after {
    top: 3px;
    right: 0;
  }
}

.js-controll-parallel-header-target,
.js-controll-parallel-links-target,
.js-controll-parallel-related-product-links-target {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.mainvisual + .parallelPageLink {
  border-top: 1px solid #dd0000;
}

.page-industries-products-detail .parallelPageLink-header-controll {
  margin-left: auto;
  height: 1.5em;
  width: 2.5em;
  cursor: pointer;
  padding: 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-left: 1px #f5f5f5 solid;
}

.relatedLink {
  background-color: #f5f5f5;
  border-top: 1px solid #d8d8d8;
  color: #111111;
  font-size: 12px;
  height: 58px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .relatedLink {
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: 800;
  }
}

@media screen and (min-width: 750px), print {
  .relatedLink-inner {
    margin: 0 auto;
    width: 1040px;
  }
}

.relatedLink-content {
  display: inline-block;
  position: relative;
  z-index: 99;
}

@media screen and (min-width: 750px), print {
  .relatedLink-content {
    max-width: 720px;
    min-width: 520px;
  }
}

.relatedLink-content:first-child {
  border: none;
}

.relatedLink-header {
  overflow-y: hidden;
  width: 100%;
}

.relatedLink-header.is_active {
  overflow-y: visible;
  width: 100vw;
}

@media screen and (min-width: 750px), print {
  .relatedLink-header.is_active {
    max-width: 520px;
  }
}

.relatedLink-header-item {
  display: inline-block;
  width: 100%;
}

.relatedLink-header-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  height: 57px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px;
  width: 100%;
}

.relatedLink-header-text:hover {
  text-decoration: none;
}

.relatedLink-header-text.is_active {
  background-color: #dd0000;
  color: #fff;
}

.relatedLink-header-text.is_active .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.relatedLink-header-text.is_active .iconOpenToggle:before, .relatedLink-header-text.is_active .iconOpenToggle:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.relatedLink-header-text.is_active .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.relatedLink-header-text.is_active .iconOpenToggle.is_active:before {
  display: none;
}

.relatedLink-header-text.is_active .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.relatedLink-header-text.is_active .iconOpenToggle:before {
  display: none;
}

.relatedLink-header-text.is_active .iconOpenToggle:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 750px), print {
  .relatedLink-header-text.is_active .iconOpenToggle {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
  }
  .relatedLink-header-text.is_active .iconOpenToggle:before, .relatedLink-header-text.is_active .iconOpenToggle:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 4.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
  }
  .relatedLink-header-text.is_active .iconOpenToggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .relatedLink-header-text.is_active .iconOpenToggle.is_active:before {
    display: none;
  }
  .relatedLink-header-text.is_active .iconOpenToggle.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .relatedLink-header-text.is_active .iconOpenToggle:before {
    display: none;
  }
  .relatedLink-header-text.is_active .iconOpenToggle:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.relatedLink-header-controll {
  padding: 3px 6px;
}

@media screen and (min-width: 750px), print {
  .relatedLink-header-controll {
    border-left: none;
    padding: 3px 15px;
  }
}

.relatedLink-header-controll .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.relatedLink-header-controll .iconOpenToggle:before, .relatedLink-header-controll .iconOpenToggle:after {
  background-color: #dd0000;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.relatedLink-header-controll .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.relatedLink-header-controll .iconOpenToggle.is_active:before {
  display: none;
}

.relatedLink-header-controll .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 750px), print {
  .relatedLink-header-controll .iconOpenToggle {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
    cursor: pointer;
    top: 3px;
  }
  .relatedLink-header-controll .iconOpenToggle:before, .relatedLink-header-controll .iconOpenToggle:after {
    background-color: #dd0000;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 4.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
  }
  .relatedLink-header-controll .iconOpenToggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .relatedLink-header-controll .iconOpenToggle.is_active:before {
    display: none;
  }
  .relatedLink-header-controll .iconOpenToggle.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .relatedLink-header-controll .iconOpenToggle.is_active {
    top: 3px;
  }
}

.relatedLink-list.is_active {
  -webkit-box-shadow: 0 0 12px 2px #bdbdbd;
          box-shadow: 0 0 12px 2px #bdbdbd;
}

.relatedLink-list-item {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  font-weight: 600;
}

.relatedLink-list-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.relatedLink-list-item-text {
  color: inherit;
  display: inline-block;
  padding: 20px 18px;
  width: 88%;
}

@media screen and (min-width: 750px), print {
  .relatedLink-list-item-text {
    width: 90%;
  }
}

.relatedLink-list-item-controll {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
  padding-right: 2%;
  text-align: center;
  width: 12%;
  min-width: 50px;
}

@media screen and (min-width: 750px), print {
  .relatedLink-list-item-controll {
    width: 10%;
  }
}

.relatedLink-list-item-controll .iconOpenToggle {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.relatedLink-list-item-controll .iconOpenToggle:before, .relatedLink-list-item-controll .iconOpenToggle:after {
  background-color: #dd0000;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.relatedLink-list-item-controll .iconOpenToggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.relatedLink-list-item-controll .iconOpenToggle.is_active:before {
  display: none;
}

.relatedLink-list-item-controll .iconOpenToggle.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.relatedLink-list-item-controll.is_active .iconOpenToggle:before {
  display: none;
}

.relatedLink-list-item-controll.is_active .iconOpenToggle:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.relatedLink-list-child {
  background-color: #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  padding: 20px;
}

.relatedLink-list-child-item a {
  color: inherit;
  display: block;
  padding: 10px;
}

.relatedLink-list-child-item a:hover {
  color: #dd0000;
  text-decoration: none;
}

.relatedLink-list-child-item a .icon {
  color: #dd0000;
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.js-controll-parallel-header-target,
.js-controll-parallel-links-target,
.js-controll-parallel-related-product-links-target {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.newsArchive {
  background-color: #f5f5f5;
  border-top: 1px solid #d8d8d8;
  color: #111111;
  font-weight: 600;
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .newsArchive {
    border-bottom: 1px solid #d8d8d8;
    margin-top: 40px;
  }
}

.newsArchive-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 10px;
}

@media screen and (min-width: 750px), print {
  .newsArchive-list {
    margin: 0 auto;
    padding: 0;
    width: 1040px;
  }
}

.newsArchive-list-item {
  width: 25%;
}

@media screen and (min-width: 750px), print {
  .newsArchive-list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    width: auto;
  }
}

.newsArchive-list-item a {
  color: #111111;
  display: block;
  padding: 10px;
}

@media screen and (min-width: 750px), print {
  .newsArchive-list-item a {
    border-right: 1px solid #d8d8d8;
    padding: 20px 10px;
  }
}

.newsArchive-list-item a.is_current, .newsArchive-list-item a:hover {
  color: #dd0000;
}

@media screen and (min-width: 750px), print {
  .newsArchive-list-item a.is_current, .newsArchive-list-item a:hover {
    background-color: #dd0000;
    color: #fff;
    text-decoration: none;
  }
}

@media screen and (min-width: 750px), print {
  .newsArchive-list-item a.is_current .arrow_normal, .newsArchive-list-item a:hover .arrow_normal {
    display: none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
  }
  .newsArchive-list-item a.is_current .arrow_normal:before, .newsArchive-list-item a.is_current .arrow_normal:after, .newsArchive-list-item a:hover .arrow_normal:before, .newsArchive-list-item a:hover .arrow_normal:after {
    content: "";
    bottom: 0;
    margin: auto;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
  }
  .newsArchive-list-item a.is_current .arrow_normal:before, .newsArchive-list-item a:hover .arrow_normal:before {
    background: #fff;
    height: 1px;
    width: 12px;
    left: 3px;
  }
  .newsArchive-list-item a.is_current .arrow_normal:after, .newsArchive-list-item a:hover .arrow_normal:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 7px;
    width: 7px;
    left: 9px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media screen and (min-width: 750px), print {
  .newsArchive-list-item:first-child a {
    border-left: 1px solid #d8d8d8;
  }
}

.newsArchive-list-item .arrow_normal {
  margin-left: 3px;
}

.heading_level1 + .newsArchive {
  border-bottom: 1px solid #d8d8d8;
  border-top: none;
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .content.is_narrow {
    margin: 0 auto;
    width: 780px;
  }
}

@media screen and (min-width: 750px), print {
  .content.is_narrow.with_marginBottom {
    margin-bottom: 70px;
  }
}

.aboutOverView {
  background-image: url("../images/about/bg_content_sp_01.jpg");
  background-color: #393939;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  padding: 40px 20px 30px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .aboutOverView {
    background-image: url("../images/about/bg_content_pc_01.jpg");
    background-size: cover;
    padding: 80px 0;
  }
}

.aboutOverView .btnArea {
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    width: 1040px;
  }
}

.aboutOverView-list-item {
  border-bottom: 2px solid #4e4e4e;
  padding: 20px 10px;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list-item {
    border-bottom: none;
    border-left: 2px solid #4e4e4e;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 30px;
  }
}

.aboutOverView-list-item:first-of-type {
  border-top: 2px solid #4e4e4e;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list-item:first-of-type {
    border-left: none;
    border-top: none;
  }
}

.aboutOverView-list-item .heading_level3 {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list-item .heading_level3 {
    font-size: 16px;
    height: 80px;
    margin-bottom: 20px;
  }
}

.aboutOverView-list-item-number {
  font-size: 66px;
  line-height: 1.2;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list-item-number {
    margin-bottom: 10px;
  }
}

.aboutOverView-list-item-unit {
  margin-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .aboutOverView-list-item-unit {
    margin-bottom: 30px;
  }
}

.aboutOverView-list-item-text {
  font-size: 12px;
}

.aboutVisionary {
  background-image: url("../images/about/bg_content_sp_02.jpg");
  background-color: #393939;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin-bottom: 10px;
  padding: 40px 20px 30px;
}

@media screen and (min-width: 750px), print {
  .aboutVisionary {
    background-image: url("../images/about/bg_content_pc_02.jpg");
    padding: 190px 0;
  }
}

@media screen and (min-width: 750px), print {
  .aboutVisionary-content {
    margin: 0 auto;
    text-align: center;
    width: 650px;
  }
}

.aboutVisionary .heading_main {
  margin-top: 0;
  margin-bottom: 10px;
}

.aboutVisionary .btnArea {
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .aboutVisionary .btnArea {
    margin-top: 36px;
    text-align: center;
  }
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.aboutVideoContent-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent-wrapper {
    width: 50%;
  }
}

.aboutVideoContent-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.aboutVideoContent-item.is_small {
  height: 105px;
  width: 50%;
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent-item.is_small {
    height: 210px;
  }
}

.aboutVideoContent-item.is_small .playMovie {
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.aboutVideoContent-item.is_small .playMovie:after {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom right/100% 50%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
  content: "";
  display: inline-block;
  position: relative;
  left: 1px;
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent-item.is_small .playMovie {
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 70px;
    width: 70px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .aboutVideoContent-item.is_small .playMovie:after {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom right/100% 50%;
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
    content: "";
    display: inline-block;
    position: relative;
    left: 2px;
  }
}

.aboutVideoContent-item.is_medium, .aboutVideoContent-item.is_large {
  width: 100%;
}

.aboutVideoContent-item.is_medium .playMovie, .aboutVideoContent-item.is_large .playMovie {
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 70px;
  width: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.aboutVideoContent-item.is_medium .playMovie:after, .aboutVideoContent-item.is_large .playMovie:after {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom right/100% 50%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
  content: "";
  display: inline-block;
  position: relative;
  left: 2px;
}

.aboutVideoContent-item.is_medium {
  height: 210px;
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent-item.is_medium {
    height: 420px;
  }
}

.aboutVideoContent-item.is_large {
  height: 316px;
}

@media screen and (min-width: 750px), print {
  .aboutVideoContent-item.is_large {
    height: 630px;
  }
}

@media screen and (min-width: 750px), print {
  .aboutGraphContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .aboutGraphContent-item {
    margin-right: 5%;
  }
  .aboutGraphContent-item:last-child {
    margin-right: 0;
  }
  .aboutGraphContent-item.is_small {
    width: 32%;
  }
  .aboutGraphContent-item.is_medium {
    width: 63%;
  }
  .aboutGraphContent-item.with_map {
    background-image: url("../images/about/map.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 385px;
    margin-bottom: 65px;
    position: relative;
  }
  .aboutGraphContent-item.with_map .chartLegend {
    bottom: -15px;
    position: absolute;
    width: 315px;
  }
  .aboutGraphContent-item.with_map .chartLegend-list {
    margin-bottom: 0;
  }
}

.feature {
  margin-bottom: 60px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .feature {
    margin-top: 60px;
  }
}

.feature-slide {
  margin: 0 34px;
  overflow-x: hidden;
  padding: 30px 0;
}

@media screen and (min-width: 750px), print {
  .feature-slide {
    overflow-y: hidden;
    padding: 0;
  }
}

.feature-slide-item {
  width: 48%;
  margin-right: 2%;
}

.feature-slide-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .feature-slide-item {
    width: 23%;
    margin-right: 3%;
  }
  .feature-slide-item:last-child {
    margin-right: 0;
  }
}

.feature-slide-image {
  background-color: #fff;
  display: block;
  padding: 5px;
}

@media screen and (min-width: 750px), print {
  .feature-slide-image {
    padding: 10px;
  }
}

.feature-slide-text {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .feature-slide-text {
    margin-top: 20px;
  }
}

.feature-slide-nav {
  position: absolute;
  top: 25%;
  z-index: 1;
}

.feature-slide-nav.is_previous {
  left: 0;
}

@media screen and (min-width: 750px), print {
  .feature-slide-nav.is_previous {
    left: -30px;
  }
}

.feature-slide-nav.is_next {
  right: 0;
}

@media screen and (min-width: 750px), print {
  .feature-slide-nav.is_next {
    right: -30px;
  }
}

.feature-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #b9b9b9;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 16px;
}

@media screen and (min-width: 750px), print {
  .feature-pagination {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    height: 44px;
    width: 44px;
  }
}

@media screen and (min-width: 750px), print {
  .feature-pagination:hover {
    opacity: .8;
  }
}

.feature-pagination:before {
  content: "";
  display: inline-block;
}

.feature-pagination.is_previous:before {
  display: inline-block;
  height: 12px;
  width: 8px;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom left/100% 50%, -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top right/100% 50%;
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top right/100% 50%;
}

@media screen and (min-width: 750px), print {
  .feature-pagination.is_previous:before {
    display: inline-block;
    height: 16px;
    width: 12px;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom left/100% 50%, -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top right/100% 50%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top right/100% 50%;
  }
}

.feature-pagination.is_next:before {
  display: inline-block;
  height: 12px;
  width: 8px;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom right/100% 50%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
}

@media screen and (min-width: 750px), print {
  .feature-pagination.is_next:before {
    display: inline-block;
    height: 16px;
    width: 12px;
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat bottom right/100% 50%;
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
  }
}

@media screen and (min-width: 750px), print {
  .top .feature {
    margin-top: 90px;
  }
}

.featureColumns {
  background-color: #d8d8d8;
  padding: 20px;
}

@media screen and (min-width: 750px), print {
  .featureColumns {
    padding: 10px;
  }
}

.featureColumns-title {
  font-size: 18px;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .featureColumns-title {
    font-size: 34px;
    padding: 30px 0 50px;
  }
}

.featureColumns-columns {
  padding-top: 20px;
}

@media screen and (min-width: 750px), print {
  .featureColumns-columns {
    padding-top: 0;
  }
}

.featureColumns-columns-item {
  height: 150px;
  margin-bottom: 10px;
  position: relative;
}

.featureColumns-columns-item-inner {
  background-position: center center;
  background-size: contain;
  display: block;
  height: 100%;
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .featureColumns-columns-item-inner {
    background-size: cover;
  }
}

.featureColumns-columns-item-inner-title {
  background: rgba(68, 67, 67, 0.8);
  bottom: 0;
  display: block;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .featureColumns-columns-item-inner-title {
    font-size: 20px;
    padding: 15px;
  }
}

.featureColumns-columns-item-inner:hover .featureColumns-columns-item-inner-title {
  opacity: .6;
}

@media screen and (min-width: 750px), print {
  .featureColumns-columns-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .featureColumns-columns-row .featureColumns-columns-item {
    height: 320px;
    width: 100%;
  }
  .featureColumns-columns-row.twoColumns .featureColumns-columns-item {
    height: 260px;
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
  }
  .featureColumns-columns-row.twoColumns .featureColumns-columns-item:nth-child(2n) {
    margin-right: 0;
  }
  .featureColumns-columns-row.twoColumns *::-ms-backdrop, .featureColumns-columns-row.twoColumns .featureColumns-columns-item {
    width: 49.8%;
    margin-right: 0.4%;
  }
  .featureColumns-columns-row.twoColumns *::-ms-backdrop:nth-child(2n), .featureColumns-columns-row.twoColumns .featureColumns-columns-item:nth-child(2n) {
    margin-right: 0;
  }
  .featureColumns-columns-row.threeColumns .featureColumns-columns-item {
    height: 220px;
    margin-right: 10px;
    margin-bottom: 0;
    width: calc((100% - 20px) / 3);
  }
  .featureColumns-columns-row.threeColumns .featureColumns-columns-item:nth-child(3n) {
    margin-right: 0;
  }
  .featureColumns-columns-row.threeColumns *::-ms-backdrop, .featureColumns-columns-row.threeColumns .featureColumns-columns-item {
    width: 33%;
    margin-right: 0.5%;
  }
  .featureColumns-columns-row.threeColumns *::-ms-backdrop:nth-child(3n), .featureColumns-columns-row.threeColumns .featureColumns-columns-item:nth-child(3n) {
    margin-right: 0;
  }
}

.article.featureColumns a {
  color: #fff;
  text-decoration: none;
}

/*flexible_footer_itemに.flexible_footer_bgGrayを追加した時、隣接するfooterのマージンTOPを0にする。
  footerにmargin-top: 195pxが設定されているので、グレーの背景色との間に隙間ができるため、これを回避するため。
　flexible_footer_itemを使用していないfooterには影響が無いように設定*/
@media screen and (min-width: 750px), print {
  .flexible_footer_bgGray {
    background-color: #f5f5f5;
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 750px), print {
  .flexible_footer_bgGray + footer.footer {
    margin-top: 0;
  }
}

.is_secondary_design .topVisual .pagination-list-item-control {
  opacity: 1;
  height: 80px;
  width: 30px;
  background-color: #3c4546;
}

.is_secondary_design .topVisual .pagination-list-item-control:hover {
  opacity: 0.5;
}

.is_secondary_design .topVisual .pagination-list-item-control.is_previous::before {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
}

.is_secondary_design .topVisual .pagination-list-item-control.is_next::before {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}

.is_secondary_design .topVisual.for_pc .topVisual-item {
  background-position: top center;
  background-size: cover;
  height: 370px;
  position: relative;
}

.is_secondary_design .topVisual.for_pc div.topVisual-slide.swiper-container-horizontal {
  width: 1200px;
  height: 370px;
  margin: 0 auto;
  overflow: hidden;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide-indicator {
  width: 1200px;
  margin: 0 auto;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide.with-title-pagination + .topVisual-slide-indicator {
  position: relative;
  z-index: 100;
  margin-top: -56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background-color: white;
  /* Bullets */
}

.is_secondary_design .topVisual.for_pc .topVisual-slide.with-title-pagination + .topVisual-slide-indicator .swiper-pagination-bullet {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  overflow: hidden;
  background: none;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide.with-title-pagination + .topVisual-slide-indicator .swiper-pagination-bullet > span {
  max-height: 2.8em;
  line-height: 1.4;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide.with-title-pagination + .topVisual-slide-indicator .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide.with-title-pagination + .topVisual-slide-indicator .swiper-pagination-bullet-active {
  background-color: red;
  color: white;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide-nav {
  margin: 0 auto;
  width: 1200px;
  top: 37%;
  -webkit-transform: translate(0, -37%);
          transform: translate(0, -37%);
}

.is_secondary_design .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_previous {
  left: 30px;
}

.is_secondary_design .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_next {
  right: 30px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design .topVisual.for_pc div.topVisual-slide img {
    width: 100%;
  }
}

.footer.is_secondary_design {
  min-width: auto;
}

@media screen and (min-width: 750px), print {
  .footer.is_secondary_design {
    min-width: 1200px;
  }
}

.is_secondary_design article.is_top {
  /* HOVERACTION */
  /* HOVERACTION */
  /* HOVERACTION START */
  /* HOVERACTION END */
  /* HOVERACTION */
  /* HOVERACTION */
  /* LAYOUT */
  /* LAYOUT */
  /* LAYOUT START */
  /* LAYOUT END */
  /* LAYOUT */
  /* LAYOUT */
  /* BUTTON */
  /* BUTTON */
  /* BUTTON START */
  /* BUTTON END */
  /* BUTTON */
  /* BUTTON */
  /* TITLE */
  /* TITLE */
  /* TITLE START */
  /* TITLE END */
  /* TITLE */
  /* TITLE */
  /* NEWS */
  /* NEWS */
  /* NEWS START*/
  /* NEWS END */
  /* NEWS */
  /* NEWS */
  /* PRODUCTS */
  /* PRODUCTS */
  /* PRODUCTS START*/
  /* PRODUCTS END */
  /* PRODUCTS */
  /* PRODUCTS */
  /* PICKUP */
  /* PICKUP */
  /* PICKUP START */
  /* PICKUP END */
  /* PICKUP */
  /* PICKUP */
  /* INTRODUCING SHIMADZU */
  /* INTRODUCING SHIMADZU */
  /* INTRODUCING SHIMADZU START */
  /* INTRODUCING SHIMADZU END */
  /* INTRODUCING SHIMADZU */
  /* INTRODUCING SHIMADZU */
  /* LINKS */
  /* LINKS */
  /* LINKS START */
  /* LINKS END */
  /* LINKS */
  /* LINKS */
  /* INFO CARD */
  /* INFO CARD */
  /* INFO CARD START */
  /* INFO CARD END */
  /* INFO CARD */
  /* INFO CARD */
}

.is_secondary_design article.is_top ul,
.is_secondary_design article.is_top li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.is_secondary_design article.is_top img {
  max-width: 100%;
  height: auto;
}

.is_secondary_design article.is_top a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top a:not(.btn):hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.is_secondary_design article.is_top .top-news .top-news-topics-wrap li a,
.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li a,
.is_secondary_design article.is_top .top-links .top-links-upper-wrap li a,
.is_secondary_design article.is_top .top-links .top-links-bottom-wrap li a　 {
  width: 100%;
  height: 100%;
  display: block;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.is_secondary_design article.is_top .top-pickups .top-pickups-wrap li a {
  width: 100%;
  height: 100%;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.is_secondary_design article.is_top .top-news .top-news-topics-wrap li a:hover,
.is_secondary_design article.is_top .top-pickups .top-pickups-wrap li a:hover,
.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li a:hover,
.is_secondary_design article.is_top .top-links .top-links-upper-wrap li a:hover,
.is_secondary_design article.is_top .top-links .top-links-bottom-wrap li a:hover {
  color: red;
}

.is_secondary_design article.is_top .top-pickups .top-pickups-wrap li a img,
.is_secondary_design article.is_top .top-news .top-news-topics-wrap li a img,
.is_secondary_design article.is_top .top-links .top-links-upper-wrap li a img,
.is_secondary_design article.is_top .top-links .top-links-bottom-wrap li a img,
.is_secondary_design article.is_top .top-introducing-shimadzu .top-introducing-shimadzu-wrap li a img {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.is_secondary_design article.is_top .top-pickups .top-pickups-wrap li a:hover img,
.is_secondary_design article.is_top .top-news .top-news-topics-wrap li a:hover img,
.is_secondary_design article.is_top .top-links .top-links-upper-wrap li a:hover img,
.is_secondary_design article.is_top .top-links .top-links-bottom-wrap li a:hover img,
.is_secondary_design article.is_top .top-introducing-shimadzu .top-introducing-shimadzu-wrap li a:hover img {
  opacity: 0.5;
}

.is_secondary_design article.is_top .top-products .top-products-upper-wrap li a,
.is_secondary_design article.is_top .top-products .top-products-bottom-wrap li a,
.is_secondary_design article.is_top .top-pickups .top-pickups-wrap li a {
  text-decoration: none;
}

.is_secondary_design article.is_top .top-products .top-products-upper-wrap li a,
.is_secondary_design article.is_top .top-products .top-products-bottom-wrap li a {
  display: block;
  width: 100%;
  height: 100%;
}

.is_secondary_design article.is_top .top-products .top-products-upper-wrap li a:hover span,
.is_secondary_design article.is_top .top-products .top-products-bottom-wrap li a:hover span {
  opacity: 1;
}

.is_secondary_design article.is_top section.top-news,
.is_secondary_design article.is_top section.top-products,
.is_secondary_design article.is_top section.top-pickups,
.is_secondary_design article.is_top section.top-introducing-shimadzu {
  padding-top: 48px;
  padding-bottom: 58px;
  min-width: auto;
}

.is_secondary_design article.is_top section.top-links {
  padding-top: 48px;
  padding-bottom: 30px;
  min-width: auto;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top section.top-news,
  .is_secondary_design article.is_top section.top-products,
  .is_secondary_design article.is_top section.top-pickups,
  .is_secondary_design article.is_top section.top-introducing-shimadzu,
  .is_secondary_design article.is_top section.top-links {
    padding-top: 58px;
    padding-bottom: 60px;
    min-width: 1200px;
  }
  .is_secondary_design article.is_top section.top-links {
    padding-bottom: 36px;
    min-width: 1200px;
  }
}

.is_secondary_design article.is_top section.top-news {
  padding-top: 25px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top section.top-news {
    padding-top: 30px;
  }
}

.is_secondary_design article.is_top section.top-news.is_widePadding {
  padding-top: 49px;
  padding-bottom: 63px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top section.top-news.is_widePadding {
    padding-top: 64px;
    padding-bottom: 123px;
  }
}

.is_secondary_design article.is_top .top-news .container,
.is_secondary_design article.is_top .top-info-card .container,
.is_secondary_design article.is_top .top-pickups .container,
.is_secondary_design article.is_top .top-links .container {
  margin: 0 auto;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.is_secondary_design article.is_top .top-products .container,
.is_secondary_design article.is_top .top-introducing-shimadzu .container {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news .container,
  .is_secondary_design article.is_top .top-info-card .container,
  .is_secondary_design article.is_top .top-pickups .container,
  .is_secondary_design article.is_top .top-links .container,
  .is_secondary_design article.is_top .top-products .container,
  .is_secondary_design article.is_top .top-introducing-shimadzu .container {
    margin: 0 auto;
    width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }
  .is_secondary_design article.is_top .top-news .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.is_secondary_design article.is_top .top-products,
.is_secondary_design article.is_top .top-introducing-shimadzu {
  background-image: url(../images/top/top_page_renew/common/common-bg.png);
  background-repeat: repeat;
}

.is_secondary_design article.is_top p.btnArea {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.is_secondary_design article.is_top .btn.is_primary {
  padding: 12px 63px;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .btn.is_primary {
    padding: 16px 66px;
    font-size: 15px;
  }
}

.is_secondary_design article.is_top h2.title {
  margin: 0 auto 18px;
  text-align: center;
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top h2.title {
    margin: 0 auto 25px;
    font-size: 32px;
  }
}

.is_secondary_design article.is_top h2.title.is_wideMarginBottom {
  margin: 0 auto 20px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top h2.title.is_wideMarginBottom {
    margin: 0 auto 58px;
  }
}

.is_secondary_design article.is_top .top-news-topics-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-topics-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.is_secondary_design article.is_top .top-news-topics-wrap li {
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f5f5f5;
  outline: solid 1px #bbb;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-topics-wrap li {
    width: 270px;
    margin: 0 20px 20px 0;
  }
}

.is_secondary_design article.is_top .top-news-topics-wrap li:nth-child(4n) {
  margin-right: 0;
}

.is_secondary_design article.is_top .top-news-topics-wrap a {
  text-decoration: none;
  color: #464646;
}

.is_secondary_design article.is_top .top-news-topics-card {
  background-color: white;
}

.is_secondary_design article.is_top span.top-news-topic-wording, .is_secondary_design article.is_top span.top-news-topic-date, .is_secondary_design article.is_top span.top-news-topic-heading {
  display: block;
}

.is_secondary_design article.is_top .top-news-topic-wording {
  padding: 13px 19px;
}

.is_secondary_design article.is_top .top-news-topic-wording p.top-news-topic-date,
.is_secondary_design article.is_top .top-news-topic-wording span.top-news-topic-date {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

.is_secondary_design article.is_top .top-news-topic-wording p.top-news-topic-heading,
.is_secondary_design article.is_top .top-news-topic-wording span.top-news-topic-heading {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-topic-wording p.top-news-topic-heading,
  .is_secondary_design article.is_top .top-news-topic-wording span.top-news-topic-heading {
    font-size: 16px;
  }
}

.is_secondary_design article.is_top .top-news-headings-wrap {
  margin-top: 10px;
  margin-bottom: 40px;
}

.is_secondary_design article.is_top .top-news-headings-wrap li {
  border-bottom: dashed 1px #d0d0d0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-headings-wrap li {
    padding: 23px 19px 23px 0;
  }
}

.is_secondary_design article.is_top .top-news-headings-wrap li:nth-child(n + 3) {
  display: none;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-headings-wrap li:nth-child(n + 3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.is_secondary_design article.is_top .top-news-heading-date {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 160px;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-heading-date {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 240px;
  }
}

.is_secondary_design article.is_top .top-news-heading-title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  padding-top: 8px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-heading-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 590px;
    padding-top: 0;
  }
}

.is_secondary_design article.is_top .top-news-heading-category {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-news-heading-category {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 270px;
  }
}

.is_secondary_design article.is_top .top-news-heading-category a {
  padding-left: 20px;
}

.is_secondary_design article.is_top .top-products-upper-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-upper-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.is_secondary_design article.is_top .top-products-upper-wrap li {
  position: relative;
  width: 100%;
  height: 239px;
  outline: solid 2px #bbb;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-upper-wrap li {
    height: 332px;
    width: 400px;
  }
}

.is_secondary_design article.is_top .top-products-upper-wrap li a > h2 {
  padding: 30px 20px 0;
  margin: 0;
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  font-size: 18px;
  text-align: center;
  text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
  line-height: 1.3;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-upper-wrap li a > h2 {
    font-size: 16px;
  }
}

.is_secondary_design article.is_top .top-products-upper-wrap li span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  padding: 0 20px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-upper-wrap li span {
    display: block;
  }
}

.is_secondary_design article.is_top .top-products-upper-wrap li span h2 {
  color: red;
  padding: 0;
  margin: 0;
  padding-top: 30px;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-upper-wrap li span h2 {
    font-size: 16px;
  }
}

.is_secondary_design article.is_top .top-products-upper-wrap li span p {
  color: white;
}

.is_secondary_design article.is_top .top-products-bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-bottom-wrap {
    margin-bottom: 40px;
  }
}

.is_secondary_design article.is_top .top-products-bottom-wrap li {
  position: relative;
  width: 100%;
  height: 239px;
  outline: solid 2px #bbb;
  background-color: white;
  top: 2px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-bottom-wrap li {
    width: 300px;
  }
}

.is_secondary_design article.is_top .top-products-bottom-wrap li a > h2 {
  padding: 30px 20px 0;
  margin: 0;
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  font-size: 18px;
  text-align: center;
  text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
  line-height: 1.3;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-bottom-wrap li a > h2 {
    padding-top: 20px;
    font-size: 16px;
  }
}

.is_secondary_design article.is_top .top-products-bottom-wrap li span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  padding: 0 20px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-bottom-wrap li span {
    display: block;
  }
}

.is_secondary_design article.is_top .top-products-bottom-wrap li span h2 {
  color: red;
  padding: 0;
  margin: 0;
  padding-top: 30px;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-products-bottom-wrap li span h2 {
    font-size: 16px;
    padding-top: 20px;
  }
}

.is_secondary_design article.is_top .top-products-bottom-wrap li span p {
  color: white;
}

.is_secondary_design article.is_top .top-products-bottom-wrap li.spyglass span {
  background-color: rgba(255, 255, 255, 0.5);
}

.is_secondary_design article.is_top .top-products .top-products-upper-wrap li a,
.is_secondary_design article.is_top .top-products .top-products-bottom-wrap li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background-color: white;
}

.is_secondary_design article.is_top .top-pickups-wrap {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-pickups-wrap {
    max-width: 1040px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.is_secondary_design article.is_top .top-pickups-wrap.pickups-hidden {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: height 1s ease-out, opacity 0.1s linear, visibility 0.1s linear;
  transition: height 1s ease-out, opacity 0.1s linear, visibility 0.1s linear;
}

.is_secondary_design article.is_top .top-pickups-wrap.pickups-hidden.is-open {
  visibility: visible;
  height: auto;
  opacity: 1;
}

.is_secondary_design article.is_top .top-pickups-wrap li {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-pickups-wrap li {
    width: 510px;
  }
}

.is_secondary_design article.is_top .top-pickups-wrap li h2 {
  margin: 0;
  padding: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-pickups-wrap li h2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.is_secondary_design article.is_top .top-pickups-wrap li p {
  margin: 0;
  padding: 0;
  padding-bottom: 40px;
}

.is_secondary_design article.is_top .top-introducing-shimadzu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-introducing-shimadzu-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li {
  position: relative;
  width: 100%;
  height: 240px;
  border: solid 1px #bbb;
  overflow: hidden;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-introducing-shimadzu-wrap li {
    width: 400px;
  }
}

.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li a {
  position: relative;
}

.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li a img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.is_secondary_design article.is_top .top-introducing-shimadzu-wrap li h2 {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  height: 42px;
  line-height: 42px;
}

.is_secondary_design article.is_top .top-links-upper-wrap,
.is_secondary_design article.is_top .top-links-bottom-wrap,
.is_secondary_design article.is_top .topic-sports ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

.is_secondary_design article.is_top .top-links-upper-wrap > li,
.is_secondary_design article.is_top .top-links-bottom-wrap > li.topic-sports ul li {
  width: 49%;
  margin-bottom: 28px;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.topic-sports,
.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons {
  width: 100%;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.topic-sports + li {
  padding-top: 30px;
}

.is_secondary_design article.is_top p.top-links-sns-title {
  display: none;
}

.is_secondary_design article.is_top .top-links-upper-wrap {
  border-bottom: 1px dashed #d0d0d0;
  margin-bottom: 0;
}

.is_secondary_design article.is_top .topic-sports {
  border-bottom: 1px dashed #d0d0d0;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-links-bottom-wrap li.topic-sports {
    width: 50%;
  }
  .is_secondary_design article.is_top .top-links-bottom-wrap li.topic-sports + li {
    width: 50%;
    padding-top: 0;
  }
  .is_secondary_design article.is_top p.top-links-sns-title {
    display: block;
  }
  .is_secondary_design article.is_top .top-links-upper-wrap,
  .is_secondary_design article.is_top .top-links-bottom-wrap {
    width: 1038px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .is_secondary_design article.is_top .top-links-upper-wrap {
    border-bottom: none;
    /* margin-bottom: 0; */
  }
  .is_secondary_design article.is_top .topic-sports {
    border-bottom: none;
  }
  .is_secondary_design article.is_top .top-links-upper-wrap > li,
  .is_secondary_design article.is_top .top-links-bottom-wrap > li.topic-sports ul li {
    width: 252px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .is_secondary_design article.is_top .top-links-bottom-wrap > li.topic-sports ul li:last-child {
    margin-right: auto;
  }
  .is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons {
    /* align-items: center;
        flex-direction: column; */
  }
}

.is_secondary_design article.is_top .top-links-bottom-wrap {
  padding-top: 0;
  padding-bottom: 18px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-links-bottom-wrap {
    padding-bottom: 22px;
  }
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 214px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons div a {
  margin-right: 18px;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons div a:last-child {
  margin-right: 0;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li.sns-icons div a img {
  width: 40px;
  height: 40px;
}

.is_secondary_design article.is_top .top-links-bottom-wrap li p {
  font-size: 14px;
  text-align: center;
}

.is_secondary_design article.is_top .top-links-upper-wrap li:nth-child(4n) {
  margin-right: 0;
}

.is_secondary_design article.is_top .top-links-upper-wrap li p {
  font-size: 14px;
  text-align: center;
}

.is_secondary_design article.is_top .top-links-upper-wrap + .top-links-bottom-wrap {
  padding-top: 50px;
  padding-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .top-links-upper-wrap + .top-links-bottom-wrap {
    padding-top: 35px;
  }
}

.is_secondary_design article.is_top .informationCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 48px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .informationCard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 60px;
  }
}

.is_secondary_design article.is_top .informationCard .informationCard-content {
  padding: 15px 25px;
}

@media screen and (min-width: 750px), print {
  .is_secondary_design article.is_top .informationCard .informationCard-content {
    padding: 25px;
  }
}

.footer-site-map {
  /* SITEMAP */
  /* SITEMAP */
  /* SITEMAP START */
  /*flexible_footer_bgGrayを使用する際に、borderなし、h2のmargin-bottom設定*/
}

.footer-site-map h2.right-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

.footer-site-map li:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

.footer-site-map .footer-site-map-wrap li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer-site-map ul,
.footer-site-map li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-site-map img {
  max-width: 100%;
  height: auto;
}

.footer-site-map a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .footer-site-map a:not(.btn):hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.footer-site-map .footer-site-map-wrap li a,
.footer-site-map .footer-site-map-wrap h2 {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer-site-map .footer-site-map-wrap li a:hover,
.footer-site-map .footer-site-map-wrap h2:hover {
  color: red;
}

.footer-site-map .container {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .container {
    margin: 0 auto;
    width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_bgGray .footer-site-map-wrap {
    border-top: none;
  }
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_bgGray .footer-site-map-wrap h2 {
    margin-bottom: 20px;
  }
}

.footer-site-map .footer-site-map-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 1038px;
    padding-top: 80px;
    padding-bottom: 0;
    border-top: 1px dashed #d0d0d0;
  }
}

.footer-site-map .footer-site-map-wrap h2 {
  margin: 0;
  height: 53px;
  font-size: 13px;
  line-height: 1;
  background-color: #f5f5f5;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  word-break: break-word;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap h2 {
    height: auto;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    background-color: inherit;
    border: none;
  }
}

.footer-site-map .footer-site-map-wrap h2 a {
  width: 100%;
  height: 100%;
  margin-right: 20px;
  padding: 20px 0 20px 40px;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap h2 a {
    width: auto;
    height: auto;
    margin-right: 0;
    padding: 0;
  }
}

.footer-site-map .footer-site-map-wrap ul {
  margin-bottom: 0;
  visibility: hidden;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap ul {
    height: auto;
    margin-bottom: 40px;
    visibility: visible;
  }
}

.footer-site-map .footer-site-map-wrap ul.is_active {
  visibility: visible;
}

.footer-site-map .footer-site-map-wrap ul.is_active li {
  height: 53px;
  line-height: 1;
  margin-top: 0;
  opacity: 1;
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  -webkit-transition: margin-top 0.5s ease-out, line-height 0.5s ease-out, height 0.5s ease-out,
 border-top 0.5s ease-out, border-bottom 0.5s ease-out, background-color 0.5s ease-out, opacity 0.1s linear,
 visibility 0.1s linear;
  transition: margin-top 0.5s ease-out, line-height 0.5s ease-out, height 0.5s ease-out,
 border-top 0.5s ease-out, border-bottom 0.5s ease-out, background-color 0.5s ease-out, opacity 0.1s linear,
 visibility 0.1s linear;
  background-color: white;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap ul.is_active li {
    height: auto;
    padding: 0;
    line-height: 20px;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    background-color: inherit;
    border-top: none;
    border-bottom: none;
    font-size: 12px;
  }
}

.footer-site-map .footer-site-map-wrap ul.is_active li a {
  -webkit-transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
  transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
  padding: 20px 40px;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap ul.is_active li a {
    padding: 0;
  }
}

.footer-site-map .footer-site-map-wrap ul li {
  height: 0;
  line-height: 0;
  margin-top: 0;
  opacity: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  -webkit-transition: margin-top 0.5s ease-out, line-height 0.5s ease-out, height 0.5s ease-out, border-top 0.5s ease-out,
 border-bottom 0.5s ease-out, background-color 0.5s ease-out, opacity 0.1s linear, visibility 0.1s linear;
  transition: margin-top 0.5s ease-out, line-height 0.5s ease-out, height 0.5s ease-out, border-top 0.5s ease-out,
 border-bottom 0.5s ease-out, background-color 0.5s ease-out, opacity 0.1s linear, visibility 0.1s linear;
  background-color: white;
  border-top: none;
  border-bottom: none;
  word-break: break-word;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap ul li {
    height: auto;
    padding: 0;
    line-height: 20px;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    background-color: inherit;
    border-top: none;
    border-bottom: none;
    font-size: 12px;
  }
}

.footer-site-map .footer-site-map-wrap ul li a {
  padding: 0 40px;
  -webkit-transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
  transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-wrap ul li a {
    padding: 0;
  }
}

.footer-site-map .footer-site-map-column-first,
.footer-site-map .footer-site-map-column-second,
.footer-site-map .footer-site-map-column-third,
.footer-site-map .footer-site-map-column-fourth {
  width: 100%;
  padding-right: 0;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .footer-site-map-column-first,
  .footer-site-map .footer-site-map-column-second,
  .footer-site-map .footer-site-map-column-third,
  .footer-site-map .footer-site-map-column-fourth {
    width: 25%;
    padding-right: 15px;
  }
}

.footer-site-map li:before,
.footer-site-map h2.right-arrow:before {
  position: absolute;
  right: 23px;
  top: 45%;
}

@media screen and (min-width: 750px), print {
  .footer-site-map li:before,
  .footer-site-map h2.right-arrow:before {
    display: none;
  }
}

.footer-site-map .relatedLink-list-item-controll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}

@media screen and (min-width: 750px), print {
  .footer-site-map .relatedLink-list-item-controll {
    display: none;
  }
}

.footer-site-map.for_open-close ul {
  margin-bottom: 0;
  visibility: hidden;
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_open-close ul {
    height: auto;
    margin-bottom: 40px;
    display: none;
  }
}

.footer-site-map.for_open-close ul.is_active {
  visibility: visible;
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_open-close.is-open ul {
    display: block;
  }
}

.footer-site-map.for_open-close .buttonContainer--sitemapControll {
  display: none;
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_open-close .buttonContainer--sitemapControll {
    display: block;
    text-decoration: none;
    margin-top: 14px;
  }
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_open-close .buttonContainer--sitemapControll .sitemapControllButton {
    width: 300px;
    text-decoration: none;
    background-color: #fff;
    padding: 12px 58px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

@media screen and (min-width: 750px), print {
  .footer-site-map.for_open-close .buttonContainer--sitemapControll .sitemapControllButton:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}

.footer-site-map.for_open-close .buttonContainer--sitemapControll .icon-arrowLinkButton {
  margin-top: -6px;
  padding-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.footer-site-map.for_open-close .buttonContainer--sitemapControll .icon-arrowLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer-site-map.for_open-close.is-open .buttonContainer--sitemapControll .icon-arrowLinkButton {
  margin-top: 5px;
  padding-right: 10px;
}

.footer-site-map.for_open-close.is-open .buttonContainer--sitemapControll .icon-arrowLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* SITEMAP END */
/* SITEMAP */
/* SITEMAP */
.wideContainer {
  width: 100%;
  padding: 0 20px;
  /*
  このクラスを追加したコンテンツ内のaタグの指定 通常黒文字・hover時赤文字&下線
  使用例：<section class="wideContainer containerTextLink">
  */
}

@media screen and (min-width: 750px), print {
  .wideContainer {
    width: 1040px;
    padding: 0;
    margin: auto;
  }
}

.wideContainer--fullWidth {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .wideContainer--fullWidth {
    width: 100%;
    padding: 0;
    margin: auto;
  }
}

.wideContainer--fullWidthMinWidth1040 {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .wideContainer--fullWidthMinWidth1040 {
    min-width: 1040px;
    width: 100%;
    padding: 0;
    margin: -46px auto 0;
  }
}

.wideContainer--SPNopadding {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .wideContainer--SPNopadding {
    width: 1040px;
    padding: 0;
    margin: auto;
  }
}

.wideContainer.containerTextLink a {
  color: #464646;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.wideContainer.containerTextLink a:hover {
  color: #dd0000;
  text-decoration: underline;
}

.grayWideContainer {
  width: 100%;
  height: auto;
  background-color: #f3f3f3;
}

@media screen and (min-width: 750px), print {
  .grayWideContainer {
    width: 100%;
  }
}

.grayWideContainer--midway {
  background: linear-gradient(to bottom, #fff 226px, #f3f3f3 226px);
}

@media screen and (min-width: 750px), print {
  .grayWideContainer--midway {
    background: linear-gradient(to bottom, #fff 220px, #f3f3f3 220px);
  }
}

.grayWideContainer.for_irTop {
  background-color: #eeeded;
}

.irFatMenu_mobile {
  position: relative;
}

@media screen and (min-width: 750px), print {
  .irFatMenu_mobile {
    display: none;
  }
}

.irFatMenu_mobile.is_active {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.45);
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.irFatMenu_mobile-container {
  height: 1px;
  position: relative;
}

.irFatMenu_mobile-container-button {
  z-index: 1050;
  position: absolute;
  right: 70px;
  top: -60px;
  width: 77px;
  height: 55px;
  background-color: #dd0000;
  padding: 12px 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.irFatMenu_mobile-container-button-text {
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.irFatMenu_mobile-container-button-arrow {
  position: relative;
  width: 8px;
  height: 8px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin: 0 auto;
  -webkit-transform: rotate(224deg);
          transform: rotate(224deg);
}

.irFatMenu_mobile-container-button-arrow-item {
  position: absolute;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.irFatMenu_mobile-container-button-arrow-item:nth-of-type(1) {
  border-left: 2px solid #fff;
  width: 1px;
  height: 8px;
}

.irFatMenu_mobile-container-button-arrow-item:nth-of-type(2) {
  border-bottom: 2px solid #fff;
  width: 8px;
  height: 1px;
}

.irFatMenu_mobile-container-button.is_active {
  height: 60px;
  padding: 5px 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.irFatMenu_mobile-container-button.is_active .irFatMenu_mobile-container-button-text {
  font-size: 1.2rem;
}

.irFatMenu_mobile-container-button.is_active .irFatMenu_mobile-container-button-arrow-item:nth-of-type(1) {
  -webkit-transform: scaleY(3.5) translate(-5.1px, -2.4px);
          transform: scaleY(3.5) translate(-5.1px, -2.4px);
}

.irFatMenu_mobile-container-button.is_active .irFatMenu_mobile-container-button-arrow-item:nth-of-type(2) {
  -webkit-transform: scaleX(3.5) translate(-2.2px, -5.1px);
          transform: scaleX(3.5) translate(-2.2px, -5.1px);
}

.irFatMenu_mobile-container-menu {
  display: block;
  position: absolute;
  width: 100%;
  overflow-y: scroll;
  max-height: 90vh;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  top: -100000%;
}

.irFatMenu_mobile-container-menu-linkTitle, .irFatMenu_mobile-container-menu-title {
  word-break: break-word;
  position: relative;
  padding: 22px 33px 22px 22px;
  width: 100%;
  display: inline-block;
  background-color: #dd0000;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.irFatMenu_mobile-container-menu-linkTitle:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg);
}

.irFatMenu_mobile-container-menu-linkTitle:before {
  position: absolute;
  right: 25px;
  top: 43%;
}

.irFatMenu_mobile-container-menu-title:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.irFatMenu_mobile-container-menu-title:before {
  position: absolute;
  right: 25px;
  top: 43%;
}

.irFatMenu_mobile-container-menu-title.is_active:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.irFatMenu_mobile-container-menu-title.is_active:before {
  position: absolute;
  right: 25px;
  top: 43%;
}

.irFatMenu_mobile-container-menu-title.is_active + .irFatMenu_mobile-container-menu-list {
  visibility: visible;
}

.irFatMenu_mobile-container-menu-title.is_active + .irFatMenu_mobile-container-menu-list .irFatMenu_mobile-container-menu-list-item {
  height: 100%;
  line-height: 1.5;
  opacity: 1;
  -webkit-transition: line-height 0.5s ease-out, height 0.5s ease-out, opacity 0.1s linear;
  transition: line-height 0.5s ease-out, height 0.5s ease-out, opacity 0.1s linear;
}

.irFatMenu_mobile-container-menu-title.is_active + .irFatMenu_mobile-container-menu-list .irFatMenu_mobile-container-menu-list-item-link {
  padding: 22px 37px;
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  -webkit-transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, background-color 0.5s ease-out, border-bottom 0.5s ease-out;
  transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, background-color 0.5s ease-out, border-bottom 0.5s ease-out;
}

.irFatMenu_mobile-container-menu-title.is_active + .irFatMenu_mobile-container-menu-list .irFatMenu_mobile-container-menu-list-item-link:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 2px #dd0000;
  border-top: solid 2px #dd0000;
  transform: rotate(45deg);
}

.irFatMenu_mobile-container-menu-title.is_active + .irFatMenu_mobile-container-menu-list .irFatMenu_mobile-container-menu-list-item-link:before {
  position: absolute;
  right: 25px;
  top: 43%;
}

.irFatMenu_mobile-container-menu-list {
  margin: 0;
  padding: 0;
  visibility: hidden;
  background-color: #fff;
  -webkit-transition: visibility 0.5s ease-out;
  transition: visibility 0.5s ease-out;
}

.irFatMenu_mobile-container-menu-list-item {
  height: 0;
  line-height: 0;
  opacity: 0;
  padding: 0;
  -webkit-transition: line-height 0.5s ease-out, height 0.5s ease-out, opacity 0.1s linear;
  transition: line-height 0.5s ease-out, height 0.5s ease-out, opacity 0.1s linear;
}

.irFatMenu_mobile-container-menu-list-item-link {
  word-break: break-word;
  background-color: #fff;
  color: #464646;
  border-bottom: none;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0 37px;
  -webkit-transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, background-color 0.5s ease-out, border-bottom 0.5s ease-out;
  transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, background-color 0.5s ease-out, border-bottom 0.5s ease-out;
}

.irFatMenu_mobile-container-menu.is_active {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
}

.irFatMenu_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .irFatMenu_pc {
    display: block;
    background-color: #e4e3e3;
    border-bottom: #d8d8d8;
  }
  .irFatMenu_pc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    width: 100%;
  }
  .irFatMenu_pc-list-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .irFatMenu_pc-list-item-text {
    padding: 13px 5px;
    display: block;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-wrap: break-word;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .irFatMenu_pc-list-item-text:hover {
    color: #fff;
    background-color: #dd0000;
  }
  .irFatMenu_pc-list-item-text.is_active {
    color: #fff;
    background-color: #dd0000;
  }
  .irFatMenu_pc-list-item-menuWrap {
    position: absolute;
    right: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    height: 0;
    -webkit-transition: 1s ease, opacity 0.5s ease, height 0.5s ease, overflow 1s ease;
    transition: 1s ease, opacity 0.5s ease, height 0.5s ease, overflow 1s ease;
    overflow: hidden;
    z-index: 40;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  }
  .irFatMenu_pc-list-item-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50;
    padding: 31px;
  }
  .irFatMenu_pc-list-item-menu-closeIcon {
    position: absolute;
    right: 50px;
    top: 23px;
    right: 41px;
    z-index: 100;
    width: 32px;
    height: 32px;
  }
  .irFatMenu_pc-list-item-menu-closeIcon:hover {
    cursor: pointer;
    opacity: 0.75;
  }
  .irFatMenu_pc-list-item-menu-closeIcon:before, .irFatMenu_pc-list-item-menu-closeIcon:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .irFatMenu_pc-list-item-menu-closeIcon:before {
    border-left: 4px solid #adadad;
    width: 5px;
    height: 32px;
    right: 14px;
  }
  .irFatMenu_pc-list-item-menu-closeIcon:after {
    border-bottom: 4px solid #adadad;
    width: 32px;
    height: 5px;
    top: 13px;
  }
  .irFatMenu_pc-list-item-menu-img {
    width: 250px;
  }
  .irFatMenu_pc-list-item-menu-linkArea {
    margin-left: 30px;
    width: 700px;
  }
  .irFatMenu_pc-list-item-menu-linkArea-title {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 4px solid #adadad;
    position: relative;
    padding-right: 45px;
  }
  .irFatMenu_pc-list-item-menu-linkArea-title:before {
    content: "";
    background-color: #dd0000;
    width: 30px;
    height: 4px;
    position: absolute;
    bottom: -4px;
  }
  .irFatMenu_pc-list-item-menu-linkArea-title-link {
    color: #464646;
  }
  .irFatMenu_pc-list-item-menu-linkArea-title-link-icon {
    position: relative;
  }
  .irFatMenu_pc-list-item-menu-linkArea-title-link-icon:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 8px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 8px;
    border-right: solid 2px #dd0000;
    border-top: solid 2px #dd0000;
    transform: rotate(45deg);
  }
  .irFatMenu_pc-list-item-menu-linkArea-title-link-icon:before {
    position: absolute;
    right: -15px;
    bottom: 36%;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin-top: 25px;
    padding: 0;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item {
    width: 44%;
    margin-right: 6%;
    display: inline-block;
    margin-top: 20px;
    position: relative;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item:nth-child(2n) {
    margin-right: 0;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item:nth-child(-n + 2) {
    margin-top: 0;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item-link {
    color: #464646;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item-link-icon {
    position: relative;
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item-link-icon:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 8px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 8px;
    border-right: solid 2px #dd0000;
    border-top: solid 2px #dd0000;
    transform: rotate(45deg);
  }
  .irFatMenu_pc-list-item-menu-linkArea-list-item-link-icon:before {
    position: absolute;
    right: -15px;
    bottom: 36%;
  }
}

.block {
  display: block;
  padding: 12px;
}

.block p {
  margin-top: 0;
}

.block p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .block {
    padding: 23px 20px;
  }
}

.block.is_link {
  background-color: #f5f5f5;
  font-weight: 900;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .block.is_link {
    -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    text-align: center;
  }
}

@media screen and (min-width: 750px), print {
  .block.is_link:hover {
    color: #dd0000;
  }
}

.block.is_link .arrow_normal {
  display: none;
}

.block.with_imageNote {
  border: 1px solid #d8d8d8;
  margin-bottom: 30px;
  padding: 14px;
}

@media screen and (min-width: 750px), print {
  .block.with_imageNote {
    margin-bottom: 60px;
    padding: 39px 37px;
    overflow: auto;
  }
}

.block.with_imageNote .block-title {
  margin: 0;
  width: 52%;
}

@media screen and (min-width: 750px), print {
  .block.with_imageNote .block-title,
  .block.with_imageNote p {
    width: 590px;
  }
}

.block.with_imageNote .block-image {
  width: 43%;
  height: auto;
  float: right;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .block.with_imageNote .block-image {
    width: 320px;
  }
}

.block.with_imageNote p {
  margin-top: 10px;
  clear: right;
}

@media screen and (min-width: 750px), print {
  .block.with_imageNote p {
    clear: none;
    margin-top: 20px;
  }
}

.block.for_widePadding {
  padding: 5px 10px 15px;
}

@media screen and (min-width: 750px), print {
  .block.for_widePadding {
    padding: 10px 40px;
  }
}

.block.with_border {
  border: 1px solid #d8d8d8;
}

.block.with_border > :last-child {
  margin-bottom: 0;
}

.block.with_frame {
  padding: 5px;
}

.block.with_grayBackground, .block.with_grayBackground--smallPadding {
  background-color: #f5f5f5;
  border: 1px solid #d8d8d8;
  padding: 15px;
}

@media screen and (min-width: 750px), print {
  .block.with_grayBackground, .block.with_grayBackground--smallPadding {
    border: 2px solid #d8d8d8;
    padding: 25px 30px;
  }
}

.block.with_grayBackground.is_noBorder, .block.with_grayBackground--smallPadding.is_noBorder {
  border: none;
}

@media screen and (min-width: 750px), print {
  .block.with_grayBackground.form, .block.with_grayBackground--smallPadding.form {
    border: 2px solid #d8d8d8;
    padding: 40px 50px;
  }
}

.block.with_grayBackground .heading_main, .block.with_grayBackground--smallPadding .heading_main {
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .block.with_grayBackground .heading_main, .block.with_grayBackground--smallPadding .heading_main {
    font-size: 24px;
  }
}

.block.with_grayBackground.for_widePadding, .block.with_grayBackground--smallPadding.for_widePadding {
  padding-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .block.with_grayBackground.for_widePadding, .block.with_grayBackground--smallPadding.for_widePadding {
    padding: 50px;
  }
}

@media screen and (min-width: 750px), print {
  .block.with_grayBackground--smallPadding {
    padding: 25px;
  }
}

.block.for_information {
  padding-top: 30px;
}

.block.for_information .heading_level3 {
  margin-bottom: 25px;
}

.block.with_caption {
  padding: 30px 12px;
}

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

.productList-image .block.with_grayBackground {
  margin-top: 40px;
}

.list {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 27px;
}

.list-item {
  margin-bottom: 5px;
}

.list.with_number .list-item a {
  color: #004ecc;
  text-decoration: underline;
}

.list.with_dot, .list.with_marker {
  list-style: none;
  padding: 0;
  margin-left: 1em;
}

.list.with_dot .list-item, .list.with_marker .list-item {
  text-indent: -1em;
}

.list.with_marker .list-item:before {
  background-color: #464646;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 9px;
  width: 9px;
  margin-right: 5px;
}

.list.with_dot .list-item {
  margin-bottom: 5px;
}

.list.with_dot .list-item:before {
  background-color: #464646;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 2px;
  width: 2px;
  margin-right: 14px;
  position: relative;
  right: -5px;
  top: -5px;
}

.list.with_noMarker {
  list-style: none;
  padding-left: 0;
}

.list .list.with_noMarker {
  padding-left: 0.9em;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

/*block.with_grayBackground（背景色が指定されているブロック）内のlistのマージン削除*/
.with_grayBackground--smallPadding .list {
  margin-bottom: 0;
}

.with_grayBackground--smallPadding .list-item:last-of-type {
  margin-bottom: 0;
}

.heading_level1 {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 20px;
}

.heading_level1.noBorder {
  font-size: 2.3rem;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;
}

@media screen and (min-width: 750px), print {
  .heading_level1.noBorder {
    width: 1040px;
    margin: 0 auto;
    font-size: 3.8rem;
    margin-top: 27px;
    margin-bottom: 30px;
    padding: 0;
  }
}

@media screen and (min-width: 750px), print {
  .heading_level1 {
    font-size: 36px;
    margin-top: 40px;
    padding-bottom: 55px;
  }
}

.heading_level1-inner {
  border-bottom: 1px solid red;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 16px;
  padding-bottom: 8px;
}

@media screen and (min-width: 750px), print {
  .heading_level1-inner {
    font-size: 3.6rem;
    line-height: 1.3333;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 20px;
    width: 1040px;
  }
}

.heading_level1-category {
  display: block;
  font-size: 0.6em;
  font-weight: 500;
}

@media screen and (min-width: 750px), print {
  .page-industries-products-base .heading_level1 {
    padding-bottom: 1px;
  }
}

@media screen and (min-width: 750px), print {
  .page-industries-products-detail .heading_level1 {
    padding-bottom: 1px;
  }
}

.heading_level2 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 20px 0px 4px;
  border-bottom: 1px solid red;
}

@media screen and (min-width: 750px), print {
  .heading_level2 {
    padding-top: 30px;
    font-size: 2.6rem;
  }
}

.heading_level2.noBorder {
  border-bottom: none;
}

.container .heading_level2.largerSize, .container .heading_level2.largerSize:first-of-type {
  font-size: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .container .heading_level2.largerSize, .container .heading_level2.largerSize:first-of-type {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 750px), print {
  .container .heading_level2.largerSize.for_threeColumns, .container .heading_level2.largerSize:first-of-type.for_threeColumns {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.container .heading_level2:first-of-type,
.container .heading_noMarker:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .container .tab + .heading_level2,
  .container .tab .heading_noMarker {
    margin-top: 60px;
  }
}

@media screen and (min-width: 750px), print {
  .is_inner-slider .heading_noMarker {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px), print {
  .tab + .heading_noMarker {
    margin-top: 60px;
  }
}

@media screen and (min-width: 750px), print {
  .updateInformation + .heading_level2 {
    margin-top: 42px;
  }
}

@media screen and (min-width: 750px), print {
  .news-content .heading_level2 {
    margin-left: 55px;
  }
  .news-content .content.is_narrow .heading_level2,
  .news-content .container.is_narrow .heading_level2 {
    margin-left: 0;
  }
}

.heading_noMarker {
  font-size: 22px;
  padding-left: 0;
}

@media screen and (min-width: 750px), print {
  .heading_noMarker {
    font-size: 30px;
  }
}

.heading_noMarker:before {
  display: none;
}

.heading_level3 {
  border-bottom-color: red;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 20px 0px 4px;
}

@media screen and (min-width: 750px), print {
  .heading_level3 {
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 6px;
  }
}

.heading_level3 a {
  color: inherit;
}

.heading_level3.noBorder {
  border-bottom: none;
}

.heading_level3.withGrayBorder {
  border-bottom-color: #d8d8d8;
  font-size: 15px;
  padding: 0px;
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .heading_level3.withGrayBorder {
    font-size: 20px;
  }
}

.block .heading_level3:first-child {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .news-content .heading_level3 {
    margin-left: 55px;
  }
  .news-content .content.is_narrow .heading_level3,
  .news-content .container.is_narrow .heading_level3 {
    margin-left: 0;
  }
}

.heading_level3.is_centered {
  padding-bottom: 14px;
  text-align: center;
}

.heading_level3.is_centered:after {
  height: 3px;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 42px;
}

.for_information .heading_level3.is_centered {
  margin-top: 20px;
}

.verticalColumn.for_contactList .verticalColumn-item .heading_level3, .verticalColumn.for_supportList .verticalColumn-item .heading_level3 {
  margin-top: 0;
}

.heading_smallBold {
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .heading_smallBold {
    font-size: 16px;
  }
}

.heading_main,
.heading_smallMain,
.heading_pcSmallMain {
  margin-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .heading_main,
  .heading_smallMain,
  .heading_pcSmallMain {
    line-height: 1.6;
  }
}

.heading_main:first-child,
.heading_smallMain:first-child,
.heading_pcSmallMain:first-child {
  margin-top: 0;
}

.heading_main {
  font-size: 22px;
}

@media screen and (min-width: 750px), print {
  .heading_main {
    font-size: 36px;
  }
}

.heading_main.is_small {
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .heading_main.is_small {
    font-size: 28px;
  }
}

.heading_smallMain {
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .heading_smallMain {
    font-size: 30px;
  }
}

.heading_pcSmallMain {
  font-size: 22px;
}

@media screen and (min-width: 750px), print {
  .heading_pcSmallMain {
    font-size: 30px;
  }
}

@media screen and (min-width: 750px), print {
  .verticalLayout .heading_smallMain.textAlign_center {
    text-align: left;
  }
}

.heading_forList {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  color: #111111;
  font-size: 14px;
  margin: 0;
  padding: 15px 10px;
}

@media screen and (min-width: 750px), print {
  .heading_forList {
    padding: 15px;
    font-size: 16px;
    height: 60px;
  }
}

.heading_level4 {
  font-weight: 400;
  padding-bottom: 14px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .heading_level4 {
    margin: 40px 0;
  }
}

.heading_level4 a {
  color: inherit;
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .heading_level4 a:hover {
    color: #dd0000;
  }
}

.for_fiveColumns .heading_level4 {
  padding-bottom: 8px;
  margin-top: 0;
}

.swiper-slide .heading_level4 {
  margin-top: 20px;
  margin-bottom: 0;
}

.heading_news:first-of-type {
  margin-top: 0;
}

.heading_news:last-of-type {
  margin-bottom: 0;
}

.heading_news-date, .heading_news-title {
  display: block;
}

.heading_news-date {
  font-size: 14px;
  margin-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .heading_news-date {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

.heading_news-title {
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .heading_news-title {
    font-size: 28px;
  }
}

.heading_level5 {
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .heading_level5 {
    font-size: 16px;
  }
}

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 90px;
}

.pagination-list-item {
  height: 40px;
  width: 40px;
}

.pagination-list-item:first-child {
  margin-right: 5px;
}

@media screen and (min-width: 750px), print {
  .pagination-list-item {
    cursor: pointer;
  }
}

.pagination-list-item-control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .pagination-list-item-control {
    -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
  }
}

.pagination-list-item-control.is_previous:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  transform: rotate(45deg);
}

.pagination-list-item-control.is_next:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

.pagination-list-item-control.is_next:before {
  left: -2px;
}

@media screen and (min-width: 750px), print {
  .pagination-list-item:hover .pagination-list-item-control {
    background-color: #dd0000;
  }
  .pagination-list-item:hover .pagination-list-item-control.is_previous:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    transform: rotate(45deg);
  }
  .pagination-list-item:hover .pagination-list-item-control.is_next:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(45deg);
  }
}

.heading_level2 .pagination,
.heading_noMarker .pagination {
  display: inline-block;
  float: right;
  margin-left: 10px;
  position: relative;
  top: -4px;
}

.pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .pagination-wrapper {
    margin-bottom: 60px;
  }
}

.pagination-wrapper .heading_level4 {
  margin: 0;
  margin-right: 2%;
  width: 49%;
}

@media screen and (min-width: 750px), print {
  .pagination-wrapper .heading_level4 {
    padding-bottom: 12px;
  }
}

.pagination-wrapper .pagination {
  width: 49%;
}

.pagination-wrapper .pagination-list {
  display: block;
  text-align: right;
  width: 100%;
}

.pagination-wrapper .pagination-list-item {
  display: inline-block;
}

.pagination-wrapper.for_csr .pagination {
  width: 100%;
}

.pagination-wrapper.for_csr .pagination-list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (min-width: 750px), print {
  .imageLink {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.imageLink-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px dashed #adadad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .imageLink-item {
    border-bottom: none;
    display: block;
    padding-bottom: 0;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .imageLink-item.is_medium {
    width: 320px;
  }
  .imageLink-item.is_small {
    width: 230px;
  }
}

.imageLink-item .arrow_normal {
  display: none;
}

.imageLink-item-image, .imageLink-item-title {
  width: 47%;
}

@media screen and (min-width: 750px), print {
  .imageLink-item-image, .imageLink-item-title {
    width: 100%;
  }
}

.imageLink-item-image {
  display: block;
}

@media screen and (min-width: 750px), print {
  .imageLink-item-image {
    margin-bottom: 30px;
  }
}

.imageLink-item-image img {
  height: auto;
  width: 100%;
}

.imageLink-item-title {
  margin: 0;
}

.imageLink-item-solid-line {
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .imageLink-item-solid-line {
    width: 1040px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 750px), print {
  .imageLink-item-solid-line-image {
    width: 230px;
    display: inline-block;
    margin: 0;
  }
}

.imageLink-item-solid-line-image img {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .imageLink-item-solid-line .imageLink-item-title {
    width: 810px;
    display: inline;
    position: absolute;
    padding-left: 40px;
  }
}

.topProducts .imageLink-item {
  border-bottom: none;
}

.topProducts .imageLink-item .arrow_normal {
  display: none;
}

.topProducts .imageLink-item-image {
  position: relative;
}

@media screen and (min-width: 750px), print {
  .topProducts .imageLink-item-image {
    overflow: hidden;
    vertical-align: middle;
  }
  .topProducts .imageLink-item-image img {
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .topProducts .imageLink-item-image:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.topProducts .imageLink-item-image:after {
  display: inline-block;
  height: 36px;
  width: 36px;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #dd0000)) no-repeat top left/100% 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #dd0000 50.5%) no-repeat top left/100% 100%;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
}

@media screen and (min-width: 750px), print {
  .topProducts .imageLink-item.is_medium .imageLink-item-image img {
    height: 235px;
  }
}

@media screen and (min-width: 750px), print {
  .topProducts .imageLink-item.is_small .imageLink-item-image img {
    height: 170px;
  }
}

.btn {
  display: block;
  padding: 12px 15px;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .btn {
    -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
    display: inline-block;
  }
}

.btn:hover {
  text-decoration: none;
}

.btn-item {
  display: inline-block;
}

.btn-icon {
  position: relative;
  top: -3px;
}

.btn-icon_right {
  margin-left: 10px;
}

.btn-icon_right.is_arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

.btn.with_leftArrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  transform: rotate(45deg);
}

.btn.with_leftArrow:before {
  left: 19px;
}

.btn.with_leftArrow:hover:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
  transform: rotate(45deg);
}

.btn.with_rightArrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

.btn.with_rightArrow:before {
  right: 19px;
}

.btn.with_rightArrow:hover:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  transform: rotate(45deg);
}

.btn.with_rightArrow, .btn.with_leftArrow {
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}

.btn.with_rightArrow:before, .btn.with_leftArrow:before {
  position: absolute;
  top: 42%;
}

@media screen and (min-width: 750px), print {
  .btn.with_rightArrow:before, .btn.with_leftArrow:before {
    top: 44%;
  }
}

.btn.with_rightArrow:hover:before, .btn.with_leftArrow:hover:before {
  position: absolute;
}

.btn.is_primary {
  background-color: #000;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .btn.is_primary {
    font-size: 13px;
  }
}

@media screen and (min-width: 750px), print {
  .btn.is_primary:hover {
    background-color: #dd0000;
    color: #fff;
  }
}

.btn.is_primary.is_adjustPadding {
  padding: 12px 63px;
}

@media screen and (min-width: 750px), print {
  .btn.is_primary.is_adjustPadding {
    padding: 15px 95px;
  }
}

.btn.is_primary.is_transparent {
  background-color: transparent;
}

.btn.is_primary.is_transparent:hover {
  background-color: #dd0000;
}

.btn.is_primary.is_reversedColor {
  background-color: #dd0000;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .btn.is_primary.is_reversedColor:hover {
    background-color: #fff;
    color: #dd0000;
  }
}

@media screen and (min-width: 750px), print {
  .btn.is_primary.is_reversedColor.is_transparent:hover {
    background-color: transparent;
  }
}

.btn.is_primary.is_reversedColorBoth {
  background-color: #dd0000;
  color: #fff;
}

.btn.is_primary.is_reversedColorBoth:hover {
  color: #dd0000;
}

.btn.is_primary.is_reversedColorBoth.is_transparentBoth:hover {
  background-color: transparent;
}

a.btn {
  text-decoration: none;
}

.btn.is_accent {
  background-color: #dd0000;
  border: 1px solid #dd0000;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .btn.is_accent {
    border: 2px solid #dd0000;
  }
}

.btn.is_accent .btn-icon_right.is_arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .btn.is_accent:hover {
    background-color: #fff;
    color: #dd0000;
  }
}

.btn.is_accent:hover .btn-icon_right.is_arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .for_information .btn {
    width: 500px;
  }
}

@media screen and (min-width: 750px), print {
  .for_information .btn.is_accent {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}

.btn.with_icon .btn-item:before {
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
}

.btn.with_icon.is_pdf .btn-item:before {
  background-image: url("../images/common/icon_pdf.jpg");
  background-size: 18px 18px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 3px;
  width: 18px;
}

.btn.is_secondary {
  background-color: #f5f5f5;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0px 0px 4px 1px #c7c7c7;
          box-shadow: 0px 0px 4px 1px #c7c7c7;
  font-weight: 600;
  padding: 10px 30px;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .btn.is_secondary {
    font-size: 14px;
  }
}

.form-button .btn {
  display: inline-block;
}

.btn.with_blackBorder {
  border: 1px solid #080808;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .btn.with_blackBorder {
    font-size: 14px;
  }
}

.btn.with_blackBorder:hover {
  background-color: #080808;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .btn.with_blackBorder {
    border: 2px solid #080808;
  }
}

.btn .icon {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

@media screen and (min-width: 750px), print {
  .btn .icon {
    top: 4px;
  }
}

.btn.primaryButton .icon {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

@media screen and (min-width: 750px), print {
  .btn.primaryButton .icon {
    top: 2px;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item .btn {
    width: 100%;
  }
}

.verticalColumn-item .btn.is_widthAuto {
  width: auto;
}

.verticalColumn-item.pager-item .btn {
  display: inline-block;
  width: 160px;
}

.verticalColumn-item.pager-item .btn.for_threeButton {
  width: 100%;
  padding: 10px 15px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item.pager-item .btn.for_threeButton {
    width: 160px;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item .btnArea .btn {
    width: 230px;
  }
}

.btnArea .btn + .btn {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .btnArea .btn + .btn {
    margin-top: 0;
    margin-left: 20px;
  }
}

.hover-action {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hover-action:hover {
  opacity: 0.5;
}

.hover-action.is_adjustOpacity:hover {
  opacity: 0.7;
}

.hover-action2 {
  display: block;
  position: relative;
}

.hover-action2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a:hover > .hover-action2::after {
  max-width: 124px;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.5);
}

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

.btn-wrap.is_rightSide {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.btn.is_fontBold {
  font-weight: bold;
}

.btn.is_widePadding {
  padding: 7px 40px;
}

.btnArea {
  margin-bottom: 30px;
  margin-top: 25px;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .btnArea {
    margin-bottom: 60px;
    text-align: right;
  }
}

.btnArea.is_centered {
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .btnArea.is_centered .btn {
    width: 500px;
  }
}

.btnArea.is_centered .btn.is_adjustSize {
  display: inline-block;
  width: auto;
}

@media screen and (min-width: 750px), print {
  .btnArea.is_centered .btn.is_adjustSize {
    width: 320px;
  }
}

.section .btnArea:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  p.btnArea {
    margin-top: 0;
  }
}

.for_information .btnArea {
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .is_listNone .btnArea {
    margin-top: -55px;
  }
}

.aboutOverView .btnArea {
  margin-top: 30px;
}

@media screen and (min-width: 750px), print {
  .aboutOverView .btnArea {
    margin-top: 40px;
    text-align: center;
  }
}

.verticalColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .verticalColumn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.verticalColumn-item {
  margin-bottom: 25px;
  width: 47%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item {
    margin-bottom: 45px;
    margin-right: 40px;
  }
}

.verticalColumn-item-image {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.verticalColumn-item-image.is_none {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #adadad;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 124px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image.is_none {
    height: 163px;
  }
}

.verticalColumn-item-image.is_imgFull > img {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image.is_stinfo {
    height: 168.45px;
  }
}

.verticalColumn-item-image-text {
  color: #fff;
  display: block;
  font-weight: normal;
  text-align: center;
  width: 100%;
}

.verticalColumn-item-image-text.is_main {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image-text.is_main {
    font-size: 24px;
  }
}

.verticalColumn-item-image-text.is_sub {
  height: auto;
  font-size: 10px;
  margin-top: 5px;
  position: static;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image-text.is_sub {
    font-size: 12px;
  }
}

.verticalColumn-item-image-text .icon {
  font-size: 10px;
  margin-left: 5px;
}

.verticalColumn-item-image.with_caption {
  padding: 10px 12px;
  text-align: center;
  word-break: break-word;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image.with_caption {
    padding: 30px 50px;
  }
}

.verticalColumn-item-image.with_caption img {
  padding: 0 8px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image.with_caption img {
    padding: 0;
  }
}

.verticalColumn-item-image.with_caption .verticalColumn-item-image-caption {
  display: inline-block;
  margin-top: 14px;
  font-size: 12px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-image.with_caption .verticalColumn-item-image-caption {
    margin-top: 30px;
    font-size: 14px;
  }
}

.verticalColumn-item-title {
  margin-bottom: 0;
  margin-top: 8px;
  word-wrap: break-word;
}

@media screen and (min-width: 750px), print {
  .verticalColumn-item-title {
    margin-top: 20px;
  }
}

.verticalColumn-item-date {
  margin-top: 16px;
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.is_narrowMargin .verticalColumn-item {
    margin-right: 40px;
    width: calc((100% - (40px * 2)) / 3);
  }
  .verticalColumn.is_narrowMargin .verticalColumn-item:nth-child(3n) {
    margin-right: 0;
  }
}

.verticalColumn.for_oneThreeColumns .verticalColumn-item {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_oneThreeColumns .verticalColumn-item {
    margin-right: 5%;
    width: 30%;
  }
  .verticalColumn.for_oneThreeColumns .verticalColumn-item:nth-child(3n) {
    margin-right: 0;
  }
}

.verticalColumn.for_oneThreeColumns .verticalColumn-item-image-text.is_sub {
  font-size: 16px;
}

.verticalColumn.for_oneThreeColumns .verticalColumn-item-fixedHeight {
  height: auto;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_oneThreeColumns .verticalColumn-item-fixedHeight {
    height: 300px;
  }
}

.verticalColumn.for_twoColumns .verticalColumn-item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_twoColumns .verticalColumn-item {
    margin-right: 4%;
    width: 48%;
  }
  .verticalColumn.for_twoColumns .verticalColumn-item:nth-child(2n) {
    margin-right: 0;
  }
}

.verticalColumn.for_twoColumns.for_contactList .verticalColumn-item, .verticalColumn.for_twoColumns.for_supportList .verticalColumn-item {
  border-bottom: 1px solid #adadad;
}

.verticalColumn.for_twoColumns.for_contactList .verticalColumn-item:last-of-type, .verticalColumn.for_twoColumns.for_supportList .verticalColumn-item:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_twoColumns.for_supportList .verticalColumn-item {
    border-bottom: none;
  }
}

.verticalColumn.for_twoColumns.for_supportList .verticalColumn-item:last-of-type {
  border-bottom: none;
}

.verticalColumn.for_twoColumns.for_contactList .verticalColumn-item {
  padding-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_twoColumns.for_contactList .verticalColumn-item {
    padding-bottom: 60px;
    width: 100%;
  }
}

.verticalColumn.for_twoColumns.for_contactList .verticalColumn-item .verticalColumn-item {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.verticalColumn.for_twoColumnsAll .verticalColumn-item {
  width: 47%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_twoColumnsAll .verticalColumn-item {
    margin-right: 4%;
    width: 48%;
  }
  .verticalColumn.for_twoColumnsAll .verticalColumn-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item-text {
    margin-top: 30px;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item {
    margin-right: 3.5%;
    width: 31%;
  }
  .verticalColumn.for_threeColumns .verticalColumn-item:nth-child(3n) {
    margin-right: 0;
  }
}

.verticalColumn.for_threeColumns .verticalColumn-item.is_adjustWidth {
  width: 49%;
  margin-bottom: 15px;
}

.verticalColumn.for_threeColumns .verticalColumn-item.is_adjustWidth img {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item.is_adjustWidth {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .verticalColumn.for_threeColumns .verticalColumn-item.is_adjustWidth:nth-child(3n) {
    margin-right: 0;
  }
}

.verticalColumn.for_threeColumns .verticalColumn-item .heading_level4 {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item .heading_level4 {
    margin-bottom: 30px;
  }
}

.verticalColumn.for_threeColumns .verticalColumn-item-image + .heading_level4 {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item-image + .heading_level4 {
    margin-top: 30px;
  }
}

.verticalColumn.for_threeColumns .verticalColumn-item .heading_level4:last-child {
  margin-top: 14px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_threeColumns .verticalColumn-item .heading_level4:last-child {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_fourColumns .verticalColumn-item {
    width: 228px;
  }
  .verticalColumn.for_fourColumns .verticalColumn-item:nth-child(4n) {
    margin-right: 0;
  }
}

.verticalColumn.for_fiveColumns .verticalColumn-item {
  text-align: center;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.verticalColumn.for_fiveColumns .verticalColumn-item a {
  margin-top: auto;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_fiveColumns .verticalColumn-item {
    width: 176px;
  }
  .verticalColumn.for_fiveColumns .verticalColumn-item:nth-child(5n) {
    margin-right: 0;
  }
}

.page-industries-products-detail .verticalColumn-item {
  margin-bottom: 25px;
}

.block .productList.for_verticalTwoColumnsAll .productList-list {
  width: 100%;
}

.for_content .verticalColumn-item-image {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .news .verticalColumn-item:nth-child(4n) {
    margin-right: 40px;
  }
}

.verticalColumn.is_imageMargin .verticalColumn-item-image {
  padding: 5px;
}

.verticalColumn.with_grayBackground .verticalColumn-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  padding: 15px 10px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.with_grayBackground .verticalColumn-item {
    padding: 20px;
  }
}

.verticalColumn.with_grayBackground .verticalColumn-item-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.with_grayBackground .verticalColumn-item-image {
    height: 210px;
  }
}

.verticalColumn.with_grayBackground .verticalColumn-item-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
  min-height: 45px;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.with_grayBackground .verticalColumn-item-text {
    min-height: 70px;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.is_centered {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.verticalColumn.for_half .verticalColumn-item {
  width: 100%;
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_half .verticalColumn-item {
    margin-right: 6%;
    width: 47%;
  }
  .verticalColumn.for_half .verticalColumn-item:nth-child(2n) {
    margin-right: 0;
  }
  .verticalColumn.for_half .verticalColumn-item .heading_level3 {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .for_information .verticalColumn.for_twoColumns .verticalColumn-item {
    margin-bottom: 20px;
  }
  .for_information .verticalColumn.for_twoColumns .verticalColumn-item:last-child {
    margin-right: 0;
  }
  .for_information .verticalColumn.for_twoColumns .verticalColumn-item:last-child:nth-child(odd) {
    width: 500px;
  }
}

a.verticalColumn-item-image.is_none:hover {
  background-color: #d8d8d8;
  color: #fff;
}

.verticalColumn.withGrayBackground .verticalColumn-item-image {
  background-color: #f5f5f5;
  font-size: 12px;
  padding: 15px 10px 20px;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.withGrayBackground .verticalColumn-item-image {
    text-align: center;
    padding: 30px 25px;
  }
}

.verticalColumn.withGrayBackground .verticalColumn-item-image .icon {
  color: #dd0000;
  font-size: 10px;
}

.verticalColumn.withGrayBackground .verticalColumn-item-title {
  display: block;
  font-weight: 800;
  margin-top: 15px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.withGrayBackground .verticalColumn-item-title {
    font-size: 14px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 750px), print {
  .slider-wrapper {
    width: 670px;
  }
}

.slider-pagination .swiper-pagination-bullet {
  background-color: #adadad;
  height: 10px;
  opacity: 1;
  width: 10px;
}

.slider-pagination .swiper-pagination-bullet-active {
  background-color: #dd0000;
  opacity: 1;
}

.slider.for_highlights {
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .slider.for_highlights {
    overflow: visible;
  }
}

.slider.for_highlights .slider-pagination {
  display: inline-block;
  left: auto;
  line-height: 1;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: auto;
  z-index: 20;
}

@media screen and (min-width: 750px), print {
  .slider.for_highlights .slider-pagination {
    right: 10px;
  }
}

.slider-list {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

@media screen and (min-width: 750px), print {
  .slider-list-item {
    z-index: 5;
  }
}

.arrow_normal {
  display: none;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}

.arrow_normal:before, .arrow_normal:after {
  content: "";
  bottom: 0;
  margin: auto;
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
}

.arrow_normal:before {
  background: #dd0000;
  height: 1px;
  width: 12px;
  left: 3px;
}

.arrow_normal:after {
  border-right: 1px solid #dd0000;
  border-top: 1px solid #dd0000;
  height: 7px;
  width: 7px;
  left: 9px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .informationCard {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.informationCard-header {
  background-color: #d8d8d8;
  font-weight: 800;
  padding: 15px;
}

@media screen and (min-width: 750px), print {
  .informationCard-header {
    font-size: 20px;
    padding: 30px 25px;
    width: 270px;
  }
}

@media screen and (min-width: 750px), print {
  .informationCard-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 770px;
  }
}

.informationCard-content {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 15px;
}

@media screen and (min-width: 750px), print {
  .informationCard-content {
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px 25px;
  }
}

.informationCard-content:last-child {
  border-bottom: none;
}

.informationCard-content p {
  margin-top: 0;
}

.informationCard-content p:last-child {
  margin-bottom: 0;
}

.informationCard-content .arrow_normal {
  display: none;
}

.pageTop {
  display: none;
}

@media screen and (min-width: 750px), print {
  .pageTop {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1040px;
    z-index: 20;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .pageTop.on {
    opacity: 1;
  }
}

@media screen and (min-width: 750px), print {
  .pageTop-button {
    background-image: url("../images/common/pagetop.png");
    background-repeat: no-repeat;
    background-size: 55px 54px;
    bottom: 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    height: 54px;
    position: fixed;
    left: 50%;
    margin-left: 570px;
    width: 55px;
  }
  .pageTop-button:hover {
    opacity: .7;
  }
}

.is_news .tab-list-item.is_active a:hover {
  background-color: #464646;
}

.tab {
  margin-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .tab {
    border-bottom: 2px solid #464646;
  }
}

.tab.for_aboutUs {
  display: none;
}

@media screen and (min-width: 750px), print {
  .tab.for_aboutUs {
    display: block;
  }
}

@media screen and (min-width: 750px), print {
  .tab.is_forTabChange {
    margin-bottom: 55px;
  }
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tab-list-item {
  width: 50%;
}

@media screen and (min-width: 750px), print {
  .tab-list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.tab-list-item a {
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  color: #111111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .tab-list-item a {
    border-bottom: none;
    border-top: 1px solid #d8d8d8;
    padding: 25px 10px;
  }
}

.tab-list-item a.is_current, .tab-list-item a.is_active {
  background-color: #464646;
  color: #fff;
}

.tab-list-item:nth-child(1) a, .tab-list-item:nth-child(2) a {
  border-top: 1px solid #d8d8d8;
}

.tab-list-item:nth-child(2n-1) a {
  border-left: 1px solid #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .tab-list-item:nth-child(2n-1) a {
    border-left: none;
  }
}

@media screen and (min-width: 750px), print {
  .tab-list-item:first-child a {
    border-left: 1px solid #d8d8d8;
  }
}

.tab-list-item.is_active a, .tab-list-item:hover a {
  background-color: #464646;
  color: #fff;
}

.tab-list-three-culums > .tab-list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

@media screen and (min-width: 750px), print {
  .tab-list-three-culums > .tab-list-item {
    width: 33.33%;
  }
  .tab-list-three-culums > .tab-list-item:nth-child(3n+1) a {
    border-left: 1px solid #d8d8d8;
  }
  .tab-list-three-culums > .tab-list-item a {
    border-top: none;
    border-left: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .tab.col-3 .tab-list-item {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 33.333333%;
  }
}

@media screen and (min-width: 750px), print {
  .globalGateway .tab {
    border-bottom: none;
  }
}

@media screen and (min-width: 750px), print {
  .globalGateway .tab-list-item:first-child a {
    border-left: none;
  }
}

@media screen and (min-width: 750px), print {
  .globalGateway .tab-list-item:nth-child(3n) a {
    border-right: none;
  }
}

@media screen and (min-width: 750px), print {
  .globalGateway .tab-list-item:nth-child(4) a, .globalGateway .tab-list-item:nth-child(5) a, .globalGateway .tab-list-item:nth-child(6) a {
    border-bottom: 1px solid #d8d8d8;
  }
}

.js-tab-change-target {
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  display: none;
  opacity: 0;
}

.js-tab-change-target.is_active {
  display: block;
  opacity: 1;
}

.is_news .tab {
  border-bottom: 2px solid #464646;
}

.is_news .tab-list-item:hover a {
  background-color: #464646;
}

.is_news .tab-list-item.is_active a {
  background-color: #464646;
}

.is_news .tab-list-item.is_active a:hover {
  background-color: #464646;
}

.table {
  color: #111111;
  margin: 20px 0;
  overflow-x: scroll;
}

@media screen and (min-width: 750px), print {
  .table {
    margin: 40px 0;
    overflow-x: auto;
  }
}

.table-content {
  font-size: 12px;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .table-content {
    font-size: 16px;
  }
}

.table-content tbody {
  border-top: none;
}

.table.is_secondary .table-content {
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}

.table-header, .table-cell {
  border: 1px solid #bababa;
  padding: 10px;
  vertical-align: top;
}

@media screen and (min-width: 750px), print {
  .table-header, .table-cell {
    padding: 18px 20px;
  }
}

.table-header {
  background-color: #ddd;
  font-weight: 400;
  text-align: left;
}

@media screen and (min-width: 750px), print {
  .table-header {
    font-weight: 800;
  }
}

.table.is_secondary .table-cell {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.table.is_secondary tr:last-child .table-header {
  border-bottom: none;
}

.table.is_secondary tr:last-child .table-cell {
  border-bottom: none;
}

.table.for_smallText .table-content {
  font-size: 12px;
  overflow-x: scroll;
  width: 1040px;
  table-layout: fixed;
}

@media screen and (min-width: 750px), print {
  .table.for_smallText .table-content {
    font-size: 13px;
  }
}

.table.for_irDocument .table-cell-item {
  margin-top: 3px;
}

@media screen and (min-width: 750px), print {
  .table.for_irDocument .table-cell-item {
    margin-top: 5px;
  }
}

.table.for_irDocument .table-cell-item:first-child {
  margin-top: 0;
}

.table.for_irDocument .table-cell-item-link.with_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.imageSet-text > .table:first-child {
  margin-top: 0;
}

.form-set {
  margin-bottom: 15px;
}

.form-set:last-child {
  margin-bottom: 0;
}

.form-label {
  display: block;
  font-weight: 800;
  margin-bottom: 10px;
}

.form-select {
  position: relative;
}

.form-select-item {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 15px 30px 15px 15px;
  width: 100%;
  font-size: 12px;
}

@media screen and (min-width: 750px), print {
  .form-select-item {
    font-size: 14px;
    cursor: pointer;
  }
}

.form-select-item::-ms-expand {
  display: none;
}

.form-select-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-bottom: solid 2px #080808;
  border-left: solid 2px #080808;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.form-select-arrow:before {
  position: absolute;
  top: 40%;
  right: 15px;
}

.form-button {
  margin-top: 25px;
  text-align: right;
}

.linkInPage-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.linkInPage-list-item {
  width: 33.33333333%;
  margin-bottom: 20px;
  position: relative;
  border-left: 1px solid #d8d8d8;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: calc(100% / 3);
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item {
    min-width: calc(100% / 6);
  }
}

.linkInPage-list-item a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 5px;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item a {
    padding: 15px 5px;
    font-size: 16px;
  }
}

.linkInPage-list-item:nth-child(3n), .linkInPage-list-item:last-child {
  border-right: 1px solid #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item:nth-child(3n) {
    border-right: none;
  }
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item:last-child {
    border-right: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item:nth-child(6n) {
    border-right: 1px solid #d8d8d8;
  }
}

.linkInPage-list-item:nth-child(n+4) {
  max-width: calc(100% / 3);
}

@media screen and (min-width: 750px), print {
  .linkInPage-list-item:nth-child(n+7) {
    max-width: calc(100% / 6);
  }
}

.linkInPage-list-item-arrow {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.linkInPage-list-item-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.link {
  color: inherit;
}

.link.with_arrow {
  position: relative;
}

.link.with_arrow .icon {
  color: #dd0000;
  font-size: 10px;
  margin-left: 5px;
}

.link.wideButton {
  border: 1px solid #d8d8d8;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.link.wideButton:hover {
  text-decoration: none;
  color: #dd0000;
}

.link.wideButton .link-item {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .link.wideButton .link-item {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.link.wideButton .link-item img {
  margin-bottom: 10px;
  width: 79px;
  height: 19px;
}

@media screen and (min-width: 750px), print {
  .link.wideButton .link-item img {
    margin-bottom: 0;
    margin-right: 39px;
    width: 158px;
    height: 39px;
  }
}

.link.wideButton .link-item .heading_smallBold {
  display: block;
  font-weight: 800;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .link.wideButton .link-item .heading_smallBold {
    display: inline;
  }
}

.link2 {
  padding-top: 10px;
  padding-left: 0;
}

.link2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #f5f5f5;
}

.link2-item li, .link2-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.link2-item > a {
  width: 84%;
  padding-bottom: .2em;
}

@media screen and (min-width: 750px), print {
  .link2-item > a {
    width: 90%;
  }
}

ul.link2-item-sub {
  display: none;
  height: 0;
  opacity: 0;
  -webkit-transition: .5s ease-out;
  transition: .5s ease-out;
  width: 100%;
  padding-left: 1em;
}

ul.link2-item-sub li {
  padding-top: .5em;
}

ul.link2-item-sub li a {
  width: 90%;
  display: inline-block;
}

ul.link2-item-sub.is_active {
  display: block;
  height: 100%;
  opacity: 1;
}

.linkBlock {
  font-size: 12px;
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .linkBlock {
    font-size: 14px;
  }
}

.linkBlock-item {
  border-bottom: 1px dotted #d8d8d8;
  padding: 15px 0;
}

.linkBlock-item:first-child {
  border-top: 1px dotted #d8d8d8;
}

.card {
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .card {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 750px), print {
  .card:last-child {
    margin-bottom: 0;
  }
}

.card-header {
  background-color: #f5f5f5;
  color: #111111;
  font-weight: 800;
  border-bottom: 1px solid #d8d8d8;
}

.card-header a {
  display: block;
  padding: 20px 15px;
}

@media screen and (min-width: 750px), print {
  .card-header a {
    padding: 30px 40px;
  }
}

.card-header:only-child {
  border-bottom: none;
}

.card-header.for_noLink {
  padding: 20px 15px;
}

@media screen and (min-width: 750px), print {
  .card-header.for_noLink {
    padding: 30px 40px;
  }
}

.card-content {
  padding: 10px 15px 5px;
}

@media screen and (min-width: 750px), print {
  .card-content {
    padding: 40px 40px 20px;
  }
}

.card-content p {
  margin-top: 0;
}

.card-content p:last-child {
  margin-bottom: 20px;
}

.card-list {
  border-bottom: 1px dashed #d8d8d8;
}

.card-list:last-child {
  border-bottom: none;
}

.card-list-header {
  font-weight: 800;
}

.card-list-header a {
  display: block;
  padding: 20px 0;
}

@media screen and (min-width: 750px), print {
  .card-list-header a {
    padding: 23px 0;
  }
}

.card-list-header + .card-list-content a {
  padding-top: 0;
}

.card-list-header.for_noLink {
  padding: 20px 0;
}

@media screen and (min-width: 750px), print {
  .card-list-header.for_noLink {
    padding: 23px 0;
  }
}

.card-list-content a {
  display: block;
  padding: 10px;
}

.card-list-content:last-child {
  margin-bottom: 10px;
}

.card-list:first-child .card-list-header a {
  padding-top: 10px;
}

@media screen and (min-width: 750px), print {
  .card-list:first-child .card-list-header a {
    padding-top: 0;
  }
}

.card-list:first-child .card-list-header.for_noLink {
  padding-top: 10px;
}

@media screen and (min-width: 750px), print {
  .card-list:first-child .card-list-header.for_noLink {
    padding-top: 0;
  }
}

.tag {
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 0 4px;
}

.tag.is_new {
  background-color: #dd0000;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}

.tag.is_new:before {
  content: "NEW";
}

.news-list-item .tag,
.document-title .tag,
.document-list-item .tag {
  margin-left: 5px;
}

.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .news-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
  }
}

.news-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-bottom: 20px;
}

.news-list-item-date {
  color: inherit;
  display: inline-block;
  font-size: 12px;
}

@media screen and (min-width: 750px), print {
  .news-list-item-date {
    font-size: 14px;
  }
}

.disclaimer {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 20px;
}

.disclaimer > p {
  text-align: left;
}

.imageWithCaption {
  max-width: 310px;
}

@media screen and (min-width: 750px), print {
  .imageWithCaption {
    display: table;
    width: 160px;
  }
}

.imageWithCaption.textAlign_center {
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .imageWithCaption.textAlign_center {
    max-width: none;
  }
}

.imageWithCaption img {
  max-width: 100%;
}

@media screen and (min-width: 750px), print {
  .imageWithCaption img {
    max-width: 1040px;
  }
}

.imageWithCaption-text {
  display: block;
  margin-top: 5px;
  text-align: center;
}

.imageMain {
  margin-bottom: 40px;
}

@media screen and (min-width: 750px), print {
  .imageMain {
    margin-bottom: 80px;
  }
}

.captionList {
  color: #464646;
  font-size: 12px;
  line-height: 1.6;
  list-style: none;
  margin: 0 0 20px;
  padding-left: 0;
}

.captionList a {
  color: #004ecc;
  text-decoration: underline;
}

.captionList.with_prefixNumber {
  text-indent: -1.2em;
  padding: 0 0 0 1.2em;
}

.dateText {
  border-bottom: 2px solid #080808;
  display: inline-block;
  font-weight: 800;
  padding-bottom: 3px;
}

.dateText.with_noUnderline {
  border: none;
  padding: 0;
}

.linkList {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.linkList-item {
  border-bottom: 1px solid #f5f5f5;
  padding: 15px 0 15px 5px;
}

.linkList-item a {
  display: block;
  padding-right: 40px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .linkList-item:first-child {
    margin-top: 15px;
  }
}

.linkList-item:last-child {
  border-bottom: none;
}

@media screen and (min-width: 750px), print {
  .linkList-item:last-child {
    margin-bottom: 15px;
  }
}

.block .linkList {
  margin: 0;
}

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

.document-title {
  padding-bottom: 19px;
  padding-top: 19px;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .document-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 4%;
    border-top: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .document-title + .document-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px), print {
  .document-title + .document-list .document-list-item {
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .document-title + .document-list .document-list-item:first-child {
    border-top: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .document-title + .document-list .document-list-item:nth-child(2) {
    border-top: none;
  }
}

@media screen and (min-width: 750px), print {
  .document-title + .document-list .document-list-item:last-child {
    border-bottom: none;
  }
}

.document-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .document-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 48px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.document-list-item {
  padding-bottom: 19px;
  padding-top: 19px;
  border-bottom: 1px dashed #d8d8d8;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (min-width: 750px), print {
  .document-list-item {
    width: 48%;
  }
}

.document-list-item:first-child {
  border-top: 1px dashed #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .document-list-item:nth-child(2) {
    border-top: 1px dashed #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .document-list-item:nth-child(odd) {
    margin-right: 40px;
  }
}

.document-list-item .arrow_normal {
  display: none;
}

@media screen and (min-width: 750px), print {
  .document-list-item a {
    word-wrap: break-word;
  }
}

.document-list-item .icon-pdf,
.document-list-item .icon-html,
.document-list-item .icon-audio,
.document-list-item .icon-excel,
.document-list-item .icon-word,
.document-list-item .icon-none {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 3%;
}

@media screen and (min-width: 750px), print {
  .document-list-item .icon-pdf,
  .document-list-item .icon-html,
  .document-list-item .icon-audio,
  .document-list-item .icon-excel,
  .document-list-item .icon-word,
  .document-list-item .icon-none {
    margin-top: 3px;
  }
}

.document.for_verticalTwoColumnsAll .document-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.document.for_verticalTwoColumnsAll .document-list-item {
  margin-right: 6%;
  width: 47%;
}

.document.for_verticalTwoColumnsAll .document-list-item .icon-pdf,
.document.for_verticalTwoColumnsAll .document-list-item .icon-html,
.document.for_verticalTwoColumnsAll .document-list-item .icon-audio,
.document.for_verticalTwoColumnsAll .document-list-item .icon-excel,
.document.for_verticalTwoColumnsAll .document-list-item .icon-word,
.document.for_verticalTwoColumnsAll .document-list-item .icon-none {
  margin-right: 6%;
}

.document.for_verticalTwoColumnsAll .document-list-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .document.for_verticalTwoColumnsAll .document-list-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.document + .document .document-list-item:first-child {
  border-top: none;
}

@media screen and (min-width: 750px), print {
  .document + .document .document-list-item:first-child {
    border-top: 1px dashed #d8d8d8;
  }
}

.document + .document .document-title + .document-list .document-list-item:first-child {
  border-top: 1px dashed #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .document + .document .document-title + .document-list .document-list-item:first-child {
    border-top: 1px solid #d8d8d8;
  }
}

.document-caption {
  padding-left: 0;
  width: 100%;
}

.document-caption .document-list-item {
  word-break: break-word;
  width: inherit;
  border-top: none;
}

.profile-heading {
  font-weight: 800;
  margin-bottom: 3px;
}

.profile-content {
  margin-bottom: 15px;
  margin-left: 0;
}

.select {
  background-color: #f5f5f5;
  display: inline-block;
  font-size: 11px;
  position: relative;
  width: 150px;
}

@media screen and (min-width: 750px), print {
  .select {
    font-size: 14px;
    width: 180px;
  }
}

.select-item {
  cursor: pointer;
  display: block;
  padding: 15px 12px;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .select-item {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
  }
  .select-item::-ms-expand {
    display: none;
  }
}

.select-arrow {
  position: absolute;
  top: 10px;
  right: 12px;
  pointer-events: none;
}

.select-arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 5px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (min-width: 750px), print {
  .select-arrow {
    top: 7px;
  }
}

.heading_level2 .select,
.heading_noMarker .select {
  float: right;
  position: relative;
  top: -4px;
}

.mainvisual {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
}

.mainvisual.for_aboutTop.for_sp {
  background-size: cover;
  height: 242px;
}

.mainvisual.for_aboutTop.for_pc {
  background-size: cover;
  height: 600px;
  overflow: hidden;
  z-index: -200;
}

@media screen and (min-width: 750px), print {
  .mainvisual {
    background-size: auto auto;
    height: 420px;
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .mainvisual.for_sp {
    display: none;
  }
}

.mainvisual.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .mainvisual.for_pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mainvisual-title {
  color: #fff;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  text-shadow: 0 0 5px #5e5e5e;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .mainvisual-title {
    font-size: 36px;
  }
}

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

@media screen and (min-width: 750px), print {
  .markLinkList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.markLinkList-item {
  font-size: 12px;
  margin-bottom: 20px;
  margin-right: 2%;
  text-align: center;
  text-decoration: none;
  width: 32%;
}

@media screen and (min-width: 750px), print {
  .markLinkList-item {
    width: 15%;
  }
}

.markLinkList-item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .markLinkList-item:nth-child(3n) {
    margin-right: 2%;
  }
}

@media screen and (min-width: 750px), print {
  .markLinkList-item:nth-child(6n) {
    margin-right: 0;
  }
}

.markLinkList-item-title {
  display: block;
  font-weight: 800;
  margin-top: 10px;
}

.article a.markLinkList-item {
  text-decoration: none;
}

.updateInformation {
  margin-bottom: 30px;
  word-wrap: break-word;
}

@media screen and (min-width: 750px), print {
  .updateInformation {
    margin-bottom: 40px;
  }
}

.updateInformation-link {
  margin: 20px 0;
  padding-right: 20px;
  text-align: right;
}

@media screen and (min-width: 750px), print {
  .updateInformation-link {
    margin: 0 0 20px;
  }
}

.updateInformation-link .link-arrow {
  position: relative;
  top: -1px;
}

.updateInformation-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.updateInformation-list:first-child {
  border-top: 1px dashed #d8d8d8;
}

.updateInformation-list-item {
  border-bottom: 1px dashed #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .updateInformation-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.updateInformation-list-item-main {
  word-wrap: break-word;
}

@media screen and (min-width: 750px), print {
  .updateInformation-list-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 77%;
  }
}

@media screen and (min-width: 750px), print {
  .updateInformation-list-item-main-text {
    width: 100%;
    display: inline-block;
    margin: 0;
  }
}

.updateInformation-list-item-main-linkList {
  list-style: none;
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
  white-space: nowrap;
  width: 100%;
}

.updateInformation-list-item-main-linkList-item {
  font-size: 12px;
  font-weight: 800;
  text-decoration: underline;
  margin-left: 26px;
}

.updateInformation-list-item-main-linkList-item:hover {
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .updateInformation-list-item-main-linkList-item {
    margin-left: 35px;
    font-size: 14px;
  }
}

.updateInformation-list-item-main-linkList-item:first-child {
  margin-left: 0;
}

.updateInformation-list-item-date {
  display: block;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .updateInformation-list-item-date {
    font-size: 14px;
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-right: 3%;
    margin-bottom: 0;
  }
}

.heading_level2 + .updateInformation .updateInformation-list:first-child {
  border-top: none;
}

.heading_level2 + .updateInformation .updateInformation-list-item:first-child {
  border-top: none;
}

.productList-image {
  margin-bottom: 30px;
}

.productList-image img {
  height: auto;
  width: 100%;
}

.productList-list {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

.productList-list-item {
  border-bottom: 1px dashed #d8d8d8;
}

.productList-list-item a {
  display: block;
  padding: 20px 20px 20px 5px;
  position: relative;
  word-wrap: break-word;
}

.productList-list-item a .arrow_normal {
  display: none;
}

.productList-list-item a .arrow_chevronDown {
  position: absolute;
  right: 5px;
}

.productList-list-item a .arrow_chevronDown:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.productList-list-item:first-child {
  border-top: 1px dashed #d8d8d8;
}

.productList.for_verticalOneColumn .productList-list-item-link, .productList.for_verticalTwoColumns .productList-list-item-link {
  border-bottom: 1px dashed #d8d8d8;
}

.productList.for_verticalOneColumn .productList-list-item-link:last-child, .productList.for_verticalTwoColumns .productList-list-item-link:last-child {
  border-bottom: none;
}

@media screen and (min-width: 750px), print {
  .productList.for_horizonalTwoColumns .productList-list, .productList.for_verticalTwoColumns .productList-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 750px), print {
  .productList.for_horizonalTwoColumns .productList-list-item, .productList.for_verticalTwoColumns .productList-list-item {
    display: block;
    width: 48%;
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .productList.for_horizonalTwoColumns .productList-list-item:nth-child(odd), .productList.for_verticalTwoColumns .productList-list-item:nth-child(odd) {
    margin-right: 4%;
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .productList.for_horizonalTwoColumns .productList-list-item:nth-child(2), .productList.for_verticalTwoColumns .productList-list-item:nth-child(2) {
    border-top: 1px dashed #d8d8d8;
  }
}

.productList.for_verticalTwoColumnsAll .productList-list-item:nth-child(2) {
  border-top: 1px dashed #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumns .productList-list-item {
    border-bottom: none;
  }
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumns .productList-list-item:nth-child(2) {
    border-top: 1px dashed #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumns .productList-list-item-link:last-child {
    border-bottom: 1px dashed #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumnsAll {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumnsAll .productList-image {
    margin-right: 4%;
    width: 48%;
  }
}

.productList.for_verticalTwoColumnsAll .productList-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .productList.for_verticalTwoColumnsAll .productList-list {
    width: 48%;
  }
}

.productList.for_verticalTwoColumnsAll .productList-list-item {
  margin-right: 6%;
  width: 47%;
}

.productList.for_verticalTwoColumnsAll .productList-list-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_supportList .productList.for_verticalTwoColumnsAll {
    display: block;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_supportList .productList.for_verticalTwoColumnsAll .productList-image,
  .verticalColumn.for_supportList .productList.for_verticalTwoColumnsAll .productList-list {
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_contactList .productList-image {
    margin-bottom: 0;
    margin-right: 4%;
    width: 22%;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_contactList .verticalColumn {
    width: 74%;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_contactList .verticalColumn-item {
    border-bottom: 1px solid #adadad;
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .verticalColumn.for_contactList .verticalColumn-item .verticalColumn-item {
    border-bottom: none;
    margin-right: 4%;
    width: 48%;
  }
}

.verticalColumn.for_contactList .verticalColumn-item .verticalColumn-item:nth-child(2n) {
  margin-right: 0;
}

.block .productList-list {
  margin-bottom: 0;
}

.with_grayBackground .productList-list-item {
  border-bottom: 1px solid #d8d8d8;
}

.with_grayBackground .productList-list-item:first-of-type {
  border-top: 1px solid #d8d8d8;
}

@media screen and (min-width: 750px), print {
  .with_grayBackground .productList-list-item:nth-child(2) {
    border-top: 1px solid #d8d8d8;
  }
}

@media screen and (min-width: 750px), print {
  .with_grayBackground.for_verticalTwoColumns.productList .productList-list-item:nth-child(2), .with_grayBackground.for_horizonalTwoColumns.productList .productList-list-item:nth-child(2) {
    border-top: 1px solid #d8d8d8;
  }
}

.with_grayBackground.for_verticalTwoColumnsAll.productList .productList-list-item:nth-child(2) {
  border-top: 1px solid #d8d8d8;
}

.interview {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .interview {
    width: 660px;
  }
}

.interview-item {
  padding-bottom: 30px;
}

.interview-item-text {
  display: block;
}

.interview-item-name {
  font-weight: bold;
  margin-right: 1em;
}

.video {
  margin: 20px 0;
}

@media screen and (min-width: 750px), print {
  .video {
    margin: 40px 0;
  }
}

.video.is_youtube .video-content {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.video.is_youtube .video-content iframe {
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video.is_jstream .video-content {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.imageSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .imageSet {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet-text {
    width: 64%;
  }
}

.imageSet-image {
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .imageSet-image {
    width: 30%;
  }
}

.imageSet-image img {
  width: 100%;
}

.imageSet.for_twoColumnsAll {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.imageSet.for_twoColumnsAll .imageSet-text {
  width: 48%;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_twoColumnsAll .imageSet-text {
    width: 64%;
  }
}

.imageSet.for_twoColumnsAll .imageSet-image {
  width: 48%;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_twoColumnsAll .imageSet-image {
    width: 30%;
  }
}

.imageSet.for_rightTop, .imageSet.for_leftTop {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.imageSet.for_rightTop .imageSet-image, .imageSet.for_leftTop .imageSet-image {
  margin-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_rightTop .imageSet-image, .imageSet.for_leftTop .imageSet-image {
    margin-bottom: 0;
  }
}

.imageSet.for_rightBottom, .imageSet.for_leftBottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.imageSet.for_rightBottom .imageSet-image, .imageSet.for_leftBottom .imageSet-image {
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_rightBottom .imageSet-image, .imageSet.for_leftBottom .imageSet-image {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_rightTop, .imageSet.for_rightBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_rightTop .imageSet-image, .imageSet.for_rightBottom .imageSet-image {
    margin-left: 6%;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_leftTop, .imageSet.for_leftBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_leftTop .imageSet-image, .imageSet.for_leftBottom .imageSet-image {
    margin-right: 6%;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth .imageSet-text {
    margin-left: 6%;
    width: auto;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth .imageSet-image {
    width: auto;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth .imageSet-image img {
    max-width: initial;
    width: auto;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth.for_rightTop .imageSet-image, .imageSet.for_freeWidth.for_rightBottom .imageSet-image {
    margin-left: 5%;
  }
}

.imageSet.for_freeWidth.for_leftTop .imageSet-text, .imageSet.for_freeWidth.for_leftBottom .imageSet-text {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth.for_leftTop .imageSet-text, .imageSet.for_freeWidth.for_leftBottom .imageSet-text {
    width: 64%;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_freeWidth.for_leftTop .imageSet-image, .imageSet.for_freeWidth.for_leftBottom .imageSet-image {
    margin-right: 5%;
  }
}

.imageSet.for_freeWidth.for_leftTop .imageSet-imageCenter, .imageSet.for_freeWidth.for_leftBottom .imageSet-imageCenter {
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .imageSet.imageSizeAuto .imageSet-text {
    width: auto;
  }
}

.imageSet.imageSizeAuto .imageSet-image {
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .imageSet.imageSizeAuto .imageSet-image {
    min-width: 130px;
    width: auto;
  }
}

.imageSet.imageSizeAuto .imageSet-image img {
  width: auto;
}

.imageSet.for_autoWidth .imageSet-image img {
  width: auto;
}

.imageSet.for_halfWidth {
  margin-bottom: 0;
}

.imageSet.for_halfWidth .imageSet-text {
  width: 100%;
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_halfWidth .imageSet-text {
    min-width: calc((100% - 40px) / 2);
  }
}

.imageSet.for_halfWidth .imageSet-text p:first-of-type {
  margin-top: 0;
}

.imageSet.for_halfWidth .imageSet-text p:last-of-type {
  margin-bottom: 0;
}

.imageSet.for_halfWidth .imageSet-image {
  width: 100%;
  margin: auto;
}

.imageSet.for_halfWidth .imageSet-image img {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .imageSet.for_halfWidth .imageSet-image img {
    max-width: 500px;
    width: auto;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_halfWidth.for_rightBottom .imageSet-image, .imageSet.for_halfWidth.for_rightTop .imageSet-image {
    margin-left: 40px;
  }
}

@media screen and (min-width: 750px), print {
  .imageSet.for_halfWidth.for_leftBottom .imageSet-image, .imageSet.for_halfWidth.for_leftTop .imageSet-image {
    margin-right: 40px;
  }
}

.text_small {
  font-size: 12px;
}

@media screen and (min-width: 750px), print {
  .text_small {
    font-size: 14px;
  }
}

.text_mobileSmall {
  font-size: 12px;
}

@media screen and (min-width: 750px), print {
  .text_mobileSmall {
    font-size: 16px;
  }
}

.text_normal {
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .text_normal {
    font-size: 16px;
  }
}

.text_topSecondsSize {
  font-size: 44px;
}

.with-hyphen {
  position: relative;
}

.with-hyphen::before {
  left: -1em;
  display: inline-block;
  position: absolute;
  content: "－";
}

.m-left-2em {
  margin-left: 2em;
}

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

@media screen and (min-width: 750px), print {
  .columnContent.for_sp {
    display: none;
  }
}

.columnContent.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .columnContent.for_pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.columnContent-item {
  color: #fff;
  text-align: center;
}

.columnContent-item a {
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #adadad;
  color: inherit;
  display: block;
  height: 118px;
  position: relative;
}

.columnContent-item a:after {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 117px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width: 750px), print {
  .columnContent-item a {
    background-size: cover;
    background-position: top center;
  }
  .columnContent-item a:hover:after {
    background: rgba(0, 0, 0, 0);
  }
}

.columnContent-item a .icon {
  color: #dd0000;
  font-size: 10px;
  margin-left: 4px;
  position: relative;
  top: 3px;
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 50%;
  }
}

.columnContent-item.is_small {
  width: 50%;
}

.columnContent-item.is_small a {
  border-right: 1px solid #adadad;
}

.columnContent-item.is_small:nth-child(2n) a {
  border-right: none;
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_small:nth-child(2n) a {
    border-right: 1px solid #adadad;
  }
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_medium {
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_medium a {
    border-right: 1px solid #adadad;
  }
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_large a {
    height: 440px;
  }
  .columnContent-item.is_large a:after {
    height: 439px;
  }
}

@media screen and (min-width: 750px), print {
  .columnContent-item.is_small a, .columnContent-item.is_medium a {
    height: 220px;
  }
  .columnContent-item.is_small a:after, .columnContent-item.is_medium a:after {
    height: 219px;
  }
}

.columnContent-item.is_medium, .columnContent-item.is_large {
  width: 100%;
}

.columnContent-item-text {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}

@media screen and (min-width: 750px), print {
  .columnContent-item-text {
    font-size: 20px;
    font-weight: 600;
  }
}

.chartLegend-list {
  font-size: 14px;
  list-style: none;
  margin: 20px 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .chartLegend-list {
    font-weight: 600;
  }
}

.chartLegend-list-item {
  border-bottom: 1px solid #d8d8d8;
  padding: 6px 0 10px;
}

.chartLegend-list-item:first-of-type {
  border-top: 1px solid #d8d8d8;
}

.chartLegend-list-marker {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 10px;
}

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#chartjs-tooltip tbody {
  border: none;
}

.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.gridList-wrapper {
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .gridList-wrapper:first-child {
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
  }
}

.gridList-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.gridList-item a {
  text-decoration: none;
}

.gridList-item-image, .gridList-item-link {
  display: block;
  text-align: center;
}

.gridList-item-image {
  margin-bottom: 10px;
}

.gridList-item-link {
  font-weight: 800;
}

@media screen and (min-width: 750px), print {
  .gridList-item-link {
    font-weight: 600;
  }
}

.gridList-item-link .icon {
  color: #dd0000;
  font-size: 10px;
  margin-left: 3px;
  position: relative;
  top: 2px;
}

.gridList-wrapper.for_twoColumns .gridList-item {
  border-right: 1px solid #d8d8d8;
  padding: 0 10px 5px;
}

.gridList-wrapper.for_twoColumns .gridList-item:nth-child(2n) {
  border-right: none;
}

.gridList-wrapper.for_oneColumns .gridList-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gridList-wrapper.for_oneColumns .gridList-item-image, .gridList-wrapper.for_oneColumns .gridList-item-link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.modal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-background {
  opacity: .85;
}

.modal-background.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-background.in {
  filter: alpha(opacity=85);
  opacity: .85;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
          animation: fadeIn 1s ease 0s 1 normal;
}

.fade {
  opacity: 0;
  -webkit-animation: fadeOut 1s ease 0s 1 normal;
          animation: fadeOut 1s ease 0s 1 normal;
}

.modal-close {
  display: inline-block;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}

@media screen and (min-width: 750px), print {
  .modal-close {
    cursor: pointer;
  }
}

.modal-close-item {
  background-color: #dd0000;
  height: 2px;
  left: -8px;
  position: absolute;
  width: 50px;
}

.modal-close-item:nth-of-type(1) {
  top: 0;
  -webkit-transform: translateY(16px) rotate(-45deg);
          transform: translateY(16px) rotate(-45deg);
}

.modal-close-item:nth-of-type(2) {
  bottom: 0;
  -webkit-transform: translateY(-18px) rotate(45deg);
          transform: translateY(-18px) rotate(45deg);
}

.modal-title {
  position: relative;
}

.modal-title .icon {
  color: #dd0000;
  font-size: 10px;
  margin-left: 8px;
  position: relative;
}

.modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.modal-content iframe {
  min-height: 315px;
  margin: 0 auto;
  width: 95%;
}

@media screen and (min-width: 750px), print {
  .modal-content iframe {
    height: 586px;
    width: 1040px;
  }
}

.modal-menu {
  color: #fff;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}

@media screen and (min-width: 750px), print {
  .modal-menu {
    margin: 0 auto;
    padding: 0;
    width: 1040px;
  }
}

.modal-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.modal-menu-list-item {
  border-bottom: 1px solid #555;
  margin-right: 4%;
  padding: 15px 0;
  width: 48%;
}

@media screen and (min-width: 750px), print {
  .modal-menu-list-item {
    margin-right: 5%;
    width: 30%;
  }
}

.modal-menu-list-item:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 750px), print {
  .modal-menu-list-item:nth-child(2n) {
    margin-right: 5%;
  }
}

@media screen and (min-width: 750px), print {
  .modal-menu-list-item:nth-child(3n) {
    margin-right: 0;
  }
}

.modal-menu-list-item:first-child, .modal-menu-list-item:nth-child(2) {
  border-top: 1px solid #555;
}

@media screen and (min-width: 750px), print {
  .modal-menu-list-item:nth-child(3) {
    border-top: 1px solid #555;
  }
}

.modal-menu-list-item a {
  display: block;
  padding-right: 20px;
  position: relative;
}

.modal-menu-list-item a .icon {
  color: #dd0000;
  font-size: 10px;
  position: absolute;
  top: 4px;
  right: 0;
}

.movie {
  background-size: cover;
  display: block;
  position: relative;
}

.movie-content {
  bottom: 0;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  right: 0;
  width: 100%;
  z-index: -100;
}

.movie-front {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.movie-text {
  -webkit-transition: color 1s ease, background 1s ease, opacity 1s ease;
  transition: color 1s ease, background 1s ease, opacity 1s ease;
  opacity: 1;
}

@media screen and (min-width: 750px), print {
  .verticalLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .verticalLayout-item.is_small {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .verticalLayout-item.is_medium {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}

.informationList {
  margin-bottom: 30px;
}

@media screen and (min-width: 750px), print {
  .informationList {
    margin-bottom: 50px;
  }
}

.informationList-header {
  margin-bottom: 10px;
  text-align: right;
}

.informationList-item {
  border-top: 2px dotted #dbdbdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  padding-top: 20px;
}

@media screen and (min-width: 750px), print {
  .informationList-item {
    padding-bottom: 25px;
    padding-top: 25px;
  }
}

.informationList-item:last-child {
  border-bottom: 2px dotted #dbdbdb;
}

.informationList-item-text {
  border-right: 2px dotted #dbdbdb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
  width: 88%;
}

@media screen and (min-width: 750px), print {
  .informationList-item-text {
    padding: 15px 10px 15px 0;
    width: 90%;
  }
}

.informationList-item-text-link {
  padding-left: 24px;
  text-indent: -24px;
}

.informationList-item-text-link .icon-normalArrow {
  color: #dd0000;
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.informationList-item-text-link .icon-pdf {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.informationList-item-text p {
  margin-top: 10px;
}

@media screen and (min-width: 750px), print {
  .informationList-item-text p {
    margin-top: 25px;
  }
}

.informationList-item-page {
  text-align: center;
  width: 12%;
}

@media screen and (min-width: 750px), print {
  .informationList-item-page {
    width: 10%;
  }
}

.horizontalSlider {
  overflow-x: hidden;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.horizontalSlider-list {
  height: auto;
}

.horizontalSlider .swiper-slide {
  height: auto;
}

@media screen and (min-width: 750px), print {
  .imageColumns.is_sp {
    display: none;
  }
}

.imageColumns.is_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .imageColumns.is_pc {
    display: block;
  }
}

.imageColumns-item {
  background-position: center center;
  background-size: cover;
  border-bottom: 1px solid #fff;
  padding: 40px;
}

@media screen and (min-width: 750px), print {
  .imageColumns-item {
    padding: 50px 0;
  }
}

.imageColumns-item:last-child {
  border-bottom: none;
}

.imageColumns-link-area {
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 10px 40px;
}

@media screen and (min-width: 750px), print {
  .imageColumns-link-area {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 10px 50px;
    width: 500px;
  }
}

.imageColumns-link-text {
  text-align: center;
}

.imageColumns .heading_noMarker {
  margin-bottom: 12px;
  margin-top: 0;
  text-align: center;
}

.imageColumns .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 160px;
}

@media screen and (min-width: 750px), print {
  .imageColumns .btn {
    width: 200px;
  }
}

.pager {
  margin-top: 20px;
}

.anchorLink {
  height: 0;
  margin-top: -68px;
  padding-top: 68px;
}

@media screen and (min-width: 750px), print {
  .anchorLink {
    margin-top: -108px;
    padding-top: 108px;
  }
}

@media screen and (min-width: 750px), print {
  .anchorLink.for_highHeader {
    margin-top: -185px;
    padding-top: 185px;
  }
}

@media screen and (min-width: 750px), print {
  body.for_irFatMenu .anchorLink {
    margin-top: -158px;
    padding-top: 158px;
  }
}

.element-invisible + .tabs.primary,
.element-invisible + .tabs.primary + .action-links {
  position: relative;
  z-index: 500;
}

.columnWithMark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0;
}

@media screen and (min-width: 750px), print {
  .columnWithMark {
    margin: 20px 0;
  }
}

.columnWithMark-mark {
  margin-right: 5%;
}

@media screen and (min-width: 750px), print {
  .columnWithMark-mark {
    margin-right: 2%;
    width: 5%;
  }
}

.columnWithMark-text {
  width: 75%;
}

@media screen and (min-width: 750px), print {
  .columnWithMark-text {
    width: 43%;
  }
}

#VideoArea {
  margin: 20px auto 10px;
}

.mparea {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
}

.mparea .tab {
  border-bottom: none;
  margin-bottom: 0;
}

.mparea div.list-img img {
  height: 100%;
  width: auto;
}

.mparea .play-list {
  width: 326px !important;
}

.mparea ul.movie-list {
  width: 320px !important;
}

.mparea ul.movie-list li {
  height: auto;
}

p.review-paper-authors {
  width: auto;
  font-size: small;
}

@media screen and (min-width: 750px), print {
  p.review-paper-authors {
    width: 400px;
    font-size: small;
  }
}

p.review-paper-authors span {
  display: inline-block;
  margin-left: 5px;
}

.scrollable {
  border: 1px solid #d8d8d8;
  height: 70vh;
  overflow-y: scroll;
  padding: 15px;
}

@media screen and (min-width: 750px), print {
  .scrollable {
    padding: 30px;
  }
}

.js-acc-toggle-target {
  display: none;
}

.js-acc-toggle-target.is_active {
  display: block;
}

.js-acc-toggle-trigger {
  float: right;
  position: relative;
  top: -2px;
}

.js-acc-toggle-trigger.is_active {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
}

.js-acc-toggle-trigger.is_active:before, .js-acc-toggle-trigger.is_active:after {
  background-color: #dd0000;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  width: 100%;
}

.js-acc-toggle-trigger.is_active:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.js-acc-toggle-trigger.is_active.is_active:before {
  display: none;
}

.js-acc-toggle-trigger.is_active.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.js-acc-toggle-trigger.is_active:before {
  display: none;
}

.js-acc-toggle-trigger.is_active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 750px), print {
  .js-acc-toggle-trigger.is_active {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
  }
  .js-acc-toggle-trigger.is_active:before, .js-acc-toggle-trigger.is_active:after {
    background-color: #dd0000;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 4.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
  }
  .js-acc-toggle-trigger.is_active:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .js-acc-toggle-trigger.is_active.is_active:before {
    display: none;
  }
  .js-acc-toggle-trigger.is_active.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .js-acc-toggle-trigger.is_active:before {
    display: none;
  }
  .js-acc-toggle-trigger.is_active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.noScriptMsg {
  border: 2px solid #d8d8d8;
  margin: 25px 20px;
  padding: 8px;
}

@media screen and (min-width: 750px), print {
  .noScriptMsg {
    margin: 20px auto;
    width: 1040px;
  }
  .noScriptMsg.is_front {
    margin-top: 56px;
  }
}

.noScriptMsg p {
  color: #808080;
  font-size: 12px;
}

.noScriptMsg .is_red {
  color: #ff0000;
}

.list-sns {
  text-align: right;
  margin-top: 10px;
  margin-bottom: -15px;
}

@media screen and (min-width: 750px), print {
  .list-sns {
    margin-top: 0px;
    margin-bottom: -20px;
  }
}

.list-sns-icon {
  display: inline-block;
}

.list-sns-icon.twitter {
  position: relative;
  top: -3px;
}

@media screen and (min-width: 750px), print {
  .list-sns-icon.twitter {
    top: -1px;
  }
}

.list-sns-icon.facebook {
  position: relative;
  top: -2px;
}

.list-sns-icon.linkedin {
  position: relative;
  top: -2.5px;
}

.list-sns .fb_reset {
  display: none;
}

.list-sns svg {
  vertical-align: baseline;
}

.ie .list-sns-icon.facebook {
  top: 0;
}

.ie .list-sns-icon.linkedin {
  top: -10.2px;
}

/* Scss Document */
.contents-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contents-search-form-inputText {
  border: 1px solid #080808;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.2;
  padding: 8px;
  width: 400px;
  height: 34px;
}

.contents-search-form-inputText:placeholder-shown {
  color: #adadad;
}

.contents-search-form-inputText::-webkit-input-placeholder {
  color: #adadad;
}

.contents-search-form-inputText:-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.contents-search-form-inputText::-moz-placeholder {
  color: #adadad;
  opacity: 1;
}

.contents-search-form-inputText:-ms-input-placeholder {
  color: #adadad;
}

.contents-search-form-btn {
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  background-color: #080808;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 34px;
  text-align: center;
  vertical-align: middle;
  width: 34px;
}

.contents-search-form-btn:hover {
  background-color: #dd0000;
}

.contents-search-form .icon {
  position: relative;
  top: 2px;
}

.contents-search-form-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .contents-search-form-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.contents-search-form-area p {
  margin: 0;
  padding: 0;
  line-height: 34px;
}

@media screen and (min-width: 750px), print {
  .contents-search-form-area p {
    margin-right: 20px;
  }
}

.radio-area input[type="radio"] {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio;
  margin-right: 5px;
}

.radio-area fieldset {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 5px 15px;
  width: 100%;
  line-height: 2;
}

@media screen and (min-width: 750px), print {
  .radio-area fieldset {
    line-height: 1.8;
  }
}

.radio-area fieldset p {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding-right: 20px;
}

.radio-area fieldset p label {
  font-weight: inherit;
}

.fixedLinks {
  display: none;
}

@media screen and (min-width: 750px), print {
  .fixedLinks {
    display: block;
    position: fixed;
    bottom: 163px;
    width: 100%;
    z-index: 99;
    left: 50%;
    margin-left: 570px;
  }
}

@media screen and (min-width: 750px) and (max-width: 1599px) {
  .fixedLinks {
    margin-left: -415px;
    text-align: right;
    width: auto;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks-wrap {
    display: inline-block;
  }
}

@media screen and (min-width: 750px) and (max-width: 1599px) {
  .fixedLinks-wrap {
    width: auto;
    position: absolute;
    bottom: 0;
    right: -1040px;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks-wrap-list {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks-wrap-list-item {
    margin-top: 15px;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks-wrap-list-item-link {
    padding: 7px 15px;
  }
}

@media screen and (min-width: 750px) and (max-width: 1599px) {
  .fixedLinks-wrap-list-item-link {
    word-break: keep-all;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks-wrap-list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks.for_left {
    width: 1040px;
    right: 50%;
    margin-right: 548px;
    top: 230px;
    text-align: right;
    bottom: auto;
    left: auto;
  }
}

@media screen and (min-width: 750px), print {
  .fixedLinks.for_left .fixedLinks-wrap {
    width: 240px;
    text-align: left;
  }
}

@media screen and (min-width: 750px), print {
  .imageSameHeight .br--visibleSP {
    display: none;
  }
}

.imageSameHeight .br--visiblePC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .imageSameHeight .br--visiblePC {
    display: block;
  }
}

.imageSameHeight__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .imageSameHeight__wrap {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.imageSameHeight__item {
  text-align: center;
  margin: 0 auto;
}

.imageSameHeight__item + .imageSameHeight__item {
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .imageSameHeight__item + .imageSameHeight__item {
    margin-top: 0;
  }
}

.imageSameHeight__text {
  margin-top: 20px;
}

.modal2 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal2__wrap {
  background-color: white;
  width: 63%;
  margin: 0 auto;
  max-width: 400px;
}

@media screen and (min-width: 750px), print {
  .modal2__wrap {
    width: 30%;
  }
}

.modal2__wrapText {
  padding: 0 25px 25px 25px;
}

.modal2__wrapcloseIcon {
  text-align: right;
  margin-top: 150px;
}

@media screen and (min-width: 750px), print {
  .modal2__wrapcloseIcon {
    margin-top: 400px;
  }
}

.modal2__infoImg {
  margin-top: 15px;
}

.modal2__text {
  font-size: 1.8rem;
}

.modal2__display {
  display: none;
}

.importantNoticeContent {
  margin-top: 31px;
  margin-bottom: 45px;
}

@media screen and (min-width: 750px), print {
  .importantNoticeContent {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 44px;
    margin-bottom: 50px;
  }
}

.importantNoticeContent__header {
  background-color: #e80202;
  color: #fff;
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  min-height: 40px;
}

@media screen and (min-width: 750px), print {
  .importantNoticeContent__header {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 160px;
    min-height: 60px;
  }
}

@media screen and (min-width: 750px), print {
  .importantNoticeContent__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.importantNoticeContent__content {
  font-size: 14px;
  color: #111111;
  background-color: #fff;
  border: 1px solid #dcdcde;
  padding: 10px 15px;
  width: 100%;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .importantNoticeContent__content {
    min-height: 60px;
    width: 880px;
    padding: 18px 20px 18px 20px;
    font-size: 16px;
  }
}

.importantNoticeContent__content:hover {
  color: #dd0000;
  text-decoration: underline;
}

.importantNoticeContent__content:nth-child(n + 2) {
  border-top: none;
}

.importantNoticeContent__content i.arrowRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.importantNoticeContent__content i.arrowRight:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-right: solid 1px #000000;
  border-top: solid 1px #000000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .importantNoticeContent__content i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 14px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 14px;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    transform: rotate(45deg);
  }
}

.importantNoticeContent__content p.importantNoticeContentTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  padding-right: 10px;
}

.title__level1 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 35px;
  letter-spacing: 0.25rem;
}

@media screen and (min-width: 750px), print {
  .title__level1 {
    margin-top: 45px;
    margin-bottom: 50px;
    padding: 0;
    font-size: 36px;
  }
}

.title__level1--subtitle {
  display: block;
  font-size: 16px;
  color: #ff0000;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .title__level1--subtitle {
    font-size: 20px;
  }
}

.title__level1 .visibleContent--sp {
  display: block !important;
}

@media screen and (min-width: 750px), print {
  .title__level1 .visibleContent--sp {
    display: none !important;
  }
}

.title__level1 .visibleContent--pc {
  display: none !important;
}

@media screen and (min-width: 750px), print {
  .title__level1 .visibleContent--pc {
    display: block !important;
  }
}

.title__h2 {
  position: relative;
  font-size: 30px;
  line-height: 1.3;
  padding: 15px 0 0;
  margin: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .title__h2 {
    font-size: 40px;
    line-height: 1.48;
  }
}

.title__h2--subtitle {
  font-size: 12px;
  display: block;
}

@media screen and (min-width: 750px), print {
  .title__h2--subtitle {
    font-size: 14px;
    margin-left: 16px;
    display: inline-block;
  }
}

.title__h2::before {
  position: absolute;
  content: "";
  background-color: #ff0000;
  top: 0;
  left: 0;
  width: 40px;
  height: 4px;
}

.title__level2--underlayer {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 52px;
  margin-bottom: 30px;
  padding: 0 0 8px;
  position: relative;
}

.title__level2--underlayer::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #ff0000;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 750px), print {
  .title__level2--underlayer {
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 0 0 5px;
    font-size: 28px;
  }
}

.title__level2--underlayer .visibleContent--sp {
  display: block !important;
}

@media screen and (min-width: 750px), print {
  .title__level2--underlayer .visibleContent--sp {
    display: none !important;
  }
}

.title__level2--underlayer .visibleContent--pc {
  display: none !important;
}

@media screen and (min-width: 750px), print {
  .title__level2--underlayer .visibleContent--pc {
    display: block !important;
  }
}

.primaryButton {
  padding: 15px 20px;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .primaryButton {
    padding: 10px 20px;
    font-size: 14px;
  }
}

.headingContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.headingContainer .btnArea {
  margin: 0;
  text-align: right;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: auto;
}

.headingContainer .btnArea .icon {
  font-size: 14px;
}

.featuredProductsAndEventsContent {
  padding-top: 60px;
  padding-bottom: 40px;
  margin-top: 45px;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
  }
}

.featuredProductsAndEventsContent__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 0;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__wrap {
    margin-top: 40px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.featuredProductsAndEventsContent__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__list {
    width: 245px;
    margin: 0 20px 0px 0;
  }
}

.featuredProductsAndEventsContent__list:nth-child(n + 3) {
  margin-top: 10px;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__list:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__list:nth-child(n + 5) {
    margin-top: 20px;
  }
}

.featuredProductsAndEventsContent__list:nth-child(4n) {
  margin-right: 0;
}

.featuredProductsAndEventsContent__link {
  text-decoration: none;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.featuredProductsAndEventsContent__link:hover {
  text-decoration: underline;
  color: #dd0000;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__link:hover .featuredProductsAndEventsContent__image {
    text-decoration: none;
    opacity: 0.75;
  }
}

.featuredProductsAndEventsContent__image {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__image {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.featuredProductsAndEventsContent__heading {
  padding-top: 15px;
}

.featuredProductsAndEventsContent__contents {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .featuredProductsAndEventsContent__contents {
    font-size: 14px;
  }
}

.topNewsContent {
  padding: 45px 0 30px;
}

@media screen and (min-width: 750px), print {
  .topNewsContent {
    padding: 50px 0 46px;
  }
}

.topNewsContent .headingContainer {
  margin-bottom: 45px;
}

@media screen and (min-width: 750px), print {
  .topNewsContent .headingContainer {
    margin-bottom: 28px;
  }
}

.topNewsContent__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px dotted #bfbfbf;
  padding: 22px 0 25px;
}

@media screen and (min-width: 750px), print {
  .topNewsContent__card {
    padding: 30px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.topNewsContent__card:first-of-type {
  border-top: 1px dotted #bfbfbf;
}

@media screen and (min-width: 750px), print {
  .topNewsContent__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 750px), print {
  .topNewsContent__areaWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.topNewsContent__areaWrap + .topNewsContent__areaWrap {
  padding-top: 20px;
}

@media screen and (min-width: 750px), print {
  .topNewsContent__areaWrap + .topNewsContent__areaWrap {
    padding-top: 7px;
  }
}

.topNewsContent__date {
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .topNewsContent__date {
    width: 140px;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.topNewsContent__categorysTag {
  width: 38%;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  padding: 3px 0;
  margin-bottom: 10px;
  font-size: 12px;
}

.topNewsContent__categorysTag.blue {
  color: #3192bf;
  border-color: #3192bf;
}

.topNewsContent__categorysTag.green {
  color: #74a642;
  border-color: #74a642;
}

.topNewsContent__categorysTag.purple {
  color: #9474a6;
  border-color: #9474a6;
}

.topNewsContent__categorysTag.beige {
  color: #d17b35;
  border-color: #d17b35;
}

@media screen and (min-width: 750px), print {
  .topNewsContent__categorysTag {
    width: 180px;
    margin-right: 40px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px), print {
  .topNewsContent__title {
    width: 660px;
    -ms-flex-item-align: center;
        align-self: center;
  }
}

.topNewsContent__titleLink {
  color: #464646;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.topNewsContent__titleLink:hover {
  color: #dd0000;
  text-decoration: underline;
}

.topNewsContent__titleLink--underline {
  color: #464646;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.topNewsContent__titleLink--underline:hover {
  color: #dd0000;
}

.topNewsContent .js-topNewsContenGroup--hidden {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: height 1s ease-out, opacity 0.1s linear, visibility 0.1s linear;
  transition: height 1s ease-out, opacity 0.1s linear, visibility 0.1s linear;
}

.topNewsContent .js-topNewsContenGroup--hidden.is-open {
  visibility: visible;
  height: auto;
  opacity: 1;
}

.topNewsContent .js-topNewsContenGroup--hidden .topNewsContent__card:first-of-type {
  border-top: none;
}

.topNewsContent .moreButton:hover {
  text-decoration: none;
}

.topNewsContent .icon-arrowLinkButton {
  margin-top: -19px;
  padding-right: 10px;
}

.topNewsContent .icon-arrowLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.topNewsContent .js-topNewsContenGroup--hidden.is-open + .buttonContainer--morelink .icon-arrowLinkButton {
  margin-top: -12px;
  padding-right: 10px;
}

.topNewsContent .js-topNewsContenGroup--hidden.is-open + .buttonContainer--morelink .icon-arrowLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (min-width: 750px), print {
  .topNewsContent .btn.is_primary {
    font-size: 14px;
  }
}

@media screen and (min-width: 750px), print {
  .topNewsContent .primaryButton {
    padding: 11px 20px;
  }
}

[class*="buttonContainer"] {
  margin: 0;
  padding: 0;
  width: auto;
  text-align: center;
}

[class*="buttonContainer"][class*="--morelink"] {
  margin: -15px 0 0;
}

[class*="buttonContainer"] .moreButton {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  padding: 5px 20px;
  color: #464646;
}

[class*="buttonContainer"] i.icon-arrowDownLinkButton {
  margin-top: -19px;
  padding-right: 10px;
}

[class*="buttonContainer"] i.icon-arrowDownLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-bottom: solid 1px #dd0000;
  border-left: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

[class*="buttonContainer"] i.icon-arrowUpLinkButton {
  margin-top: -12px;
  padding-right: 10px;
}

[class*="buttonContainer"] i.icon-arrowUpLinkButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.specialContent {
  margin: 60px 0;
}

@media screen and (min-width: 750px), print {
  .specialContent {
    margin: 50px 0;
    position: relative;
  }
}

.specialContent .specialContents {
  overflow: hidden;
}

.specialContent .specialContents__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 0;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__wrap {
    margin-top: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.specialContent .specialContents__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__list {
    margin: 0 20px 0px 0;
  }
}

.specialContent .specialContents__list:nth-child(n + 3) {
  margin-top: 10px;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__list:nth-child(n + 3) {
    margin-top: 0;
  }
}

.specialContent .specialContents__list:nth-child(4n) {
  margin-right: 0;
}

.specialContent .specialContents__list:hover .specialContents__image {
  opacity: 0.75;
}

.specialContent .specialContents__link {
  text-decoration: none;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.specialContent .specialContents__link:hover .specialContents__title {
  color: #dd0000;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__image {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.specialContent .specialContents__heading {
  padding-top: 15px;
}

.specialContent .specialContents__title {
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__title {
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration: none;
  }
}

.specialContent .specialContents__contents {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__contents {
    font-size: 14px;
  }
}

.specialContent .specialContents__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    position: relative;
    top: 30px;
  }
}

.specialContent .specialContents__pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 85px;
  height: 40px;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination__list {
    width: 95px;
    height: 45px;
  }
}

.specialContent .specialContents__pagination__list__item {
  width: 40px;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination__list__item {
    width: 45px;
  }
}

.specialContent .specialContents__pagination__list__item__control {
  background-color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
  transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination__list__item__control:hover {
    background-color: #dd0000;
  }
}

.specialContent .specialContents__pagination__list__item__control.isPreviousForPC.swiper-button-disabled, .specialContent .specialContents__pagination__list__item__control.isPreviousForSP.swiper-button-disabled {
  cursor: auto;
  background-color: #cecece;
}

.specialContent .specialContents__pagination__list__item__control.isNextForPC.swiper-button-disabled, .specialContent .specialContents__pagination__list__item__control.isNextForSP.swiper-button-disabled {
  cursor: auto;
  background-color: #cecece;
}

.specialContent .specialContents__pagination.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination.forPC {
    display: block;
    position: absolute;
    top: 29px;
    right: 0;
  }
}

.specialContent .specialContents__pagination.forSP {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents__pagination.forSP {
    display: none;
  }
}

.specialContent .specialContents.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents.forPC {
    display: block;
  }
}

.specialContent .specialContents.forSP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .specialContent .specialContents.forSP {
    display: none;
  }
}

.specialContent .specialContents__arrowRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.specialContent .specialContents__arrowLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.topProductContent {
  position: relative;
  padding: 50px 0 60px;
  background-image: url(../images/top/top_page_renew/common/common-bg.png);
  background-repeat: repeat;
}

@media screen and (min-width: 750px), print {
  .topProductContent {
    padding: 50px 0;
  }
}

.topProductContent .headingContainer {
  padding: 0 0 35px;
}

.topProductContent__item {
  position: relative;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.topProductContent__item .topProductContent__itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.topProductContent__item .topProductContent__itemLink:hover {
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 750px), print {
  .topProductContent__item .topProductContent__itemLink:hover .topProductContent__hoverContents {
    height: 100%;
  }
}

.topProductContent__item .topProductContent__itemLink:hover .topProductContent__hoverContentsWrap {
  opacity: 0;
}

@media screen and (min-width: 750px), print {
  .topProductContent__item .topProductContent__itemLink:hover .topProductContent__hoverContentsWrap {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in 0.2s;
    transition: opacity 0.2s ease-in 0.2s;
  }
}

@media screen and (min-width: 750px), print {
  .topProductContent__item .topProductContent__itemLink:hover .coverBg {
    height: 100%;
    left: 0;
    bottom: 0;
  }
}

@media screen and (min-width: 750px), print {
  .topProductContent__item .topProductContent__itemLink:hover .coverBg .topProductContent__title {
    display: none;
  }
}

.topProductContent .coverBg {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 31%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (min-width: 750px), print {
  .topProductContent .coverBg {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 31%;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: height 0.2s ease-out 0s;
    transition: height 0.2s ease-out 0s;
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}

.topProductContent__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

.topProductContent__fotterLinkArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 45px;
}

@media screen and (min-width: 750px), print {
  .topProductContent__fotterLinkArea {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 70px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.topProductContent__fotterLinkItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  min-height: 95px;
  color: #464646;
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .topProductContent__fotterLinkItem {
    width: 505px;
    min-height: 140px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
  }
}

.topProductContent__fotterLinkItem:not(:first-of-type) {
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .topProductContent__fotterLinkItem:not(:first-of-type) {
    margin-top: 0;
  }
}

.topProductContent__fotterLinkItem i.arrowRight {
  position: absolute;
  right: 7%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.topProductContent__fotterLinkItem i.arrowRight:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 7px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border-right: solid 1px #080808;
  border-top: solid 1px #080808;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .topProductContent__fotterLinkItem i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 14px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 14px;
    border-right: solid 1px #080808;
    border-top: solid 1px #080808;
    transform: rotate(45deg);
  }
}

.topProductContent__fotterLinkItem:hover {
  text-decoration: none;
  opacity: 0.75;
}

.topProductContent__textArea {
  text-align: center;
  width: 80%;
  margin: 20px 0;
  z-index: 2;
}

@media screen and (min-width: 750px), print {
  .topProductContent__textArea {
    margin: 50px 0 45px;
  }
}

.topProductContent__textArea--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.topProductContent__boldText {
  font-weight: bold;
  display: block;
}

@media screen and (min-width: 750px), print {
  .topProductContent__boldText {
    display: inline-block;
    margin-left: 16px;
  }
}

.topProductContent__visibleContent--SP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .topProductContent__visibleContent--SP {
    display: none;
  }
}

.topProductContent__visibleContent--PC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .topProductContent__visibleContent--PC {
    display: block;
  }
}

@media screen and (min-width: 750px), print {
  .topProductContent__hoverContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    padding: 20px 20px 16px;
  }
}

.topProductContent__hoverContentsWrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.topProductContent__hoverContentsTitle {
  font-size: 20px;
  margin: 0 0 10px;
  padding: 0;
  border: none;
  text-decoration: none;
  text-align: center;
}

.topProductContent__hoverContentsText {
  margin: 0 0 4px;
}

.topProductContent__hoverContentsDetailButton {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  position: relative;
  width: 100%;
}

.topProductContent__hoverContentsDetailButton i.arrowRight {
  position: absolute;
  top: 35%;
  right: 7%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

@media screen and (min-width: 750px), print {
  .topProductContent__hoverContentsDetailButton i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 10px;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(45deg);
  }
}

@media screen and (min-width: 750px), print {
  .topProductContent .btn.is_primary {
    font-size: 14px;
  }
}

@media screen and (min-width: 750px), print {
  .topProductContent .primaryButton {
    padding: 11px 20px;
  }
}

.topAboutContent {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .topAboutContent {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin: 50px 0;
    padding: 0;
  }
}

@media screen and (min-width: 750px), print {
  .topAboutContent:hover {
    opacity: 0.75;
  }
}

.topAboutContent__linkArea {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  position: relative;
  min-height: 674px;
}

@media screen and (min-width: 750px), print {
  .topAboutContent__linkArea {
    min-height: 490px;
    padding: 0;
    background-position: top center;
    background-size: 100% 490px;
  }
}

.topAboutContent__linkArea:hover {
  text-decoration: none;
}

.topAboutContent__wrap {
  width: 100%;
  padding: 259px 0 0;
  color: #464646;
}

@media screen and (min-width: 750px), print {
  .topAboutContent__wrap {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    padding: 125px 0 0;
  }
}

.topAboutContent__title {
  width: 100%;
  text-align: center;
  font-size: 35px;
  letter-spacing: 0.06em;
  margin: 0;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .topAboutContent__title {
    font-size: 52px;
  }
}

.topAboutContent__title:hover {
  text-decoration: none;
}

.topAboutContent__title--color {
  color: #ff0000;
}

.topAboutContent__subTitle {
  font-size: 12px;
  margin: 5px 20px 18px;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .topAboutContent__subTitle {
    font-size: 14px;
    margin: 30px 0 40px;
  }
}

.topAboutContent__subTitle:hover {
  text-decoration: none;
}

.topAboutContent__text {
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin: 0 20px;
}

@media screen and (min-width: 750px), print {
  .topAboutContent__text {
    font-size: 16px;
    line-height: 2;
    margin: 0;
  }
}

.topAboutContent__text:hover {
  text-decoration: none;
}

.topAboutContent.forSP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .topAboutContent.forSP {
    display: none;
  }
}

.topAboutContent.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .topAboutContent.forPC {
    display: block;
  }
}

.snsContent {
  margin: 50px 0 30px;
}

@media screen and (min-width: 750px), print {
  .snsContent {
    margin: 50px 0 40px;
  }
}

.snsContent__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.snsContent__item {
  width: 40px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.snsContent__item:not(:first-child) {
  margin-left: 20px;
}

@media screen and (min-width: 750px), print {
  .snsContent__item:hover {
    opacity: 0.75;
  }
}

.ourStoriesContent {
  position: relative;
  background-image: url(../images/top/top_page_renew/common/common-bg.png);
  padding-top: 60px;
  padding-bottom: 60px;
  background-repeat: repeat;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.ourStoriesContent .ourStories {
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories {
    min-width: 1040px;
    max-width: 2256px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
}

.ourStoriesContent .ourStories.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories.forPC {
    display: block;
  }
}

.ourStoriesContent .ourStories.forSP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories.forSP {
    display: none;
  }
}

.ourStoriesContent .ourStories__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 46px 0 0 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__wrap {
    margin-top: 42px;
    margin-bottom: 20px;
  }
}

.ourStoriesContent .ourStories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__list {
    width: 720px;
    padding: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__list.swiper-slide {
    width: 720px !important;
  }
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__list:hover .ourStories__image,
  .ourStoriesContent .ourStories__list:hover .ourStories__contents {
    opacity: 0.75;
  }
}

.ourStoriesContent .ourStories__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
  color: #464646;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: #fff;
  }
}

.ourStoriesContent .ourStories__image {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__image {
    width: 250px;
    height: auto;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.ourStoriesContent .ourStories__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  margin: 0;
  padding: 20px 22px 16px;
  background-color: #fff;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__contents {
    font-size: 14px;
    padding: 35px 30px 34px 49px;
    width: 470px;
    min-height: 250px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.ourStoriesContent .ourStories__contents__items {
  padding-left: 0px;
}

.ourStoriesContent .ourStories__contents__items__newTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eeeeee;
  width: 65px;
  min-height: 20px;
  padding: 5px 0;
  list-style: none;
  font-size: 10px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__contents__items__newTag {
    font-size: 13px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.ourStoriesContent .ourStories__contents__items__explanation {
  margin-top: 20px;
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__contents__items__explanation {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.6;
  }
}

.ourStoriesContent .ourStories__booklet {
  border-top: 1px solid #dcdcde;
  margin-top: 20px;
  padding-top: 16px;
  padding-left: 12px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__booklet {
    margin-top: 20px;
    padding-top: 18px;
  }
}

.ourStoriesContent .ourStories__booklet__name {
  display: block;
  position: relative;
  padding-left: 8px;
  list-style: none;
  font-size: 10px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__booklet__name {
    font-size: 12px;
  }
}

.ourStoriesContent .ourStories__booklet__name::before {
  background-color: #ff0000;
  position: absolute;
  top: 5px;
  left: -10px;
  width: 7px;
  height: 7px;
  content: "";
}

.ourStoriesContent .ourStories__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination {
    width: 1040px;
    margin: 0 auto;
  }
}

.ourStoriesContent .ourStories__pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 85px;
  height: 40px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination__list {
    width: 95px;
    height: 45px;
    margin-left: auto;
    margin-right: 0;
  }
}

.ourStoriesContent .ourStories__pagination__list__item {
  width: 40px;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination__list__item {
    width: 45px;
  }
}

.ourStoriesContent .ourStories__pagination__list__item__control {
  background-color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
  transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination__list__item__control:hover {
    background-color: #dd0000;
  }
}

.ourStoriesContent .ourStories__pagination__list__item__control.isPrevious.swiper-button-disabled {
  background-color: #cecece;
}

.ourStoriesContent .ourStories__pagination.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination.forPC {
    display: block;
  }
}

.ourStoriesContent .ourStories__pagination.forSP {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories__pagination.forSP {
    display: none;
  }
}

.ourStoriesContent .ourStories.forSP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .ourStoriesContent .ourStories.forSP {
    display: none;
  }
}

.ourStoriesContent .ourStories__arrowRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.ourStoriesContent .ourStories__arrowLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.topMainVisualContent.for_mobile .topMainVisualContent-slide {
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent.for_mobile {
    display: none;
  }
}

.topMainVisualContent.for_pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent.for_pc {
    display: block;
  }
}

.topMainVisualContent.for_pc .topMainVisualContent-item {
  background-position: top center;
  background-size: cover;
  height: 370px;
  position: relative;
}

.topMainVisualContent.for_pc .topMainVisualContent-slide.swiper-container-horizontal {
  width: 1200px;
  height: 370px;
  margin: 0 auto 6px;
  overflow: hidden;
}

.topMainVisualContent.for_pc .topMainVisualContent-slide-indicator {
  width: 1200px;
  margin: 0 auto;
}

.topMainVisualContent.for_pc .topMainVisualContent-slide-nav {
  margin: 0 auto;
  width: 1200px;
  top: 37%;
  -webkit-transform: translate(0, -37%);
          transform: translate(0, -37%);
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent.for_pc .topMainVisualContent-slide img {
    width: 100%;
  }
}

.topMainVisualContent-slide {
  height: auto;
  margin-bottom: 10px;
  overflow-x: hidden;
  position: relative;
}

@media screen and (min-width: 1040px), print {
  .topMainVisualContent-slide {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent-slide img {
    width: 1040px;
  }
}

@media screen and (min-width: 1040px), print {
  .topMainVisualContent-slide img {
    width: 100%;
  }
}

.topMainVisualContent-wrapper {
  height: auto;
}

.topMainVisualContent-item {
  height: auto;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent-item {
    position: relative;
  }
}

.topMainVisualContent-image {
  display: block;
  height: auto;
  width: 100%;
}

.topMainVisualContent-slide-nav {
  left: 0;
  position: absolute;
  right: 0;
  top: 46%;
  -webkit-transform: translate(0, -46%);
          transform: translate(0, -46%);
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent-slide-nav {
    margin: 0 auto;
    width: 1120px;
  }
}

.topMainVisualContent-slide-nav-item {
  position: absolute;
  top: 40%;
  z-index: 1;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent-slide-nav-item {
    cursor: pointer;
    top: 0;
  }
  .topMainVisualContent-slide-nav-item:hover {
    background-color: #dd0000;
  }
  .topMainVisualContent-slide-nav-item:hover.is_previous:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    transform: rotate(45deg);
  }
  .topMainVisualContent-slide-nav-item:hover.is_next:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 5px;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(45deg);
  }
}

.topMainVisualContent-slide-nav-item.is_previous {
  left: 0;
}

.topMainVisualContent-slide-nav-item.is_next {
  right: 0;
}

.topMainVisualContent .pagination-list-item-control {
  opacity: 1;
  height: 80px;
  width: 30px;
  background-color: #3c4546;
}

.topMainVisualContent .pagination-list-item-control:hover {
  opacity: 0.5;
}

@media screen and (min-width: 750px), print {
  .topMainVisualContent .pagination-list-item-control {
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
}

.topMainVisualContent .pagination-list-item-control.is_previous::before {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
}

.topMainVisualContent .pagination-list-item-control.is_next::before {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}

.topMainVisualContent-slide-indicator {
  text-align: center;
}

.topMainVisualContent-slide-indicator .swiper-pagination-bullet {
  background-color: #464646;
  margin-right: 2px;
  border-radius: 0;
  opacity: 1;
  width: 50px;
  height: 3px;
}

.topMainVisualContent-slide-indicator .swiper-pagination-bullet-active {
  background-color: #dd0000;
}

.aboutVisionaryContent {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin-bottom: 10px;
  height: 524px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent:hover {
    opacity: 0.75;
  }
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent {
    background-position: center center;
    height: 490px;
    max-height: 100%;
  }
}

.aboutVisionaryContent.visibleContent--sp {
  display: block !important;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent.visibleContent--sp {
    display: none !important;
  }
}

.aboutVisionaryContent.visibleContent--pc {
  display: none !important;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent.visibleContent--pc {
    display: block !important;
  }
}

.aboutVisionaryContent__link {
  display: block;
  color: #fff;
  padding: 60px 20px 0;
  height: 100%;
}

.aboutVisionaryContent__link:hover {
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent__link {
    padding: 104px 20px 0 82px;
  }
}

.aboutVisionaryContent__area {
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent__area {
    width: 1040px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.aboutVisionaryContent__title {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 20px 25px;
  background-color: transparent;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent__title {
    font-size: 32px;
    text-align: left;
    padding: 34px 40px 30px;
  }
}

.aboutVisionaryContent__subTitle {
  font-size: 45px;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 20px 25px;
  background-color: transparent;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent__subTitle {
    font-size: 64px;
    text-align: left;
    padding: 28px 40px 30px;
  }
}

.aboutVisionaryContent__text {
  font-size: 12px;
  margin: 25px 0 0;
  line-height: 1.75;
}

@media screen and (min-width: 750px), print {
  .aboutVisionaryContent__text {
    font-size: 14px;
    text-align: left;
    line-height: 2;
  }
}

.aboutUsContent {
  padding: 60px 0;
}

@media screen and (min-width: 750px), print {
  .aboutUsContent {
    padding: 50px 0;
  }
}

.aboutUsContent__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 9px 20px 8px;
  background-color: #fff;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .aboutUsContent__titleWrap {
    padding: 17px 17px 12px;
  }
}

.aboutUsContent__title {
  font-size: 14px;
  color: #464646;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .aboutUsContent__title {
    font-size: 16px;
    line-height: 1.2;
  }
}

.aboutUsContent__subTitle {
  font-size: 10px;
  color: #ff0000;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .aboutUsContent__subTitle {
    font-size: 12px;
  }
}

.aboutUsContent__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutUsContent__itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 750px), print {
  .aboutUsContent__itemLink:hover {
    opacity: 0.75;
    text-decoration: none;
  }
}

.aboutUsSmallContent {
  padding: 45px 0;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent {
    padding: 50px 0;
  }
}

.aboutUsSmallContent__item {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.aboutUsSmallContent__item:nth-child(n + 3) {
  border-top: none;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__item:nth-child(n + 3) {
    border-top: 1px solid #bfbfbf;
  }
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__item:nth-child(n + 5) {
    border-top: none;
  }
}

.aboutUsSmallContent__itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 5px 20px 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__itemLink {
    padding: 25px 10px 25px 14px;
  }
}

.aboutUsSmallContent__itemLink:hover {
  opacity: 0.75;
  text-decoration: none;
}

.aboutUsSmallContent__itemLink:hover i.arrowRight:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__itemLink:hover i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 10px;
    border-right: solid 1px #dd0000;
    border-top: solid 1px #dd0000;
    transform: rotate(45deg);
  }
}

.aboutUsSmallContent__image {
  margin-right: 10px;
  -ms-flex-item-align: center;
      align-self: center;
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__image {
    margin-right: 16px;
    width: 40px;
    height: 40px;
  }
}

.aboutUsSmallContent__title {
  font-size: 12px;
  color: #464646;
  margin: 0 3px 0 0;
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 110px;
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent__title {
    font-size: 14px;
    line-height: 1.2;
    width: 150px;
  }
}

.aboutUsSmallContent i.arrowRight {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.aboutUsSmallContent i.arrowRight:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 1px #464646;
  border-top: solid 1px #464646;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .aboutUsSmallContent i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 10px;
    border-right: solid 1px #464646;
    border-top: solid 1px #464646;
    transform: rotate(45deg);
  }
}

.aboutLearnMoreContent {
  padding: 0 0 70px;
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent {
    padding: 0 0 50px;
  }
}

.aboutLearnMoreContent__item {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
  }
}

.aboutLearnMoreContent__item:nth-child(n + 4) {
  border-top: 25px;
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__item:nth-child(n + 4) {
    border-top: 15px;
  }
}

.aboutLearnMoreContent__itemLink {
  display: block;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__itemLink {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__itemLink:hover {
    opacity: 0.75;
    text-decoration: none;
  }
}

.aboutLearnMoreContent__title {
  font-size: 14px;
  color: #464646;
  line-height: 1.2;
  padding-left: 25px;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__title {
    font-size: 16px;
    padding-left: 29px;
  }
}

.aboutLearnMoreContent__titleWrap {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 0;
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent__titleWrap {
    padding: 19px 0;
  }
}

.aboutLearnMoreContent i.arrowRight {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 20px;
}

.aboutLearnMoreContent i.arrowRight:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .aboutLearnMoreContent i.arrowRight:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 10px;
    border-right: solid 1px #ff0000;
    border-top: solid 1px #ff0000;
    transform: rotate(45deg);
  }
}

.linksContent {
  margin: 0 0 40px;
}

@media screen and (min-width: 750px), print {
  .linksContent {
    margin: 0 0 40px;
    position: relative;
  }
}

.linksContent .linksContents {
  overflow: hidden;
}

.linksContent .linksContents.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents.forPC {
    display: block;
  }
}

.linksContent .linksContents.forSP {
  display: block;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents.forSP {
    display: none;
  }
}

.linksContent .linksContents__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.linksContent .linksContents__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 48.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

.linksContent .linksContents__list:nth-child(n + 3) {
  padding-top: 20px;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__list:nth-child(n + 3) {
    padding-top: 0;
  }
}

.linksContent .linksContents__list:hover .specialContents__image {
  opacity: 0.75;
}

.linksContent .linksContents__link {
  text-decoration: none;
  color: #464646;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.linksContent .linksContents__link:hover .linksContents__title {
  color: #dd0000;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__link:hover .linksContents__image {
    opacity: 0.75;
    text-decoration: none;
  }
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__image {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.linksContent .linksContents__heading {
  margin-top: 12px;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__heading {
    margin-top: 20px;
  }
}

.linksContent .linksContents__title {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__title {
    font-size: 16px;
  }
}

.linksContent .linksContents__contents {
  font-size: 12px;
  margin-top: 4px;
  padding: 0;
  line-height: 1.5;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__contents {
    font-size: 14px;
    margin-top: 4px;
  }
}

.linksContent .linksContents__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.linksContent .linksContents__pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 85px;
  height: 40px;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__pagination__list {
    width: 95px;
    height: 45px;
  }
}

.linksContent .linksContents__pagination__list__item {
  width: 40px;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__pagination__list__item {
    width: 45px;
  }
}

.linksContent .linksContents__pagination__list__item__control {
  background-color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
  transition: color 0.7s ease, background 0.7s ease, opacity 0.7s ease;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__pagination__list__item__control:hover {
    background-color: #dd0000;
  }
}

.linksContent .linksContents__pagination__list__item__control.isPreviousForPC.swiper-button-disabled, .linksContent .linksContents__pagination__list__item__control.isPreviousForSP.swiper-button-disabled {
  cursor: auto;
  background-color: #cecece;
}

.linksContent .linksContents__pagination__list__item__control.isNextForPC.swiper-button-disabled, .linksContent .linksContents__pagination__list__item__control.isNextForSP.swiper-button-disabled {
  cursor: auto;
  background-color: #cecece;
}

.linksContent .linksContents__pagination.forPC {
  display: none;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__pagination.forPC {
    display: block;
  }
}

.linksContent .linksContents__pagination.forSP {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}

@media screen and (min-width: 750px), print {
  .linksContent .linksContents__pagination.forSP {
    display: none;
  }
}

.linksContent .linksContents__arrowRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.linksContent .linksContents__arrowLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.linksContentBottom {
  padding: 40px 0 0;
  border-top: 2px solid #f0f0f2;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom {
    padding-top: 50px;
  }
}

.linksContentBottom a {
  color: #464646;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.linksContentBottom a:hover {
  color: #dd0000;
  text-decoration: underline;
}

.linksContentBottom__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.linksContentBottom__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__list {
    width: 230px;
    margin: 0 40px 0px 0;
  }
}

.linksContentBottom__list:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__list:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__list:nth-child(n + 5) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__list:nth-child(4n) {
    margin-right: 0;
  }
}

.linksContentBottom__list:hover .linksContentBottom__image {
  opacity: 0.75;
}

.linksContentBottom__link {
  color: #464646;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.linksContentBottom__link:hover {
  color: #dd0000;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__image {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.linksContentBottom__heading {
  display: block;
  padding-top: 10px;
}

.linksContentBottom__contents {
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

@media screen and (min-width: 750px), print {
  .linksContentBottom__contents {
    font-size: 16px;
  }
}

.linkButtonList {
  margin: 20px 0;
  padding: 0px 20px;
}

@media screen and (min-width: 750px), print {
  .linkButtonList {
    padding: 0;
    margin: 0 auto;
    margin-top: 52px;
    width: 1040px;
  }
}

.linkButtonList-list {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .linkButtonList-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.linkButtonList-list-item {
  height: auto;
  text-align: center;
  margin: 10px 0 0 0;
  position: relative;
  word-break: break-word;
}

@media screen and (min-width: 750px), print {
  .linkButtonList-list-item {
    margin: 15px 20px 0 0;
    width: 333px;
  }
  .linkButtonList-list-item:hover {
    opacity: 0.75;
  }
}

.linkButtonList-list-item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .linkButtonList-list-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .linkButtonList-list-item:nth-child(-n + 3) {
    margin-top: 0;
  }
}

.linkButtonList-list-item:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

.linkButtonList-list-item:before {
  position: absolute;
  right: 20px;
  top: 43%;
}

.linkButtonList-list-item-link {
  background-color: #dfdede;
  display: inline-block;
  padding: 15px 30px 15px 20px;
  color: #464646;
  cursor: pointer;
  margin-top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 750px), print {
  .linkButtonList-list-item-link {
    padding: 18px 30px 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .linkButtonList-list-item-link:hover {
    text-decoration: none;
  }
}

.externalRatings {
  background-color: #eeeeee;
  padding: 47px 20px 32px 20px;
  margin-top: 19px;
}

@media screen and (min-width: 750px), print {
  .externalRatings {
    padding: 77px 0 48px;
  }
}

@media screen and (min-width: 750px), print {
  .externalRatings {
    margin-top: 85px;
  }
}

.externalRatings-title {
  margin: 0;
  text-align: center;
  font-size: 2.6rem;
}

@media screen and (min-width: 750px), print {
  .externalRatings-title {
    font-size: 3.5rem;
    width: 1085px;
    margin: 0 auto;
  }
}

.externalRatings-box {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .externalRatings-box {
    margin: 0 auto;
    margin-top: 52px;
    width: 1085px;
  }
}

.externalRatings-box-item {
  width: 49%;
  height: auto;
  margin-top: 2%;
}

@media screen and (min-width: 750px), print {
  .externalRatings-box-item {
    width: 260px;
    height: auto;
    margin-right: 15px;
    margin-top: 20px;
  }
}

.externalRatings-box-item:nth-child(2n) {
  margin-left: 2%;
}

@media screen and (min-width: 750px), print {
  .externalRatings-box-item:nth-child(2n) {
    margin-right: 15px;
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .externalRatings-box-item:nth-child(4n) {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 750px), print {
  .externalRatings-box-item:nth-of-type(-n + 4) {
    margin-top: 0;
  }
}

.externalRatings-linkBox {
  margin: 0 auto;
  margin-top: 30px;
}

@media screen and (min-width: 750px), print {
  .externalRatings-linkBox {
    width: 1085px;
    margin-top: 45px;
  }
}

.externalRatings-linkBox-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  position: relative;
  padding: 17px 30px 17px 30px;
  background-color: #fff;
  border: 1px solid #dcdcde;
  color: #464646;
  width: 68%;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
  word-break: break-word;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .externalRatings-linkBox-link {
    width: 232px;
  }
  .externalRatings-linkBox-link:hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.externalRatings-linkBox-link:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

.externalRatings-linkBox-link:before {
  position: absolute;
  right: 20px;
  top: 43%;
}

.siteMap {
  padding: 0 20px;
  padding-bottom: 19px;
}

@media screen and (min-width: 750px), print {
  .siteMap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1083px;
    padding: 0;
    margin: auto;
    padding-top: 51px;
    padding-bottom: 85px;
  }
}

.siteMap-card {
  margin-top: 30px;
}

.siteMap-card:first-child {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .siteMap-card {
    width: 340px;
    margin: 0;
    margin-right: 31px;
    margin-top: 60px;
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .siteMap-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 750px) and (min-width: 750px), print {
  .siteMap-card:nth-child(-n + 3) {
    margin-top: 0;
  }
}

.siteMap-card-title {
  background-color: #666666;
  height: auto;
  font-size: 20px;
  position: relative;
}

.siteMap-card-title-link {
  color: #fff;
  display: block;
  cursor: pointer;
  font-weight: bold;
  padding: 15px 28px 15px 17px;
}

.siteMap-card-title-link:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  border-right: solid 3px #fff;
  border-top: solid 3px #fff;
  transform: rotate(45deg);
}

.siteMap-card-title-link:before {
  position: absolute;
  right: 15px;
  top: 42%;
}

@media screen and (min-width: 750px), print {
  .siteMap-card-img a:hover {
    opacity: 0.75;
  }
}

.siteMap-card-listBox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.siteMap-card-listBox-list-item {
  border-bottom: 1px solid #c5c5c5;
}

.siteMap-card-listBox-list-item-text {
  color: #464646;
  display: block;
  cursor: pointer;
  padding: 27px 21px 21px 18px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .siteMap-card-listBox-list-item-text {
    padding: 17px 20px 17px 18px;
  }
}

.siteMap-card-listBox-list-item-text:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

.siteMap-card-listBox-list-item-text:before {
  position: absolute;
  right: 10px;
  top: 47%;
}

@media screen and (min-width: 750px), print {
  .siteMap-card-listBox-list-item-text:before {
    top: 50%;
  }
}

.irInfoBox {
  background-color: #eeeded;
  padding: 20px 20px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 52px 0 68px 0;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
            text-size-adjust: none;
  }
}

.irInfoBox-tab {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab {
    width: 765px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.irInfoBox-tabMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 54px;
  padding: 0;
  margin: 0;
}

.irInfoBox-tab-item {
  list-style: none;
  background-color: #ffffff;
  color: #7f7f7f;
  border-radius: 0.75em 0.75em 0 0;
  padding: 15px 10px 10px;
  width: 48%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-item {
    width: 49%;
    cursor: pointer;
    font-size: 18px;
  }
}

.irInfoBox-tab-item.is_active {
  background-color: #dd0000;
  color: #fff;
}

.irInfoBox-tab-content {
  width: 100%;
  background-color: #fff;
  border-top: 2px solid #dd0000;
  padding: 30px 25px 25px 25px;
}

@media screen and (max-width: 749px) {
  .irInfoBox-tab-content {
    display: none;
  }
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 30px 25px 30px;
  }
}

.irInfoBox-tab-content:last-child {
  padding: 51px 25px 25px 25px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content:last-child {
    padding: 54px 30px 25px 30px;
  }
}

@media screen and (max-width: 749px) {
  .irInfoBox-tab-content.is_active {
    display: block;
  }
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content.is_active {
    visibility: visible;
  }
}

.irInfoBox-tab-contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.irInfoBox-tab-content-linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.irInfoBox-tab-content-linkBox-link {
  position: relative;
  color: #464646;
  font-weight: bold;
  margin-right: 20px;
  margin-left: 23px;
}

.irInfoBox-tab-content-linkBox-link:first-child {
  margin-left: 0;
}

.irInfoBox-tab-content-linkBox-link:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 2px #ff0000;
  border-top: solid 2px #ff0000;
  transform: rotate(45deg);
}

.irInfoBox-tab-content-linkBox-link:before {
  position: absolute;
  right: -15px;
  top: 30%;
}

.irInfoBox-tab-content-list {
  margin-top: 13px;
}

.irInfoBox-tab-content-list-item {
  border-bottom: 1px solid #bdbdbd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 0 10px 0;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-list-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 20px 0 20px 0;
  }
}

.irInfoBox-tab-content-list-item-date {
  color: #464646;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-list-item-date {
    width: 150px;
    min-width: 150px;
  }
}

.irInfoBox-tab-content-list-item-text {
  color: #464646;
  margin-top: 5px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-list-item-text {
    margin-top: 0;
    margin-left: 35px;
  }
}

.irInfoBox-tab-content-btnArea {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-btnArea {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 55px;
  }
}

.irInfoBox-tab-content-btnArea-btn, .irInfoBox-tab-content-btnArea-btn-wide {
  padding: 10px 20px 10px 15px;
  width: 50%;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-btnArea-btn, .irInfoBox-tab-content-btnArea-btn-wide {
    width: 222px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    min-height: 50px;
  }
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-btnArea-btn:hover, .irInfoBox-tab-content-btnArea-btn-wide:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}

.irInfoBox-tab-content-btnArea-btn:last-child, .irInfoBox-tab-content-btnArea-btn-wide:last-child {
  margin-right: 0;
}

.irInfoBox-tab-content-btnArea-btn.is_red, .irInfoBox-tab-content-btnArea-btn-wide.is_red {
  color: #dd0000;
  border: 1px solid #dd0000;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-btnArea-btn.is_red:hover, .irInfoBox-tab-content-btnArea-btn-wide.is_red:hover {
    background-color: #dd0000;
    color: #fff;
  }
}

.irInfoBox-tab-content-btnArea-btn.is_black, .irInfoBox-tab-content-btnArea-btn-wide.is_black {
  color: #fff;
  background-color: #4d4d4d;
  position: relative;
  border: 1px solid #4d4d4d;
  padding-right: 23px;
}

.irInfoBox-tab-content-btnArea-btn.is_black:before, .irInfoBox-tab-content-btnArea-btn-wide.is_black:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg);
}

.irInfoBox-tab-content-btnArea-btn.is_black:before, .irInfoBox-tab-content-btnArea-btn-wide.is_black:before {
  position: absolute;
  right: 15px;
  top: 42%;
}

.irInfoBox-tab-content-btnArea-btn .icon, .irInfoBox-tab-content-btnArea-btn-wide .icon {
  margin-top: -5px;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 2.2rem;
}

.irInfoBox-tab-content-btnArea-btn-wide {
  width: 70%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-tab-content-btnArea-btn-wide {
    width: 222px;
  }
}

.irInfoBox-document {
  background-color: #e4e3e3;
  margin-top: 21px;
  padding: 40px 25px 30px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document {
    width: 290px;
    padding: 40px 17px 50px;
    margin-top: 0;
    margin-left: 27px;
  }
}

.irInfoBox-document-title {
  text-align: center;
}

.irInfoBox-document-title-text {
  border-bottom: 3px solid #dd0000;
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 2px;
}

.irInfoBox-document-list {
  margin-top: 5px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-list {
    margin-top: 25px;
  }
}

.irInfoBox-document-list-item {
  padding: 20px 10px 20px 10px;
  border-bottom: 1px solid #868686;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-list-item {
    padding: 20px 5px 20px 5px;
  }
}

.irInfoBox-document-list-item .icon {
  vertical-align: middle;
}

.irInfoBox-document-list-item-link {
  color: #464646;
  padding-left: 13px;
}

.irInfoBox-document-download {
  margin: 25px 0 0;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-download {
    margin: 40px 0 0;
  }
}

.irInfoBox-document-download-link {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  background-color: #fff;
  color: #464646;
  padding: 15px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-download-link {
    width: 220px;
    font-size: 1.6rem;
  }
}

.irInfoBox-document-download-link:hover {
  color: #dd0000;
  text-decoration: none;
}

.irInfoBox-document-download-link .icon {
  vertical-align: middle;
  margin-right: 13px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-download-link .icon {
    font-size: 1.6rem;
  }
}

.irInfoBox-document-subText {
  margin-top: 10px;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-subText {
    width: 220px;
    margin: 0 auto;
    margin-top: 10px;
  }
}

.irInfoBox-document-subText-text {
  font-size: 1.2rem;
}

@media screen and (min-width: 750px), print {
  .irInfoBox-document-subText-text {
    font-size: 1.3rem;
  }
}

.irIntegratedReport {
  position: relative;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport {
    padding: 20px 20px;
    background-image: url(../images/ir/main_back_pc.png);
    background-size: cover;
    -webkit-box-shadow: 10px 0 15px 0 rgba(79, 79, 79, 0.2);
            box-shadow: 10px 0 15px 0 rgba(79, 79, 79, 0.2);
    padding: 0;
    margin-bottom: 51px;
  }
}

.irIntegratedReport-areaOuterWrap {
  width: 100%;
  margin: 0 auto;
}

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

.irIntegratedReport-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url(../images/ir/main_back_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 17px 20px 47px;
  margin-bottom: -30px;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-heading {
    background-image: none;
    background-repeat: no-repeat;
    background-size: none;
    padding: 0;
    margin-bottom: 0;
  }
}

.irIntegratedReport-image-sp {
  display: block !important;
  width: 173px;
  -ms-flex-item-align: center;
      align-self: center;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-image-sp {
    display: none !important;
  }
}

.irIntegratedReport-image-pc {
  display: none !important;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-image-pc {
    -ms-flex-item-align: center;
        align-self: center;
    width: 194px;
    margin-left: 81px;
    padding: 15px 0 15px;
    display: block !important;
  }
}

.irIntegratedReport-contents {
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin: 10px 15px 10px 0;
  width: calc(100% - 213px);
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-contents {
    margin: 20px 0 20px 40px;
    width: auto;
  }
}

.irIntegratedReport-title {
  font-weight: bold;
  font-size: 2.5rem;
  margin: 0 0 13px;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-title {
    font-size: 2.6rem;
    width: 222px;
    margin: 0 0 15px;
  }
}

.irIntegratedReport-btn {
  padding: 10px 20px 10px 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #4d4d4d;
  position: relative;
  border: 1px solid #4d4d4d;
}

.irIntegratedReport-btn:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-btn {
    width: 222px;
    padding: 10px 26px 10px 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.65rem;
  }
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-btn:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}

.irIntegratedReport-btn:before {
  position: absolute;
  right: 10px;
  top: 42%;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-btn:before {
    right: 15px;
  }
}

.irIntegratedReport-list {
  margin: 0 20px 42px;
  padding: 18px 25px 23px;
  background-color: #fff;
  -webkit-box-shadow: 6px 8px 15px 1px rgba(79, 79, 79, 0.2);
          box-shadow: 6px 8px 15px 1px rgba(79, 79, 79, 0.2);
  border-radius: 3px;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-list {
    margin: 0;
    padding: 15px 0 15px 42px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 546px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.irIntegratedReport-list-item {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #c5c5c5;
  position: relative;
}

.irIntegratedReport-list-item:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 6px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  border-right: solid 1px #ff0000;
  border-top: solid 1px #ff0000;
  transform: rotate(45deg);
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-list-item {
    width: 227px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.irIntegratedReport-list-item:before {
  position: absolute;
  right: 10px;
  top: 47%;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-list-item:before {
    top: 42%;
  }
}

.irIntegratedReport-listLink {
  display: block;
  color: #464646;
  padding: 20px 14px 20px 0px;
  font-size: 16px;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .irIntegratedReport-listLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    padding: 16px 20px 16px 0;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.irMainVisual .topVisual {
  background-color: #eeeded;
}

.irMainVisual .topVisual-slide {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.irMainVisual .topVisual-slide img {
  border-top: 2px solid #dc0000;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .irMainVisual .topVisual-slide img {
    border-top: none;
  }
}

.irMainVisual .topVisual .pagination-list-item-control {
  opacity: 1;
  height: 50px;
  width: 20px;
  margin-top: -10px;
  background-color: #3c4546;
}

@media screen and (min-width: 750px), print {
  .irMainVisual .topVisual .pagination-list-item-control {
    opacity: 1;
    height: 80px;
    width: 30px;
  }
}

.irMainVisual .topVisual .pagination-list-item-control:hover {
  opacity: 0.5;
}

.irMainVisual .topVisual .pagination-list-item-control.is_previous::before {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
}

.irMainVisual .topVisual .pagination-list-item-control.is_next::before {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}

@media screen and (min-width: 750px), print {
  .irMainVisual .topVisual.for_pc .topVisual-slide-nav {
    margin: 0 auto;
    top: calc(50% - 40px);
    width: auto;
  }
  .irMainVisual .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_previous {
    left: 0;
  }
  .irMainVisual .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_next {
    right: 0;
  }
}

.irMainVisual .topVisual-slide-indicator {
  text-align: center;
}

.irMainVisual .topVisual-slide-indicator .swiper-pagination-bullet {
  margin: 0 7px;
  width: 10px;
  height: 10px;
  opacity: 1;
}

@media screen and (min-width: 750px), print {
  .irMainVisual .topVisual-slide-indicator .swiper-pagination-bullet {
    margin: 0 8px;
    width: 13px;
    height: 13px;
  }
}

.irMainVisual .topVisual-slide-indicator .swiper-pagination-bullet-active {
  background-color: #dd0000;
}

.searchBoxModal__wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: none;
}

.for_multipleBtn {
  display: block;
}

.for_multipleBtn.btnArea::type o {
  margin-top: 0;
}

.for_multipleBtn.btnArea {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .for_multipleBtn.btnArea {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.for_multipleBtn:first-of-type.btnArea {
  margin-top: 0;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .for_multipleBtn:first-of-type.btnArea {
    margin-top: 0;
    margin-bottom: 15px;
  }
}

.for_multipleBtn:last-of-type.btnArea {
  margin-top: 0;
  margin-bottom: 0;
}

.hidden-mobile {
  display: none;
}

@media screen and (min-width: 750px), print {
  .hidden-mobile {
    display: block;
  }
}

.hidden-pc {
  display: block;
}

@media screen and (min-width: 750px), print {
  .hidden-pc {
    display: none;
  }
}

.hidden-tinyScreen {
  display: block;
}

@media screen and (max-width: 1260px) {
  .hidden-tinyScreen {
    display: none;
  }
}

.hidden-smallScreen {
  display: block;
}

@media screen and (max-width: 1599px) {
  .hidden-smallScreen {
    display: none;
  }
}

.hidden-middleScreen {
  display: block;
}

@media screen and (min-width: 750px) and (max-width: 1260px) {
  .hidden-middleScreen {
    display: block;
  }
}

@media screen and (min-width: 1261px), print {
  .hidden-middleScreen {
    display: none;
  }
}

.hidden-largeScreen {
  display: block;
}

@media screen and (min-width: 1599px), print {
  .hidden-largeScreen {
    display: none;
  }
}

.textAlign_left {
  text-align: left;
}

.textAlign_center {
  text-align: center;
}

.textAlign_right {
  text-align: right;
}

.l-container {
  width: calc(100% - 10px);
  background-color: white;
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .l-container {
    width: 1180px;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap,
  .l-gridWrap--center {
    max-width: 1200px;
  }
}

.l-gridWrap [class*="l-gridWrap__grid"],
.l-gridWrap--center [class*="l-gridWrap__grid"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-gridWrap .l-gridWrap__grid--1Column,
.l-gridWrap--center .l-gridWrap__grid--1Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (1 - 1)) / 1);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(-n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 1) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(1n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(1n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(1n + 1), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(1n + 1),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(1n), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(1n), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(1n), .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(1n),
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin:nth-child(1n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (1 - 1)) / 1);
  }
}

.l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--1Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (1 - 1)) / 1);
  }
}

.l-gridWrap .l-gridWrap__grid--1Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--1Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--1Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--1Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (2 - 1)) / 2);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(-n + 2), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 2), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 2), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 2), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 2),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n + 1), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(2n + 1), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(2n + 1), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(2n + 1), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(2n + 1),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(2n), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(2n), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(2n), .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(2n),
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin:nth-child(2n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (2 - 1)) / 2);
  }
}

.l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--2Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (2 - 1)) / 2);
  }
}

.l-gridWrap .l-gridWrap__grid--2Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--2Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--2Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--2Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--3Column,
.l-gridWrap--center .l-gridWrap__grid--3Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (3 - 1)) / 3);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(-n + 3), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 3), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 3), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 3), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 3),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n + 1), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(3n + 1), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(3n + 1), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(3n + 1), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(3n + 1),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(3n), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(3n), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(3n), .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(3n),
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin:nth-child(3n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (3 - 1)) / 3);
  }
}

.l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--3Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (3 - 1)) / 3);
  }
}

.l-gridWrap .l-gridWrap__grid--3Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--3Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--3Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--3Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--4Column,
.l-gridWrap--center .l-gridWrap__grid--4Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (4 - 1)) / 4);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(-n + 4), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 4), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 4), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 4), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 4),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n + 1), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(4n + 1), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(4n + 1), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(4n + 1), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(4n + 1),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(4n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(4n), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(4n), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(4n), .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(4n),
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin:nth-child(4n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (4 - 1)) / 4);
  }
}

.l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--4Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (4 - 1)) / 4);
  }
}

.l-gridWrap .l-gridWrap__grid--4Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--4Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--4Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--4Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--5Column,
.l-gridWrap--center .l-gridWrap__grid--5Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (5 - 1)) / 5);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(-n + 5), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 5), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 5), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 5), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 5),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 5) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n + 1), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(5n + 1), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(5n + 1), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(5n + 1), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(5n + 1),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(5n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(5n), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(5n), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(5n), .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(5n),
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin:nth-child(5n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (5 - 1)) / 5);
  }
}

.l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--5Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (5 - 1)) / 5);
  }
}

.l-gridWrap .l-gridWrap__grid--5Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--5Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--5Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--5Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--6Column,
.l-gridWrap--center .l-gridWrap__grid--6Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (6 - 1)) / 6);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(-n + 6), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 6), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 6), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 6), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 6),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 6) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n + 1), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(6n + 1), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(6n + 1), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(6n + 1), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(6n + 1),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(6n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(6n), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(6n), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(6n), .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(6n),
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin:nth-child(6n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (6 - 1)) / 6);
  }
}

.l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--6Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (6 - 1)) / 6);
  }
}

.l-gridWrap .l-gridWrap__grid--6Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--6Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--6Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--6Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--7Column,
.l-gridWrap--center .l-gridWrap__grid--7Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (7 - 1)) / 7);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(-n + 7), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 7), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 7), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 7), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 7),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 7) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n + 1), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(7n + 1), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(7n + 1), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(7n + 1), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(7n + 1),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(7n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(7n), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(7n), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(7n), .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(7n),
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin:nth-child(7n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (7 - 1)) / 7);
  }
}

.l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--7Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (7 - 1)) / 7);
  }
}

.l-gridWrap .l-gridWrap__grid--7Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--7Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--7Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--7Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--8Column,
.l-gridWrap--center .l-gridWrap__grid--8Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (8 - 1)) / 8);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(-n + 8), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 8), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 8), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 8), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 8),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 8) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n + 1), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(8n + 1), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(8n + 1), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(8n + 1), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(8n + 1),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(8n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(8n), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(8n), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(8n), .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(8n),
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin:nth-child(8n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (8 - 1)) / 8);
  }
}

.l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--8Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (8 - 1)) / 8);
  }
}

.l-gridWrap .l-gridWrap__grid--8Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--8Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--8Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--8Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--9Column,
.l-gridWrap--center .l-gridWrap__grid--9Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (9 - 1)) / 9);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(-n + 9), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 9), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 9), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 9), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 9),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 9) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n + 1), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(9n + 1), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(9n + 1), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(9n + 1), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(9n + 1),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(9n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(9n), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(9n), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(9n), .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(9n),
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin:nth-child(9n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (9 - 1)) / 9);
  }
}

.l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--9Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (9 - 1)) / 9);
  }
}

.l-gridWrap .l-gridWrap__grid--9Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--9Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--9Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--9Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--10Column,
.l-gridWrap--center .l-gridWrap__grid--10Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (10 - 1)) / 10);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(-n + 10), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 10), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 10), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 10), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 10),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 10) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n + 1), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(10n + 1), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(10n + 1), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(10n + 1), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(10n + 1),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(10n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(10n), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(10n), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(10n), .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(10n),
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin:nth-child(10n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (10 - 1)) / 10);
  }
}

.l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--10Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (10 - 1)) / 10);
  }
}

.l-gridWrap .l-gridWrap__grid--10Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--10Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--10Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--10Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--11Column,
.l-gridWrap--center .l-gridWrap__grid--11Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (11 - 1)) / 11);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(-n + 11), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 11), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 11), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 11), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 11),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 11) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n + 1), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(11n + 1), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(11n + 1), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(11n + 1), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(11n + 1),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(11n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(11n), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(11n), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(11n), .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(11n),
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin:nth-child(11n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (11 - 1)) / 11);
  }
}

.l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--11Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (11 - 1)) / 11);
  }
}

.l-gridWrap .l-gridWrap__grid--11Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--11Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--11Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--11Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--12Column,
.l-gridWrap--center .l-gridWrap__grid--12Column {
  margin: 0;
  padding: 0;
}

.l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 20px * (12 - 1)) / 12);
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(-n + 12), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 12), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 12), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 12), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(-n + 12),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(-n + 12) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n + 1), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(12n + 1), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(12n + 1), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(12n + 1), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(12n + 1),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(12n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(12n), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(12n), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(12n), .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column:nth-child(12n),
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin:nth-child(12n) {
    margin-right: 0;
  }
}

.l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SPWideMargin {
    width: calc((100% - 15px * (12 - 1)) / 12);
  }
}

.l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column,
.l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column {
  list-style: none;
  width: 100%;
  width: 48.5%;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column, .l-gridWrap .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--12Column > .l-gridWrap__unit--moMarginSP2Column {
    width: calc((100% - 20px * (12 - 1)) / 12);
  }
}

.l-gridWrap .l-gridWrap__grid--12Column.SP2Column,
.l-gridWrap--center .l-gridWrap__grid--12Column.SP2Column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__grid--12Column.SP2Column,
  .l-gridWrap--center .l-gridWrap__grid--12Column.SP2Column {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.l-gridWrap .l-gridWrap__grid--center,
.l-gridWrap--center .l-gridWrap__grid--center {
  margin: auto;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit,
  .l-gridWrap--center .l-gridWrap__unit {
    margin: 0 10px;
  }
}

.l-gridWrap .l-gridWrap__unit:nth-child(n + 2),
.l-gridWrap--center .l-gridWrap__unit:nth-child(n + 2) {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit:nth-child(n + 2),
  .l-gridWrap--center .l-gridWrap__unit:nth-child(n + 2) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--narrowMargin,
  .l-gridWrap--center .l-gridWrap__unit--narrowMargin {
    margin: 0 7.5px;
  }
}

.l-gridWrap .l-gridWrap__unit--narrowMargin:nth-child(n + 2),
.l-gridWrap--center .l-gridWrap__unit--narrowMargin:nth-child(n + 2) {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--narrowMargin:nth-child(n + 2),
  .l-gridWrap--center .l-gridWrap__unit--narrowMargin:nth-child(n + 2) {
    margin-top: 15px;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--SP2Column,
  .l-gridWrap--center .l-gridWrap__unit--SP2Column {
    margin: 0 10px;
  }
}

.l-gridWrap .l-gridWrap__unit--SP2Column:nth-child(n + 3),
.l-gridWrap--center .l-gridWrap__unit--SP2Column:nth-child(n + 3) {
  margin-top: 20px;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--SP2Column:nth-child(n + 3),
  .l-gridWrap--center .l-gridWrap__unit--SP2Column:nth-child(n + 3) {
    margin-top: 20px;
  }
}

.l-gridWrap .l-gridWrap__unit--moMarginSP2Column,
.l-gridWrap--center .l-gridWrap__unit--moMarginSP2Column {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--moMarginSP2Column,
  .l-gridWrap--center .l-gridWrap__unit--moMarginSP2Column {
    margin: 0 10px;
  }
}

.l-gridWrap .l-gridWrap__unit--moMarginSP2Column:nth-child(n + 3),
.l-gridWrap--center .l-gridWrap__unit--moMarginSP2Column:nth-child(n + 3) {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--moMarginSP2Column:nth-child(n + 3),
  .l-gridWrap--center .l-gridWrap__unit--moMarginSP2Column:nth-child(n + 3) {
    margin-top: 0;
  }
}

.l-gridWrap .l-gridWrap__unit--SPWideMargin,
.l-gridWrap--center .l-gridWrap__unit--SPWideMargin {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--SPWideMargin,
  .l-gridWrap--center .l-gridWrap__unit--SPWideMargin {
    margin: 0 7.5px;
  }
}

.l-gridWrap .l-gridWrap__unit--SPWideMargin:nth-child(n + 2),
.l-gridWrap--center .l-gridWrap__unit--SPWideMargin:nth-child(n + 2) {
  margin-top: 25px;
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--SPWideMargin:nth-child(n + 2),
  .l-gridWrap--center .l-gridWrap__unit--SPWideMargin:nth-child(n + 2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  .l-gridWrap .l-gridWrap__unit--SPWideMargin:nth-child(n + 4),
  .l-gridWrap--center .l-gridWrap__unit--SPWideMargin:nth-child(n + 4) {
    margin-top: 15px;
  }
}

.l-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 68px;
  border-bottom: 1px white solid;
}

@media screen and (min-width: 750px), print {
  .l-header {
    height: auto;
    border-bottom: none;
  }
}

.l-main--shimadzuToday {
  margin-top: 0;
  background-color: #f4f6f7;
}

@media screen and (min-width: 750px), print {
  .l-main--shimadzuToday {
    margin-top: -77px;
  }
}

.l-main--brand {
  margin-top: 0;
}

@media screen and (min-width: 750px), print {
  .l-main--brand {
    margin-top: -33px;
  }
}

.l-main--brand .section {
  border-bottom: none;
}

.l-main--brand .article {
  padding-top: 0;
}

@media screen and (min-width: 750px), print {
  .l-main--brand .article {
    padding: 0;
    position: static;
  }
}

.l-main--brand .article .container p + p {
  padding-top: 11px;
}

@media screen and (min-width: 750px), print {
  .l-main--brand .article .container p + p {
    padding-top: 14px;
  }
}

.l-shimadzuToday {
  background-color: #f4f6f7;
  margin-top: -8px;
}

@media screen and (min-width: 750px), print {
  .l-shimadzuToday {
    margin-top: -77px;
  }
}

.c-brandTab {
  display: inline-block;
  width: auto;
  padding: 0 21px;
  margin: 0 10px 10px 0;
  font-size: 12px;
  line-height: 25px;
  height: 25px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.c-brandTab:hover {
  text-decoration: none;
}

.c-button {
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  line-height: inherit;
  cursor: pointer;
  z-index: 1;
  text-align: center;
}

.c-button:hover {
  text-decoration: none;
}

.c-heading__title1 {
  font-size: 28px;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .c-heading__title1 {
    font-size: 36px;
  }
}

.c-heading__title2 {
  font-size: 20px;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .c-heading__title2 {
    font-size: 24px;
  }
}

.c-heading__title3 {
  font-size: 18px;
  font-weight: normal;
}

@media screen and (min-width: 750px), print {
  .c-heading__title3 {
    font-size: 20px;
  }
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-pagination .paging-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 750px), print {
  .c-pagination .paging-btn {
    display: none;
  }
}

.c-pagination .paging-btn_numberPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.c-pagination .paging-btn_startPage, .c-pagination .paging-btn_prevPage, .c-pagination .paging-btn_nextPage, .c-pagination .paging-btn_endPage, .c-pagination .paging-btn_dummy {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.c-pagination .paging-btn_startPage > a, .c-pagination .paging-btn_prevPage > a, .c-pagination .paging-btn_nextPage > a, .c-pagination .paging-btn_endPage > a, .c-pagination .paging-btn_dummy > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: none;
  transition: none;
  text-decoration: none;
}

.c-pagination .paging-btn_startPage > a:hover, .c-pagination .paging-btn_prevPage > a:hover, .c-pagination .paging-btn_nextPage > a:hover, .c-pagination .paging-btn_endPage > a:hover, .c-pagination .paging-btn_dummy > a:hover {
  text-decoration: none;
}

.c-pagination .paging-btn-pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .c-pagination .paging-btn-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    text-align: center;
  }
  .c-pagination .paging-btn-pc b.selectPage {
    min-width: auto;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: auto;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: normal;
  }
}

@media screen and (min-width: 750px), print {
  .c-pagination .paging-btn-pc .paging-btn_numberPage {
    min-width: auto;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: auto;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .c-pagination .paging-btn-pc .paging-btn_numberPage > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
  }
  .c-pagination .paging-btn-pc .paging-btn_numberPage > a:hover {
    text-decoration: none;
  }
}

.c-squareTile__item {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
}

.c-squareTile__item::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-squareTile__link {
  position: absolute;
  display: inline-block;
}

.c-squareTile__link:hover .c-squareTile__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.c-squareTile__link:hover .c-squareTile__title {
  background-color: #fec330;
  color: white;
  font-size: bold;
  outline-color: #fec330;
}

.c-squareTile__image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 7px;
}

.c-squareTile__image img {
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
  width: 100%;
  height: auto;
}

.c-squareTile__title {
  position: absolute;
  background-color: white;
  color: black;
  margin: 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.c-squareTile__date {
  margin-right: 5px;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  background-position-x: center;
}

.c-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 5px 5px;
  padding: 5px 17px;
  list-style: none;
  font-size: 12px;
  color: white;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid transparent;
}

.c-tag:hover {
  text-decoration: none;
}

@media screen and (min-width: 750px), print {
  .c-tag {
    font-size: 16px;
  }
}

.p-bgColor--brand {
  background-color: #f4f4f4;
}

.p-bgColor--gray {
  background-color: #f9f9f9;
}

.p-brandCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 70px 20px 30px;
}

@media screen and (min-width: 750px), print {
  .p-brandCard {
    padding: 68px 0 20px;
  }
}

.p-brandCard li {
  list-style: none;
}

.p-brandCard__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
  margin-right: 0;
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p-brandCard__item > a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  display: inline-block;
}

.p-brandCard__item > a:hover {
  color: inherit;
}

@media screen and (min-width: 750px), print {
  .p-brandCard__item {
    width: 320px;
    margin-right: 40px;
  }
  .p-brandCard__item:nth-of-type(3n) {
    margin-right: 0;
  }
}

.p-brandCard__item--bgGray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
  margin-right: 0;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.p-brandCard__item--bgGray > a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  display: inline-block;
}

.p-brandCard__item--bgGray > a:hover {
  color: inherit;
}

@media screen and (min-width: 750px), print {
  .p-brandCard__item--bgGray {
    width: 320px;
    margin-right: 40px;
  }
  .p-brandCard__item--bgGray:nth-of-type(3n) {
    margin-right: 0;
  }
}

.p-brandCard__body {
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.p-brandCard__body:hover {
  background-color: #666;
  color: white;
}

.p-brandCard__body:hover .p-brandCard__image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.p-brandCard__body:hover .p-brandCard__title {
  color: white;
}

.p-brandCard__body:hover .p-brandCard__subTitle {
  color: white;
}

.p-brandCard__body:hover + .p-brandCard__footer {
  background-color: #666;
  color: white;
}

.p-brandCard__body:hover + .p-brandCard__footer + .p-brandCard__group {
  background-color: #666;
  color: white;
}

.p-brandCard__image {
  margin: 0 0 20px;
  overflow: hidden;
}

.p-brandCard__image img {
  width: 100%;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.p-brandCard__title {
  position: relative;
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.p-brandCard__subTitle {
  margin: 0;
  padding: 0 10px;
  font-size: 14px;
  line-height: 22px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.p-brandCard__footer {
  margin: 0;
  margin-top: auto;
  padding: 10px 0 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.p-brandCard__group {
  color: #999;
  padding: 0 15px 9px;
  margin: 0;
  text-align: right;
  -webkit-transition: 0.3s background-color linear;
  transition: 0.3s background-color linear;
  font-size: 12px;
  min-height: 27px;
}

.p-brandCard__group > a {
  text-decoration: underline;
  color: inherit;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  display: inline-block;
}

.p-brandCard__group > a:hover {
  color: red;
  text-decoration: none;
}

.p-brandDetailPage__information {
  margin: 0 auto;
  padding: 30px 10px 15px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__information {
    padding: 40px 0 15px;
  }
}

.p-brandDetailPage__categorys {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__categorys {
    display: block;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: auto;
  }
}

.p-brandDetailPage__categorys li {
  list-style: none;
  display: inline-block;
}

.p-brandDetailPage__smallImageWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 70px;
  margin-bottom: 0;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__smallImageWrap {
    margin-bottom: 70px;
  }
}

.p-brandDetailPage__smallImage {
  width: 100%;
  margin-bottom: 20px;
}

.p-brandDetailPage__smallImage > img {
  width: 100%;
  display: block;
  margin: 0;
}

.p-brandDetailPage__smallImage > p {
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__smallImage > p {
    text-align: left;
  }
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__smallImage {
    width: 49%;
    margin-bottom: 0;
  }
}

.p-brandDetailPage__title1 {
  margin: 0 0 30px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__title1 {
    margin: 0 0 45px;
    padding-left: 0;
    padding-right: 0;
  }
}

.p-brandDetailPage__title2 {
  margin: 0;
  margin-top: 55px;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__title2 {
    font-size: 21px;
  }
}

.p-brandDetailPage__returnButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 60px;
  padding-bottom: 0;
}

.p-brandDetailPage__returnButton a {
  cursor: pointer;
}

.p-brandDetailPage__fullWidth {
  margin-bottom: 15px;
}

@media screen and (min-width: 750px), print {
  .p-brandDetailPage__fullWidth {
    margin-bottom: 30px;
  }
}

.p-brandDetailPage__fullWidth img {
  width: 100%;
}

.p-brandFilter {
  background-color: white;
  margin: 0 20px -20px;
  padding: 20px 10px;
}

@media screen and (min-width: 750px), print {
  .p-brandFilter {
    margin: 0 0 -8px;
    padding: 34px 90px;
  }
}

.p-brandFilter ul,
.p-brandFilter li {
  margin: 0;
  padding: 0;
}

.p-brandFilter__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}

.p-brandFilter__title {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

@media screen and (min-width: 750px), print {
  .p-brandFilter__title {
    font-size: 16px;
  }
}

.p-brandFilter__clearButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  width: 100px;
  height: 28px;
  color: white;
  background-color: #888;
  border: 1px solid #888;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-brandFilter__clearButton:hover {
  color: #888;
  background-color: white;
  border: 1px solid #888;
}

.p-brandFilter__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-brandFilter__items li {
  list-style: none;
}

.p-brandTab--sapphireBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--sapphireBlue:hover {
    color: white;
    background: #0d5490;
    border: solid 1px #0d5490;
  }
}

.p-brandTab--sapphireBlue.is_active {
  color: white;
  background: #0d5490;
  border: solid 1px #0d5490;
}

.p-brandTab--sapphireBlueI {
  color: white;
  background: #0d5490;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--sapphireBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--sapphireBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--mossGreen {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--mossGreen:hover {
    color: white;
    background: #7e752b;
    border: solid 1px #7e752b;
  }
}

.p-brandTab--mossGreen.is_active {
  color: white;
  background: #7e752b;
  border: solid 1px #7e752b;
}

.p-brandTab--mossGreenI {
  color: white;
  background: #7e752b;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--mossGreenI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--mossGreenI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--billiardGreen {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--billiardGreen:hover {
    color: white;
    background: #004c3f;
    border: solid 1px #004c3f;
  }
}

.p-brandTab--billiardGreen.is_active {
  color: white;
  background: #004c3f;
  border: solid 1px #004c3f;
}

.p-brandTab--billiardGreenI {
  color: white;
  background: #004c3f;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--billiardGreenI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--billiardGreenI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--wineRed {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--wineRed:hover {
    color: white;
    background: #7f1e4e;
    border: solid 1px #7f1e4e;
  }
}

.p-brandTab--wineRed.is_active {
  color: white;
  background: #7f1e4e;
  border: solid 1px #7f1e4e;
}

.p-brandTab--wineRedI {
  color: white;
  background: #7f1e4e;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--wineRedI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--wineRedI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--blackBrown {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--blackBrown:hover {
    color: white;
    background: #3d2722;
    border: solid 1px #3d2722;
  }
}

.p-brandTab--blackBrown.is_active {
  color: white;
  background: #3d2722;
  border: solid 1px #3d2722;
}

.p-brandTab--blackBrownI {
  color: white;
  background: #3d2722;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--blackBrownI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--blackBrownI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--chromeGreen {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--chromeGreen:hover {
    color: white;
    background: #336633;
    border: solid 1px #336633;
  }
}

.p-brandTab--chromeGreen.is_active {
  color: white;
  background: #336633;
  border: solid 1px #336633;
}

.p-brandTab--chromeGreenI {
  color: white;
  background: #336633;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--chromeGreenI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--chromeGreenI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--deepRed {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--deepRed:hover {
    color: white;
    background: #ac1f24;
    border: solid 1px #ac1f24;
  }
}

.p-brandTab--deepRed.is_active {
  color: white;
  background: #ac1f24;
  border: solid 1px #ac1f24;
}

.p-brandTab--deepRedI {
  color: white;
  background: #ac1f24;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--deepRedI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--deepRedI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--ivoryBlack {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--ivoryBlack:hover {
    color: white;
    background: #263138;
    border: solid 1px #263138;
  }
}

.p-brandTab--ivoryBlack.is_active {
  color: white;
  background: #263138;
  border: solid 1px #263138;
}

.p-brandTab--ivoryBlackI {
  color: white;
  background: #263138;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--ivoryBlackI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--ivoryBlackI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--carrotOrange {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--carrotOrange:hover {
    color: white;
    background: #d84f1b;
    border: solid 1px #d84f1b;
  }
}

.p-brandTab--carrotOrange.is_active {
  color: white;
  background: #d84f1b;
  border: solid 1px #d84f1b;
}

.p-brandTab--carrotOrangeI {
  color: white;
  background: #d84f1b;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--carrotOrangeI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--carrotOrangeI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--grassGreen {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--grassGreen:hover {
    color: white;
    background: #639435;
    border: solid 1px #639435;
  }
}

.p-brandTab--grassGreen.is_active {
  color: white;
  background: #639435;
  border: solid 1px #639435;
}

.p-brandTab--grassGreenI {
  color: white;
  background: #639435;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--grassGreenI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--grassGreenI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--saxBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--saxBlue:hover {
    color: white;
    background: #278792;
    border: solid 1px #278792;
  }
}

.p-brandTab--saxBlue.is_active {
  color: white;
  background: #278792;
  border: solid 1px #278792;
}

.p-brandTab--saxBlueI {
  color: white;
  background: #278792;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--saxBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--saxBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--rubyRed {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--rubyRed:hover {
    color: white;
    background: #b13666;
    border: solid 1px #b13666;
  }
}

.p-brandTab--rubyRed.is_active {
  color: white;
  background: #b13666;
  border: solid 1px #b13666;
}

.p-brandTab--rubyRedI {
  color: white;
  background: #b13666;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--rubyRedI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--rubyRedI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--almondGreen {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--almondGreen:hover {
    color: white;
    background: #6c8463;
    border: solid 1px #6c8463;
  }
}

.p-brandTab--almondGreen.is_active {
  color: white;
  background: #6c8463;
  border: solid 1px #6c8463;
}

.p-brandTab--almondGreenI {
  color: white;
  background: #6c8463;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--almondGreenI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--almondGreenI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--fogBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--fogBlue:hover {
    color: white;
    background: #627485;
    border: solid 1px #627485;
  }
}

.p-brandTab--fogBlue.is_active {
  color: white;
  background: #627485;
  border: solid 1px #627485;
}

.p-brandTab--fogBlueI {
  color: white;
  background: #627485;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--fogBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--fogBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--purple {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--purple:hover {
    color: white;
    background: #725e86;
    border: solid 1px #725e86;
  }
}

.p-brandTab--purple.is_active {
  color: white;
  background: #725e86;
  border: solid 1px #725e86;
}

.p-brandTab--purpleI {
  color: white;
  background: #725e86;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--purpleI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--purpleI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--riverBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--riverBlue:hover {
    color: white;
    background: #455963;
    border: solid 1px #455963;
  }
}

.p-brandTab--riverBlue.is_active {
  color: white;
  background: #455963;
  border: solid 1px #455963;
}

.p-brandTab--riverBlueI {
  color: white;
  background: #455963;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--riverBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--riverBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--egyptianBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--egyptianBlue:hover {
    color: white;
    background: #2f73a2;
    border: solid 1px #2f73a2;
  }
}

.p-brandTab--egyptianBlue.is_active {
  color: white;
  background: #2f73a2;
  border: solid 1px #2f73a2;
}

.p-brandTab--egyptianBlueI {
  color: white;
  background: #2f73a2;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--egyptianBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--egyptianBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--strawberry {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--strawberry:hover {
    color: white;
    background: #b55d67;
    border: solid 1px #b55d67;
  }
}

.p-brandTab--strawberry.is_active {
  color: white;
  background: #b55d67;
  border: solid 1px #b55d67;
}

.p-brandTab--strawberryI {
  color: white;
  background: #b55d67;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--strawberryI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--strawberryI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--deepBlue {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--deepBlue:hover {
    color: white;
    background: #04495e;
    border: solid 1px #04495e;
  }
}

.p-brandTab--deepBlue.is_active {
  color: white;
  background: #04495e;
  border: solid 1px #04495e;
}

.p-brandTab--deepBlueI {
  color: white;
  background: #04495e;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--deepBlueI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--deepBlueI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTab--hazelBrown {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--hazelBrown:hover {
    color: white;
    background: #c4854b;
    border: solid 1px #c4854b;
  }
}

.p-brandTab--hazelBrown.is_active {
  color: white;
  background: #c4854b;
  border: solid 1px #c4854b;
}

.p-brandTab--hazelBrownI {
  color: white;
  background: #c4854b;
  border: solid 1px white;
}

@media screen and (min-width: 750px), print {
  .p-brandTab--hazelBrownI:hover {
    color: #464646;
    background: white;
    border: solid 1px #666;
  }
}

.p-brandTab--hazelBrownI.is_active {
  color: #464646;
  background: white;
  border: solid 1px #666;
}

.p-brandTitle {
  font-size: 46px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0 0 55px;
}

@media screen and (min-width: 750px), print {
  .p-brandTitle {
    margin: 0 0 68px;
  }
}

.p-categoryButton {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  overflow-wrap: break-word;
  word-break: break-all;
}

.p-categoryButton__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  width: 48%;
  padding: 2px;
  margin-bottom: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
}

.p-categoryButton__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 55px;
  height: 55px;
}

.p-categoryButton__title--jp {
  display: inline-block;
  text-align: left;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
}

.p-categoryButton__title--en {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 0.5em;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton__title--en {
    font-size: 17px;
  }
}

.p-categoryButton--asort1 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #1abcbd 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--asort1:hover {
    color: white;
    background-color: #1abcbd;
  }
}

.p-categoryButton--asort1.is_active {
  color: white;
  background-color: #1abcbd;
}

.p-categoryButton--asort2 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #dc2543 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--asort2:hover {
    color: white;
    background-color: #dc2543;
  }
}

.p-categoryButton--asort2.is_active {
  color: white;
  background-color: #dc2543;
}

.p-categoryButton--topics {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #fe7773 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--topics:hover {
    color: white;
    background-color: #fe7773;
  }
}

.p-categoryButton--topics.is_active {
  color: white;
  background-color: #fe7773;
}

.p-categoryButton--tech {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #75cde6 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--tech:hover {
    color: white;
    background-color: #75cde6;
  }
}

.p-categoryButton--tech.is_active {
  color: white;
  background-color: #75cde6;
}

.p-categoryButton--csr {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #86ce15 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--csr:hover {
    color: white;
    background-color: #86ce15;
  }
}

.p-categoryButton--csr.is_active {
  color: white;
  background-color: #86ce15;
}

.p-categoryButton--people {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #ffb74d 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--people:hover {
    color: white;
    background-color: #ffb74d;
  }
}

.p-categoryButton--people.is_active {
  color: white;
  background-color: #ffb74d;
}

.p-categoryButton--history {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #b380ce 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--history:hover {
    color: white;
    background-color: #b380ce;
  }
}

.p-categoryButton--history.is_active {
  color: white;
  background-color: #b380ce;
}

.p-categoryButton--culture {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: #cddc39 3px solid;
}

@media screen and (min-width: 750px), print {
  .p-categoryButton--culture:hover {
    color: white;
    background-color: #cddc39;
  }
}

.p-categoryButton--culture.is_active {
  color: white;
  background-color: #cddc39;
}

.p-categoryTag--topics {
  background-color: #fe7773;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--topics:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--tech {
  background-color: #75cde6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--tech:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--csr {
  background-color: #86ce15;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--csr:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--people {
  background-color: #ffb74d;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--people:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--history {
  background-color: #b380ce;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--history:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--culture {
  background-color: #cddc39;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--culture:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-categoryTag--common {
  color: #014254;
  border: 1px solid #014254;
  background-color: white;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-categoryTag--common:hover {
  color: white;
  border: 1px solid #014254;
  background-color: #014254;
}

/*_p-detailPage.scssに記載されている　a.c-tagより詳細度を上げる為ここに記載
 *コーポグローバルサイトを公開する際には、
 *_p-categoryTag.scssのa.c-tagを修正する　2024/03/22 追記
*/
.p-detailPage__categorys a.c-tag.p-categoryTag--common {
  color: #014254;
}

.p-detailPage__categorys a.c-tag:hover.p-categoryTag--common {
  color: white;
}

.p-categoryTagButton {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-categoryTagButton__item {
  font-weight: bold;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  margin-right: 18px;
  margin-bottom: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  border: #014254 1px solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

@media screen and (min-width: 750px), print {
  .p-categoryTagButton__item:hover {
    color: white;
    border: none;
    border: #014254 1px solid;
    background-color: #014254;
  }
}

.p-categoryTagButton__item.is_active {
  color: white;
  border: none;
  border: #014254 1px solid;
  background-color: #014254;
}

.p-categoryTagButton__item.is_active .p-categoryTagButton__itemLink {
  color: white;
}

.p-categoryTagButton__itemLink {
  color: #014254;
}

.p-detailPage__information {
  margin: 0 auto;
  padding: 15px 10px 0;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__information {
    padding: 20px 0 0;
    width: 924px;
  }
}

.p-detailPage__title1 {
  margin: 0 auto;
  width: auto;
  padding: 20px 10px 20px;
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__title1 {
    width: 924px;
    padding: 31px 0 25px;
    font-size: 36px;
  }
}

.p-detailPage__title2 {
  margin: 0;
  margin-top: 55px;
  padding-left: 15px;
  background-image: url(../images/today/list_icon_18.png);
  background-position-y: center;
  font-size: 18px;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__title2 {
    background-image: url(../images/today/list_icon_24.png);
    background-position-y: center;
    font-size: 24px;
  }
}

.p-detailPage__title3 {
  font-weight: bold;
  padding-left: 15px;
  background-image: url(../images/today/list_icon_18.png);
  background-position-y: center;
}

.p-detailPage__categorys {
  margin: 0;
  padding: 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__categorys {
    display: block;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: auto;
  }
}

.p-detailPage__categorys li {
  list-style: none;
  display: inline-block;
}

.p-detailPage__categorys a.c-tag {
  text-decoration: none;
  color: white;
}

.p-detailPage__categorys a.c-tag:hover {
  color: currentColor;
}

.p-detailPage__smallImageWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 70px;
}

.p-detailPage__smallImage {
  width: 100%;
  margin-bottom: 20px;
}

.p-detailPage__smallImage > img {
  display: block;
  margin: 0 auto;
}

.p-detailPage__smallImage > p {
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__smallImage > p {
    text-align: left;
  }
}

@media screen and (min-width: 750px), print {
  .p-detailPage__smallImage {
    width: 49%;
    margin-bottom: 0;
  }
}

.p-detailPage__contents {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__contents {
    width: 737px;
    padding-left: 0;
    padding-right: 0;
  }
}

.p-detailPage__contents > p {
  margin: 0;
  padding-top: 20px;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__contents > p:first-child {
    padding-top: 38px;
  }
}

.p-detailPage__latest {
  background-image: url(../images/today/detail_bg_img.png);
  background-repeat: repeat;
  padding: 10px;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__latest {
    padding: 30px;
  }
}

.p-detailPage__tileWrap {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-detailPage__returnButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
  padding-bottom: 40px;
}

.p-detailPage__date {
  background-image: url(../images/today/list_icon_h31.png);
  background-position-y: center;
  padding-left: 40px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 750px), print {
  .p-detailPage__date {
    background-image: url(../images/today/list_icon_h40.png);
    padding-left: 50px;
    font-size: 24px;
  }
}

.p-detailPage a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .p-detailPage a {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  }
}

@media screen and (min-width: 750px), print {
  .p-detailPage a:hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.p-filters {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  height: auto;
  overflow-y: auto;
  z-index: 2;
  background-color: #e8e7d9;
  border-radius: none;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 34px;
  background: url(../images/today/filter_bg.png) repeat;
  border-radius: 5px;
}

.p-filters--sp {
  background: url(../images/today/filter_bg.png) repeat;
  display: block;
  height: 100%;
  overflow-y: hidden;
  position: fixed;
  top: -100%;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
  z-index: 900;
  padding-left: 20px;
  padding-right: 20px;
}

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

.p-filters--sp.is_active {
  top: 60px;
  overflow-y: auto;
}

.p-filters--sp > .p-filters__category {
  padding-top: 25px;
}

.p-filters--sp > div:last-child {
  padding-bottom: 100px;
}

.p-filters__category {
  padding-top: 34px;
}

.p-filters__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-filters__title {
  padding-left: 15px;
  background-image: url(../images/today/list_icon_18.png);
  background-position-y: center;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.1;
}

@media screen and (min-width: 750px), print {
  .p-filters__title {
    font-size: 20px;
  }
}

.p-filters__title > span {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1;
}

.p-filters__clearButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  width: 71px;
  height: 28px;
  color: white;
  background-color: #fec330;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: bold;
  letter-spacing: 1px;
}

.p-filters__clearButton:hover {
  background-color: white;
  border: 1px solid #014254;
  color: #014254;
}

.p-filters__year {
  padding-top: 15px;
}

.p-filters__textArea {
  padding-top: 26px;
}

.p-filters__description {
  padding-left: 15px;
  background-image: url(../images/today/list_icon_18.png);
  background-position-y: center;
  background-repeat: no-repeat;
  font-size: 14px;
}

.p-filters__search {
  padding-top: 16px;
  padding-bottom: 18px;
}

.p-filters__categoryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-filters-form {
  padding: 0 10px 15px;
  position: relative;
}

.p-filters-form-inputText {
  padding: 15px 10px;
  width: 100%;
}

.p-filters-form-btn {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 14px;
}

.p-filters__resultNone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-filters__resultBgImage {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  height: 96%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: none;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 47px;
  border-radius: 5px;
  background-image: url(../images/today/logo_today_sp.png);
  background-size: 70%;
  background-position: center 45%;
  background-repeat: no-repeat;
  opacity: 0.04;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-filters__resultMessage {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 100px !important;
}

@media screen and (min-width: 750px), print {
  .p-filters__resultMessage {
    font-size: 18px;
  }
}

.p-filters__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0;
  padding: 0;
}

.p-filters__languageWrap {
  display: none;
}

@media screen and (min-width: 750px), print {
  .p-filters__languageWrap {
    display: block;
  }
}

.p-filters__language--item {
  list-style-type: none;
}

.p-filters__language--item:first-of-type {
  border-right: 1px solid #014254;
  padding-right: 16px;
  margin-right: 16px;
}

.p-filters__language--itemLink {
  font-size: 20px;
  color: #014254;
}

.p-filters__language--item .p-filters__language--itemLink.current {
  text-decoration: none;
  font-weight: bold;
}

.p-footer {
  background-color: #f4f6f7;
}

.p-footer__jaggedLine {
  background: linear-gradient(-135deg, white 12px, transparent 0) 0 12px, linear-gradient(135deg, white 12px, #f4f6f7 0) 0 12px;
  background-position: left bottom !important;
  background-repeat: repeat-x !important;
  background-size: 24px 24px;
  height: 24px;
}

.p-footer__editableArea {
  background-color: #f4f6f7;
}

.p-footer__editableArea > .container {
  padding-top: 45px;
}

.p-footer__editableArea a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 750px), print {
  .p-footer__editableArea a {
    -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  }
}

@media screen and (min-width: 750px), print {
  .p-footer__editableArea a:hover {
    color: #dd0000;
    text-decoration: none;
  }
}

.p-footer__upperArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #f4f6f7;
  height: 110px;
}

.p-footer__lowerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f4f6f7;
  padding: 45px 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-footer__lowerArea {
    padding: 56px 30px 36px;
  }
}

.p-footer__corpLinks {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-footer__corpLinks {
    width: auto;
  }
}

.p-footer__corpLinkItem {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  margin-bottom: 12px;
}

@media screen and (min-width: 750px), print {
  .p-footer__corpLinkItem {
    font-size: 12px;
    margin-bottom: 0;
  }
}

.p-footer__corpLinkItem > a {
  color: black;
}

.p-footer__corpLinkItem + .p-footer__corpLinkItem::before {
  margin-left: 1em;
  margin-right: 1em;
  vertical-align: 1px;
  content: "|";
}

.p-footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-footer__copyright {
    width: auto;
    margin-left: auto;
  }
}

.p-footer__copyright img {
  height: auto;
  width: 280px;
}

@media screen and (min-width: 750px), print {
  .p-footer__copyright img {
    max-width: none;
    width: 383px;
  }
}

.p-footer__pageTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 750px), print {
  .p-footer__pageTop {
    display: none;
  }
}

.p-hamburgerMenu {
  display: inline-block;
  background-color: #014254;
  height: 68px;
  width: 60px;
  position: relative;
  z-index: 1000;
}

.p-hamburgerMenu__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  height: 2px;
  background-color: #fff;
  width: 36px;
  left: 12px;
  position: absolute;
}

.p-hamburgerMenu__item:nth-of-type(1) {
  top: 16px;
}

.p-hamburgerMenu__item:nth-of-type(2) {
  top: 25px;
}

.p-hamburgerMenu__item:nth-of-type(3) {
  top: 34px;
}

.p-hamburgerMenu.is_active .p-hamburgerMenu__item {
  width: 34px;
}

.p-hamburgerMenu.is_active .p-hamburgerMenu__item:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
          transform: translateY(9px) rotate(-45deg);
}

.p-hamburgerMenu.is_active .p-hamburgerMenu__item:nth-of-type(2) {
  opacity: 0;
}

.p-hamburgerMenu.is_active .p-hamburgerMenu__item:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
          transform: translateY(-9px) rotate(45deg);
}

.p-hamburgerMenu__text {
  left: 12px;
  top: 43px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  font-size: 9px;
  position: absolute;
}

@media screen and (min-width: 750px), print {
  .p-hamburgerMenu {
    display: none;
  }
}

.p-hamburgerMenu--dummy {
  display: inline-block;
  background-color: transparent;
  height: 68px;
  width: 60px;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .p-hamburgerMenu--dummy {
    display: none;
  }
}

.p-header {
  background-color: #f4f6f7;
}

.p-header__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 68px;
}

@media screen and (min-width: 750px), print {
  .p-header__wrap {
    height: 110px;
  }
}

.p-headerImage {
  /*動画が拡大されて、上下は切れる*/
}

.p-headerImage--rAndD .topVisual-slide img {
  width: 100%;
}

.p-headerImage--rAndD .topVisual .pagination-list-item-control {
  opacity: 1;
  height: 80px;
  width: 30px;
  background-color: #3c4546;
}

.p-headerImage--rAndD .topVisual .pagination-list-item-control:hover {
  opacity: 0.5;
}

.p-headerImage--rAndD .topVisual .pagination-list-item-control.is_previous::before {
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
}

.p-headerImage--rAndD .topVisual .pagination-list-item-control.is_next::before {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}

@media screen and (min-width: 750px), print {
  .p-headerImage--rAndD .topVisual.for_pc .topVisual-slide-nav {
    margin: 0 auto;
    top: calc(50% - 40px);
    width: auto;
  }
  .p-headerImage--rAndD .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_previous {
    left: 30px;
  }
  .p-headerImage--rAndD .topVisual.for_pc .topVisual-slide-nav .topVisual-slide-nav-item.is_next {
    right: 30px;
  }
}

.p-headerImage--brand {
  padding-bottom: 15px;
}

.p-headerImage--brand .topVisual-slide {
  margin-bottom: 20px;
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual-slide {
    width: 100%;
    height: auto;
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual-slide img {
    width: 100%;
  }
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual-slide-nav {
    width: 100%;
  }
}

.p-headerImage--brand .topVisual-slide-nav-item.is_previous {
  left: 0;
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual-slide-nav-item.is_previous {
    left: 100px;
  }
}

.p-headerImage--brand .topVisual-slide-nav-item.is_next {
  right: 0;
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual-slide-nav-item.is_next {
    right: 100px;
  }
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand .topVisual .pagination-list-item-control {
    opacity: 1;
  }
}

.p-headerImage--brand .topVisual-slide-indicator {
  text-align: center;
}

.p-headerImage--brand .topVisual-slide-indicator .swiper-pagination-bullet {
  background-color: #666;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.p-headerImage--brand .topVisual-slide-indicator .swiper-pagination-bullet-active {
  background-color: #dd0000;
}

@media screen and (min-width: 750px), print {
  .p-headerImage--brand {
    padding-bottom: 83px;
  }
}

.p-headerImage__movie {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .p-headerImage__movie {
    height: 418px;
  }
}

.p-headerImage__movie .movie-contentArea {
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  right: 0;
  width: 100%;
  position: absolute;
}

.p-headerImage__movieFront {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 418px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.p-headerImage__movieLinkArea {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
}

.p-headerMenu {
  display: none;
}

@media screen and (min-width: 750px), print {
  .p-headerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 30px 0 auto;
    position: absolute;
    right: 0;
  }
}

.p-headerMenu__selectArea {
  position: relative;
}

.p-headerMenu__select {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  border: 1px solid gray;
  border-radius: 3px 0 0 3px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2px 28px 2px 0.5em;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(51%, #f4f6f7), to(#DFE1E2));
  background: linear-gradient(to bottom, #ffffff 0%, #f4f6f7 51%, #DFE1E2 100%);
  width: 100%;
  max-width: 230px;
}

.p-headerMenu__select--icon {
  color: #014254;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 2%;
  top: 24%;
  pointer-events: none;
}

.p-headerMenu__searchBox {
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .p-headerMenu__searchBox {
    margin: 0 0 0 71px;
  }
}

.p-headerMenu__searchBoxButton {
  width: 36px;
  height: 36px;
  background-color: #014254;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-headerMenu__searchBoxButton--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  padding-top: 6px;
  color: #fff;
  text-decoration: none;
}

.p-headerMenu__searchBoxButton--icon:hover {
  text-decoration: none;
}

.p-headerMenu__searchBoxInput {
  display: none;
  border: 1px solid gray;
  border-radius: 3px 0 0 3px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2px 2px 2px 0.5em;
  background-color: white;
  width: 100%;
}

[class*="p-icon"] {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.p-industryContact__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 14px 0 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__list {
    margin: 28px 0 0;
  }
}

.p-industryContact__item {
  list-style: none;
  border: 1px solid #d8d8d8;
  margin: 0;
  padding: 0;
  width: calc(93% / 3);
}

.p-industryContact__itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #464646;
  text-decoration: none !important;
  padding: 20px 5px;
  margin: 0;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__itemLink {
    padding: 14px 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-industryContact__itemLink:hover {
  color: #dd0000;
  text-decoration: none !important;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__itemLink {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-industryContact__item i {
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
}

.p-industryContact__item .icon-message_thin {
  font-size: 20px;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__item .icon-message_thin {
    font-size: 30px;
    margin-right: 20px;
  }
}

.p-industryContact__item .icon-wrench {
  font-size: 20px;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__item .icon-wrench {
    font-size: 30px;
    margin-right: 20px;
  }
}

.p-industryContact__item .icon-file {
  font-size: 20px;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__item .icon-file {
    font-size: 30px;
    margin-right: 20px;
  }
}

.p-industryContact__title {
  font-size: 8px;
  margin: 8px 0 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .p-industryContact__title {
    font-size: 16px;
    margin: 0;
  }
}

.p-industryProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-industryProduct__information {
  margin-bottom: 14px;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__information {
    margin-bottom: 0;
    width: 32.69%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-industryProduct__imageAreaInner {
  border: solid 1px #d8d8d8;
  padding: 18px;
  background: #fff;
}

.p-industryProduct__imageAreaInner img {
  display: block;
  width: 50%;
  max-width: 299px;
  margin: auto;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__imageAreaInner img {
    width: 70%;
    max-width: 338px;
  }
}

.p-industryProduct__textArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 3px solid #dd0000;
  background-color: #d8d8d8;
  position: relative;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__textArea {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.p-industryProduct__textAreaInner {
  width: 100%;
  margin: 20px 18px 14px;
}

.p-industryProduct__tag {
  position: absolute;
  top: -16px;
  left: 20px;
  padding: 4px 10px;
  color: #fff;
  background-color: #dd0000;
  font-size: 12px;
}

.p-industryProduct__title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
  font-weight: bold;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__title {
    font-size: 16px;
    line-height: 1.6;
  }
}

.p-industryProduct__titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.p-industryProduct__titleLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  text-decoration: none !important;
}

.p-industryProduct__titleLink:hover {
  text-decoration: underline !important;
  color: #464646 !important;
}

.p-industryProduct .arrow {
  margin-right: 8px;
}

.p-industryProduct .arrow:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  border-right: solid 2px #dd0000;
  border-top: solid 2px #dd0000;
  transform: rotate(45deg);
}

.p-industryProduct__summary {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__summary {
    font-size: 14px;
    line-height: 1.4;
  }
}

.p-industryProduct__summaryText {
  display: block;
  text-decoration: none !important;
  line-height: 1.4;
  margin: 0;
}

.p-industryProduct a.p-industryProduct__summaryText:hover {
  text-decoration: underline !important;
  color: #464646 !important;
}

.p-industryProduct__titleArea + .p-industryProduct__summary {
  margin: 6px 0 0;
  padding: 0;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__titleArea + .p-industryProduct__summary {
    margin: 1px 0 0;
  }
}

.p-industryProduct__promotion {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-industryProduct__promotion {
    width: 66.34%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-industryProduct__promotion img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-links {
  padding: 30px 20px 0;
}

@media screen and (min-width: 750px), print {
  .p-links {
    padding: 28px 0 0;
  }
}

.p-links ul,
.p-links li {
  padding: 0;
}

.p-links__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 750px), print {
  .p-links__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.p-links__item {
  list-style: none;
  width: 49%;
  margin-bottom: 28px;
}

@media screen and (min-width: 750px), print {
  .p-links__item {
    width: 252px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}

.p-links__item:nth-child(4n) {
  margin-right: 0;
}

.p-links__item > a {
  color: inherit;
  text-decoration: underline;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.p-links__item > a:hover {
  text-decoration: none;
}

.p-links__item > a:hover .p-links__title {
  color: red;
}

.p-links__item > a:hover .p-links__image {
  opacity: 0.7;
}

.p-links__title {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-size: 14px;
  text-align: left;
  margin: 0;
  padding-top: 8px;
}

.p-links__image {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.p-linkText--withIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: inherit;
  line-height: inherit;
}

.p-linkText--withIcon [class*="p-linkText__icon"] {
  margin-left: 5px;
  color: inherit;
}

.p-linkText__text {
  text-decoration: underline;
}

.p-linkText--withIconCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-linkText--withIconCenter [class*="p-linkText__icon"] {
  margin-left: 5px;
  color: inherit;
}

a.p-linkText--withIcon {
  text-decoration: none;
}

.p-movie--youtube,
.p-movie--jstream {
  width: 100%;
  padding-bottom: 56.25%;
  /* 高さを指定(16:9) */
  position: relative;
  height: 0;
}

.p-pagination--today {
  padding: 50px 0 60px;
}

@media (min-width: 740px) {
  .p-pagination--today {
    padding: 45px 0;
  }
}

.p-pagination--today .paging-btn {
  width: 256px;
}

.p-pagination--today .paging-btn_startPage, .p-pagination--today .paging-btn_prevPage, .p-pagination--today .paging-btn_nextPage, .p-pagination--today .paging-btn_endPage {
  border-radius: 3px;
  border: 1px solid #014254;
  color: #014254;
  background-color: white;
}

.p-pagination--today .paging-btn_startPage:hover, .p-pagination--today .paging-btn_prevPage:hover, .p-pagination--today .paging-btn_nextPage:hover, .p-pagination--today .paging-btn_endPage:hover {
  border: 1px solid #fec330;
  background-color: #fec330;
  color: white;
}

@media screen and (min-width: 750px), print {
  .p-pagination--today .paging-btn-pc b.selectPage {
    border-radius: 3px;
    border: 1px solid #fec330;
    background-color: #fec330;
    color: white;
    font-weight: bold;
  }
}

@media screen and (min-width: 750px), print {
  .p-pagination--today .paging-btn-pc .paging-btn_numberPage {
    border-radius: 3px;
    border: 1px solid #014254;
    color: #014254;
    background-color: white;
    font-weight: bold;
  }
  .p-pagination--today .paging-btn-pc .paging-btn_numberPage:hover {
    border: 1px solid #fec330;
    background-color: #fec330;
    color: white;
  }
}

.p-pagination--brand {
  padding: 0 0 60px;
}

.p-pagination--brand .paging-btn {
  width: 256px;
}

.p-pagination--brand .paging-btn_startPage, .p-pagination--brand .paging-btn_prevPage, .p-pagination--brand .paging-btn_nextPage, .p-pagination--brand .paging-btn_endPage {
  color: black;
  background-color: white;
}

.p-pagination--brand .paging-btn_startPage:hover, .p-pagination--brand .paging-btn_prevPage:hover, .p-pagination--brand .paging-btn_nextPage:hover, .p-pagination--brand .paging-btn_endPage:hover {
  color: white;
  background-color: black;
}

@media screen and (min-width: 750px), print {
  .p-pagination--brand .paging-btn-pc b.selectPage {
    color: white;
    background-color: black;
  }
}

@media screen and (min-width: 750px), print {
  .p-pagination--brand .paging-btn-pc .paging-btn_numberPage {
    color: black;
    background-color: white;
  }
  .p-pagination--brand .paging-btn-pc .paging-btn_numberPage:hover {
    color: white;
    background-color: black;
  }
}

.p-todayPickup {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  height: auto;
  overflow-y: auto;
  z-index: 2;
  background-color: #e8e7d9;
  border-radius: none;
  padding-top: 20px;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 20px;
  background: url(../images/today/filter_bg.png) repeat;
  border-radius: 5px;
}

.p-todayPickup--sp {
  padding-left: 7px;
  padding-right: 7px;
  margin: 0 0 20px;
}

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

.p-todayPickup__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-todayPickup__title {
  background-position-y: center;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.1;
}

@media screen and (min-width: 750px), print {
  .p-todayPickup__title {
    font-size: 20px;
    line-height: 1.2;
  }
}

.p-todayPickup__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
}

.p-todayPickup__item {
  width: 100%;
  margin: 20px 0 0;
  list-style-type: none;
}

.p-todayPickup__item:first-of-type {
  margin: 10px 0 0;
}

@media screen and (min-width: 750px), print {
  .p-todayPickup__item {
    margin: 18px 0 0;
  }
  .p-todayPickup__item:first-of-type {
    margin: 8px 0 0;
  }
}

.p-todayPickup__linkArea {
  text-decoration: none;
}

.p-todayPickup__linkArea:hover {
  text-decoration: none;
}

.p-todayPickup__linkArea:hover .p-todayPickup__img {
  opacity: 0.75;
}

.p-todayPickup__img {
  margin: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .p-todayPickup__img {
    height: 145px;
  }
}

.p-todayPickup__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin: 8px 0 0;
  color: #464646;
  background-position: left center;
}

.p-todayPickup__text {
  font-size: 16px;
  color: #464646;
  line-height: 1.6;
  font-weight: bold;
  margin: 8px 0 0;
  padding: 0 0 0 15px;
  background-image: url(../images/today/list_icon_18.png);
}

@media screen and (min-width: 750px), print {
  .p-todayPickup__text {
    line-height: 1.4;
  }
}

.p-todayPickup__subtext {
  font-size: 16px;
  color: #464646;
  line-height: 1.6;
  margin: 2px 0 0;
  padding: 0 0 0 15px;
  line-height: 1.2;
}

.p-returnButton {
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 2px;
  border: #014254 1px solid;
  color: #014254;
}

@media screen and (min-width: 750px), print {
  .p-returnButton {
    font-size: 16px;
  }
}

.p-returnButton:hover {
  border: none;
  border: #fec330 1px solid;
  background-color: #fec330;
  color: white;
}

.p-returnButton--disable, .p-returnButton--disable:hover {
  border: none;
  background-color: #e4ebeb;
  cursor: not-allowed;
  color: #014254;
}

a.p-returnButton {
  text-decoration: none;
}

a.p-returnButton:hover {
  color: white;
}

.p-searchBox {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-searchBox--extend {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 300px;
  padding-right: 30px;
}

@media screen and (min-width: 750px), print {
  .p-searchBox--extend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-searchBox__input {
  border: 1px solid gray;
  border-radius: 3px 0 0 3px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2px 2px 2px 0.5em;
  background-color: white;
}

.p-searchBox__button {
  width: 36px;
  height: 36px;
  background-color: #014254;
  border-radius: 0 3px 3px 0;
  -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-searchBox__button .icon {
  position: relative;
  top: 4px;
}

@media screen and (min-width: 750px), print {
  .p-searchBox__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 36px auto 0;
    padding: 0;
    width: 1120px;
    height: 100%;
  }
}

.p-searchBox__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
}

input.p-searchBox__input--extend {
  border: 1px solid gray;
  border-radius: 3px 0 0 3px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2px 2px 2px 0.5em;
  background-color: white;
  width: 100%;
}

.p-shareButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 90px auto 45px;
  padding: 0 10px;
}

@media screen and (min-width: 750px), print {
  .p-shareButton {
    width: 924px;
  }
}

.p-shareButton > section.list-sns {
  display: inline-block;
}

.p-shareButton__copyUrl {
  position: relative;
  margin-bottom: -18px;
  padding-left: 7px;
}

.p-shareButton__copyUrl img {
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}

.p-shareButton__copyUrl img:hover {
  opacity: 0.8;
}

.p-shareButton--brand {
  margin: 50px auto 60px;
}

@media screen and (min-width: 750px), print {
  .p-shareButton--brand {
    margin: 70px auto 60px;
  }
}

.p-shimadzuLogo {
  margin-left: 15px;
}

@media screen and (min-width: 750px), print {
  .p-shimadzuLogo {
    margin-left: 30px;
  }
}

.p-shimadzuLogo__image--pc {
  display: none;
  height: auto;
  width: 172px;
}

@media screen and (min-width: 750px), print {
  .p-shimadzuLogo__image--pc {
    display: inline;
  }
}

.p-shimadzuLogo__image--sp {
  height: auto;
  width: 140px;
}

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

.p-snsIcons {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 256px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-snsIcons {
    width: 434px;
  }
}

.p-snsIcons li + li {
  margin-left: 32px;
}

.p-snsIcons li:nth-child(2) {
  margin-left: 0;
}

@media screen and (min-width: 750px), print {
  .p-snsIcons li:nth-child(2) {
    margin-left: 32px;
  }
}

.p-snsIcons__followUs--pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .p-snsIcons__followUs--pc {
    display: block;
  }
}

.p-snsIcons__followUs--sp {
  margin: 0 auto 7px;
  display: block;
}

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

.p-snsIcons__followUs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-snsIcons__followUs {
    width: auto;
  }
}

.p-snsIcons__facebook, .p-snsIcons__twitter, .p-snsIcons__youTube, .p-snsIcons__linkedIn {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}

.p-snsIcons__facebook:hover, .p-snsIcons__twitter:hover, .p-snsIcons__youTube:hover, .p-snsIcons__linkedIn:hover {
  opacity: 0.5;
}

.p-snsIcons--brand {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto;
}

@media screen and (min-width: 750px), print {
  .p-snsIcons--brand {
    margin: 30px 0;
    width: 256px;
  }
}

.p-snsIcons--brand li + li {
  margin-left: 32px;
}

.p-snsIcons--brand li:nth-child(2) {
  margin-left: 32px;
}

.p-squareTile {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 7px;
  padding-right: 7px;
}

@media screen and (min-width: 750px), print {
  .p-squareTile {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.p-squareTile__item--1to2 {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--1to2 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 50%;
  }
}

.p-squareTile__item--1to2 .p-squareTile__link {
  top: 2%;
  left: 2%;
  width: 96%;
  height: 96%;
}

.p-squareTile__item--1to2 .p-squareTile__image {
  width: 90%;
  height: 90%;
}

.p-squareTile__item--1to2 .p-squareTile__title {
  width: 76%;
  height: calc(3em * 1.5);
  font-size: 16px;
  overflow: hidden;
  line-height: 1.5;
  bottom: 24px;
  right: 8px;
  outline: white 8px solid;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--1to2 .p-squareTile__title {
    height: calc(2em * 1.5);
    font-size: 20px;
    bottom: 30px;
    right: 10px;
    outline: white 10px solid;
  }
}

.p-squareTile__item--1to2 .p-squareTile__date {
  width: 10%;
  line-height: 10%;
  font-size: 16px;
  padding-top: 40px;
  background-image: url(../images/today/list_icon_31.png);
  color: #333;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--1to2 .p-squareTile__date {
    font-size: 20px;
    padding-top: 50px;
    background-image: url(../images/today/list_icon_40.png);
  }
}

.p-squareTile__item--filters {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 999;
  left: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--filters {
    position: relative;
    display: block;
    width: 50%;
  }
}

.p-squareTile__item--wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  position: relative;
}

.p-squareTile__item--wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--wrap {
    width: 50%;
  }
}

.p-squareTile__item--2to4 {
  width: 50%;
}

.p-squareTile__item--2to4 .p-squareTile__link {
  top: 4%;
  left: 4%;
  width: 92%;
  height: 92%;
}

.p-squareTile__item--2to4 .p-squareTile__image {
  width: 80%;
  height: 80%;
}

.p-squareTile__item--2to4 .p-squareTile__title {
  width: 70%;
  height: calc(3em * 1.3);
  font-size: 14px;
  overflow: hidden;
  line-height: 1.3;
  bottom: 0;
  right: 25px;
  outline: white 7px solid;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to4 .p-squareTile__title {
    height: calc(2em * 1.5);
    font-size: 16px;
    line-height: 1.5;
    bottom: 24px;
    right: 8px;
    outline: white 8px solid;
  }
}

.p-squareTile__item--2to4 .p-squareTile__date {
  width: 20%;
  font-size: 13px;
  padding-top: 23px;
  color: #333;
  background-image: url(../images/today/list_icon_18.png);
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to4 .p-squareTile__date {
    font-size: 16px;
    padding-top: 40px;
    background-image: url(../images/today/list_icon_31.png);
  }
}

.p-squareTile__item--2to2 {
  width: 50%;
}

.p-squareTile__item--2to2 .p-squareTile__link {
  top: 4%;
  left: 4%;
  width: 92%;
  height: 92%;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to2 .p-squareTile__link {
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
  }
}

.p-squareTile__item--2to2 .p-squareTile__image {
  width: 80%;
  height: 80%;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to2 .p-squareTile__image {
    width: 90%;
    height: 90%;
  }
}

.p-squareTile__item--2to2 .p-squareTile__title {
  width: 70%;
  height: calc(3em * 1.3);
  font-size: 14px;
  overflow: hidden;
  line-height: 1.3;
  bottom: 0;
  right: 25px;
  outline: white 7px solid;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to2 .p-squareTile__title {
    width: 76%;
    height: calc(2em * 1.5);
    font-size: 20px;
    line-height: 1.5;
    bottom: 30px;
    right: 10px;
    outline: white 10px solid;
  }
}

.p-squareTile__item--2to2 .p-squareTile__date {
  width: 20%;
  font-size: 13px;
  padding-top: 23px;
  background-image: url(../images/today/list_icon_18.png);
  color: #333;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--2to2 .p-squareTile__date {
    width: 10%;
    line-height: 10%;
    font-size: 20px;
    padding-top: 40px;
    background-image: url(../images/today/list_icon_31.png);
  }
}

.p-squareTile__item--detailPage {
  width: 50%;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--detailPage {
    width: 25%;
    margin-bottom: 0;
  }
}

.p-squareTile__item--detailPage .p-squareTile__link {
  top: 0;
  left: 0;
  width: 97%;
  height: 97%;
}

.p-squareTile__item--detailPage .p-squareTile__image {
  width: 80%;
  height: 80%;
}

.p-squareTile__item--detailPage .p-squareTile__title {
  width: 70%;
  height: calc(3em * 1.3);
  font-size: 14px;
  overflow: hidden;
  line-height: 1.3;
  bottom: 0;
  right: 25px;
  outline: white 7px solid;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--detailPage .p-squareTile__title {
    height: calc(2em * 1.5);
    font-size: 16px;
    line-height: 1.5;
    bottom: 24px;
    right: 8px;
    outline: white 8px solid;
  }
}

.p-squareTile__item--detailPage .p-squareTile__date {
  width: 20%;
  font-size: 13px;
  padding-top: 23px;
  color: #333;
  background-image: url(../images/today/list_icon_18.png);
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--detailPage .p-squareTile__date {
    font-size: 16px;
    padding-top: 40px;
    background-image: url(../images/today/list_icon_31.png);
  }
}

.p-squareTile__item--pickup {
  display: none;
}

@media screen and (min-width: 750px), print {
  .p-squareTile__item--pickup {
    width: 100%;
    overflow: hidden;
    z-index: 999;
    overflow: hidden;
    position: relative;
    display: block;
    width: 50%;
  }
}

.p-swiper--sp {
  display: block;
}

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

.p-swiper--pc {
  display: none;
}

@media screen and (min-width: 750px), print {
  .p-swiper--pc {
    display: block;
  }
}

.p-swiper__slides {
  position: relative;
}

.p-swiper__prevButton {
  z-index: 1;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  position: absolute;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.p-swiper__prevButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  width: 5px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.p-swiper--sp .p-swiper__prevButton {
  left: 0;
}

.p-swiper--pc .p-swiper__prevButton {
  left: 100px;
}

.p-swiper__prevButton:hover {
  background-color: #dd0000;
}

.p-swiper__prevButton:hover:before {
  border-right: solid 1px #f5f5f5;
  border-top: solid 1px #f5f5f5;
}

.p-swiper__nextButton {
  z-index: 1;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  position: absolute;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.p-swiper__nextButton:before {
  border: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  width: 5px;
  border-right: solid 1px #dd0000;
  border-top: solid 1px #dd0000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-swiper--sp .p-swiper__nextButton {
  right: 0;
}

.p-swiper--pc .p-swiper__nextButton {
  right: 100px;
}

.p-swiper__nextButton:hover {
  background-color: #dd0000;
}

.p-swiper__nextButton:hover:before {
  border-right: solid 1px #f5f5f5;
  border-top: solid 1px #f5f5f5;
}

.p-swiper__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 25px;
}

.p-swiper__pagination .swiper-pagination-bullet {
  background-color: #666;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.p-swiper__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 10px;
}

.p-swiper__pagination .swiper-pagination-bullet-active {
  background-color: red;
}

.p-text--italic {
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  display: inline-block;
  text-decoration: inherit;
}

.p-todayLogo {
  margin: 0 auto;
}

.p-todayLogo__image--pc {
  display: none;
  height: auto;
  width: 305px;
}

@media screen and (min-width: 750px), print {
  .p-todayLogo__image--pc {
    display: inline;
  }
}

.p-todayLogo__image--sp {
  height: auto;
  width: 108px;
}

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

.p-toolTip--copyUrl {
  display: none;
  position: absolute;
  bottom: -32px;
  right: 0;
  padding: 3px 9px;
  border-radius: 3px;
  font-size: 12px;
  background-color: white;
  color: #014254;
  border: #014254 solid 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

.p-toolTip--copyUrl.is_active {
  display: block;
}

.p-yearButton {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-yearButton__item {
  font-weight: bold;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  width: 90px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 18px;
  margin-bottom: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  border: #014254 1px solid;
  color: #014254;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

@media screen and (min-width: 750px), print {
  .p-yearButton__item:hover {
    color: white;
    border: none;
    border: #fec330 1px solid;
    background-color: #fec330;
  }
}

.p-yearButton__item.is_active {
  color: white;
  border: none;
  border: #fec330 1px solid;
  background-color: #fec330;
}

[class*="u-margin"][class*="--SP30"] {
  margin-top: 30px;
}

[class*="u-margin"][class*="--SP32"] {
  margin-top: 32px;
}

[class*="u-margin"][class*="--SP35"] {
  margin-top: 35px;
}

[class*="u-margin"][class*="--SP60"] {
  margin-top: 60px;
}

[class*="u-margin"][class*="--SP80"] {
  margin-top: 80px;
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC0"] {
    margin-top: 0;
  }
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC35"] {
    margin-top: 35px;
  }
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC10"] {
    margin-top: 10px;
  }
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC40"] {
    margin-top: 40px;
  }
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC60"] {
    margin-top: 60px;
  }
}

@media screen and (min-width: 750px), print {
  [class*="u-margin"][class*="--PC100"] {
    margin-top: 100px;
  }
}

.balansingMachine {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balansingMachine__container {
  display: table-column;
  width: 98%;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.balansingMachine__wrapContainer {
  width: 100%;
}

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

.balansingMachine__searchLeft {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__searchLeft {
    width: 25%;
    margin-right: 1%;
  }
}

.balansingMachine__wrapSesarchItems {
  height: 100%;
  margin-left: 5px;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__wrapSesarchItems {
    margin-left: 0;
  }
}

.balansingMachine__wrapStickyItems {
  position: -webkit-sticky;
  position: sticky;
  top: 195px;
}

.balansingMachine__wrapSelectOptions {
  font-weight: 400;
}

.balansingMachine__selectOption {
  font-size: 14px;
  -webkit-appearance: checkbox;
}

.balansingMachine__optionText {
  font-size: 14px;
  font-weight: 400;
  display: inline;
}

.balansingMachine__selectOptionText {
  width: 75px;
  border: revert;
  background-color: white;
}

.balansingMachine__inlineText {
  display: inline;
}

.balansingMachine__wrapSearchItem {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-left: 3px;
  background-color: whitesmoke;
  padding: 10px 15px;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__wrapSearchItem {
    margin-left: initial;
  }
}

.balansingMachine__wrapClearButton {
  text-align: center;
}

.balansingMachine__clearButton {
  border: 1px solid;
  border-radius: 5px;
  padding: 10px 100px;
  background-color: white;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__clearButton {
    padding: 5px 30px;
  }
}

.balansingMachine__questionText {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: initial;
  display: contents;
}

.balansingMachine__infoItemsRight {
  width: 100%;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__infoItemsRight {
    width: 75%;
  }
}

.balansingMachine__wrapInfoItem:first-of-type {
  margin-top: 15px;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__wrapInfoItem:first-of-type {
    margin-top: initial;
  }
}

.balansingMachine__wrapInfoItem:last-of-type {
  margin-bottom: 10px;
}

.balansingMachine__wrapInfoItem {
  margin-top: 10px;
  border: 1px solid #e6e6e6;
  margin-left: 3px;
}

@media screen and (min-width: 750px), print {
  .balansingMachine__wrapInfoItem {
    margin-left: initial;
  }
}

.balansingMachine__wrapNoMatch {
  margin: 30px 0;
}

.balansingMachine__noMatch {
  font-size: 2.6rem;
  text-align: center;
}

.balansingMachine__imgOverviewWrap {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.balansingMachine__infoItem + .balansingMachine__infoItem {
  margin-top: 10px;
}

.balansingMachine__imgWrap {
  width: 33%;
  margin: 5px;
}

.balansingMachine__img {
  display: block;
  margin: 0 auto;
}

.balansingMachine__overviewWrap {
  width: 65%;
  padding-right: 10px;
}

.balansingMachine__overviewTitle {
  font-size: 26px;
  font-weight: initial;
  margin-bottom: 5px;
  margin-top: initial;
}

.balansingMachine__heading {
  margin-bottom: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.6rem;
  padding-bottom: 4px;
  border-bottom: 1px solid red;
}

.balansingMachine__ul li:nth-child(n + 3) {
  display: none;
}

.balansingMachine__li:nth-of-type(2):after {
  content: "…";
}

.balansingMachine__description {
  margin-top: 5px;
  margin-bottom: 0;
  overflow-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.balansingMachine__wrapButtonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5px 5px 10px 5px;
  padding: 0;
}

.balansingMachine__wrapButton {
  list-style-type: none;
}

.balansingMachine__wrapButton + .balansingMachine__wrapButton {
  margin-left: 20px;
}

.balansingMachine__buttonInner {
  margin: 0;
}

.balansingMachine__buttonTitle {
  font-size: 1.6rem !important;
}

.balansingMachine__addPadding {
  padding: 14px;
}

.loadAnimation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.loadAnimation::after {
  -webkit-animation: loadAnimation 0.5s linear infinite;
          animation: loadAnimation 0.5s linear infinite;
  border: 1px solid red;
  border-radius: 50%;
  border-right: 1px solid rgba(255, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 0, 0, 0.2);
  content: "";
  height: 70px;
  width: 70px;
}

@-webkit-keyframes loadAnimation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loadAnimation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*# sourceMappingURL=../maps/style.css.map */