@charset "UTF-8";
/*
Theme Name: シントク株式会社
Theme URL: https://shintoku.co.jp/
Description: シントク株式会社
Author: シントク株式会社
Version: シントク株式会社1.0
Tags: シントク株式会社
License: シントク株式会社
License URI:  https://shintoku.co.jp/
*/
@-webkit-keyframes Shake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
            transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    -webkit-transform: translate(0px, -5px) rotateZ(5deg);
            transform: translate(0px, -5px) rotateZ(5deg); }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
            transform: translate(0px, 0px) rotateZ(0deg); }
  75% {
    -webkit-transform: translate(0px, -5px) rotateZ(-5deg);
            transform: translate(0px, -5px) rotateZ(-5deg); } }
@keyframes Shake {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
            transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    -webkit-transform: translate(0px, -5px) rotateZ(5deg);
            transform: translate(0px, -5px) rotateZ(5deg); }
  50% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
            transform: translate(0px, 0px) rotateZ(0deg); }
  75% {
    -webkit-transform: translate(0px, -5px) rotateZ(-5deg);
            transform: translate(0px, -5px) rotateZ(-5deg); } }

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

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */ }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block; }

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

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

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

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

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

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
      -ms-scroll-snap-type: none;
          scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
      -ms-flex-order: 9999;
          order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

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

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

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

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

.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%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear; }

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

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

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

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

/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.pride01SlideBox .swiper-button-prev,
.pride01SlideBox .swiper-button-next {
  position: absolute;
  top: 107%;
  width: 82px;
  /* ボタンの幅 */
  height: 38px;
  /* ボタンの高さ */
  background-size: 82px 38px;
  /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 1024px) {
    .pride01SlideBox .swiper-button-prev,
    .pride01SlideBox .swiper-button-next {
      top: 96%; } }
  @media screen and (max-width: 520px) {
    .pride01SlideBox .swiper-button-prev,
    .pride01SlideBox .swiper-button-next {
      top: 112%;
      width: 38px;
      /* ボタンの幅 */
      height: 16px;
      /* ボタンの高さ */
      background-size: 38px 16px;
      /* 背景画像としてのサイズ（＝表示したい画像サイズ） */ } }

.companyEnvironmentSlideBox .swiper-button-prev,
.companyEnvironmentSlideBox .swiper-button-next {
  position: absolute;
  top: 105%;
  width: 82px;
  /* ボタンの幅 */
  height: 38px;
  /* ボタンの高さ */
  background-size: 82px 38px;
  /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 1024px) {
    .companyEnvironmentSlideBox .swiper-button-prev,
    .companyEnvironmentSlideBox .swiper-button-next {
      top: 112%; } }
  @media screen and (max-width: 520px) {
    .companyEnvironmentSlideBox .swiper-button-prev,
    .companyEnvironmentSlideBox .swiper-button-next {
      top: 115%;
      width: 38px;
      /* ボタンの幅 */
      height: 16px;
      /* ボタンの高さ */
      background-size: 38px 16px;
      /* 背景画像としてのサイズ（＝表示したい画像サイズ） */ } }

.companyEventSlideBox .swiper-button-prev,
.companyEventSlideBox .swiper-button-next {
  position: absolute;
  top: 105%;
  width: 82px;
  /* ボタンの幅 */
  height: 38px;
  /* ボタンの高さ */
  background-size: 82px 38px;
  /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 1024px) {
    .companyEventSlideBox .swiper-button-prev,
    .companyEventSlideBox .swiper-button-next {
      top: 112%; } }
  @media screen and (max-width: 520px) {
    .companyEventSlideBox .swiper-button-prev,
    .companyEventSlideBox .swiper-button-next {
      top: 112%;
      width: 38px;
      /* ボタンの幅 */
      height: 16px;
      /* ボタンの高さ */
      background-size: 38px 16px;
      /* 背景画像としてのサイズ（＝表示したい画像サイズ） */ } }

.swiper-button-next {
  background-image: url(images/arrowR.png);
  background-repeat: no-repeat; }

.swiper-button-prev {
  background-image: url(images/arrowL.png);
  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-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0;
  right: auto; }
  @media screen and (max-width: 1024px) {
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      left: 0; } }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto; }
  @media screen and (max-width: 1024px) {
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 0; } }

.companyEnvironmentSlideBox .swiper-button-prev,
.companyEnvironmentSlideBox .swiper-rtl .swiper-button-next {
  left: 3%;
  right: auto; }

.companyEnvironmentSlideBox .swiper-button-next,
.companyEnvironmentSlideBox .swiper-rtl .swiper-button-prev {
  right: 3%;
  left: auto; }

.companyEventSlideBox .swiper-button-prev,
.companyEventSlideBox .swiper-rtl .swiper-button-next {
  left: 3%;
  right: auto; }

.companyEventSlideBox .swiper-button-next,
.companyEventSlideBox .swiper-rtl .swiper-button-prev {
  right: 3%;
  left: auto; }

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

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */ }

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

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%; }

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

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

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

.swiper-pagination-bullet:only-child {
  display: none !important; }

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

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

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit); }

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

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

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

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

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

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

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */ }

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

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important; }

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }

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

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

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

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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; }

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
      touch-action: none; }

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

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

.swiper-grid > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px); }

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

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible; }

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

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

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

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform; }

.swiper.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-open {
  overflow: hidden !important; }

.drawer-nav {
  position: fixed;
  z-index: 200;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #000000;
  background-color: #000000;
  padding: 20px; }

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none; }

/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
  right: 0%;
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none; }

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  top: 0;
  opacity: 1.0;
  pointer-events: auto; }

.drawer--right.drawer-open .drawer-hamburger {
  right: 0; }

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
  display: none; }
  @media screen and (max-width: 1024px) {
    .drawer-hamburger {
      position: fixed;
      z-index: 300;
      display: block;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: auto;
      height: auto;
      padding: 0;
      margin: 40px 2.5% 0 0;
      -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      border: 0;
      outline: 0;
      opacity: 1.0; } }

.drawer-hamburger.hide {
  opacity: 0; }

.drawer-hamburger:hover {
  cursor: pointer;
  opacity: 1.0; }

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin: 0;
  top: 0;
  right: 0;
  width: 60px;
  height: 1px;
  background-color: #ffffff; }

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 60px;
  height: 1px;
  background-color: #ffffff; }

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -12px;
  right: 0;
  content: ' ';
  width: 60px;
  height: 1px; }

.drawer-hamburger-icon,
.drawer-hamburger-icon::before,
.drawer-hamburger-icon::after {
  -webkit-transition: background-color 0.3s ease, top 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, top 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, top 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }

.drawer-hamburger-icon.is-white,
.drawer-hamburger-icon.is-white::before,
.drawer-hamburger-icon.is-white::after {
  background-color: #ffffff; }

.drawer-hamburger-icon.is-black,
.drawer-hamburger-icon.is-black::before,
.drawer-hamburger-icon.is-black::after {
  background-color: #000000; }

.headerSub02 .drawer-hamburger-icon, .headerSub02 .drawer-hamburger-icon:before,
.headerSub02 .drawer-hamburger-icon:after {
  background-color: #000000; }

.drawer-hamburger-icon:after {
  top: 12px; }

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
  height: 0; }

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
  background-color: #fff; }

.headerSub02 .drawer-open .drawer-hamburger-icon,
.headerSub02 .drawer-open .drawer-hamburger-icon:before,
.headerSub02 .drawer-open .drawer-hamburger-icon:after {
  background-color: #fff; }

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/
/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0; }

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
  background-color: #fff; }

.drawer--sidebar .drawer-contents {
  background-color: #fff; }

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden; }
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%; }
  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd; }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem; }
  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd; }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem; }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem; } }

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem; }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem; }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem; }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem; } }

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
  padding-top: 3.75rem; }

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff; }

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%; }

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
  position: fixed; }

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center; }

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none; }

.drawer-navbar .drawer-brand:hover {
  background-color: transparent; }

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem; }

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem; }

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0; }
  .drawer-navbar .drawer-menu--right {
    float: right; }
  .drawer-navbar .drawer-menu li {
    float: left; }
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0; }
  .drawer-navbar .drawer-hamburger {
    display: none; }
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .drawer-navbar .drawer-menu {
    padding: 0; }
  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd; }
  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem; } }

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff; }

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none; }

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222; }

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent; }

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block; }

/*! drawer-caret */
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

/*! open */
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem; } }

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem; } }

.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%);
  -ms-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%);
  -ms-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);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Montserrat", sans-serif;
  line-height: 1.1em;
  font-variant-numeric: tabular-nums; }

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

/*====================
 *   Base
 *====================*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-display: swap; }

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 62.5%;
  background: #fff;
  color: #000000;
  position: relative;
  z-index: 1;
  scroll-behavior: auto;
  scroll-padding-top: 120px;
  font-weight: 500;
  overflow-anchor: none; }
  @media screen and (max-width: 1024px) {
    html,
    body {
      min-width: 700px; } }
  @media screen and (max-width: 520px) {
    html,
    body {
      min-width: 0; } }

body {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

div, h1, h2, h3, h4, h5, p, a, hr, dl, dt, dd, img, video, article, ul, li, section {
  margin: 0;
  padding: 0; }

p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 500; }
  @media screen and (max-width: 520px) {
    p {
      font-size: 1.4rem;
      line-height: 1.75; } }

h1, h2, h3, h4, h5 {
  font-weight: 500; }

.noHide {
  display: block; }

.pcHide {
  display: none; }
  @media screen and (max-width: 1024px) {
    .pcHide {
      display: block; } }

.tbpcHide {
  display: none; }
  @media screen and (max-width: 520px) {
    .tbpcHide {
      display: block; } }

.sptbHide {
  display: block; }
  @media screen and (max-width: 1024px) {
    .sptbHide {
      display: none; } }

.spHide {
  display: block; }
  @media screen and (max-width: 520px) {
    .spHide {
      display: none; } }

.sppcHide {
  display: none; }
  @media screen and (max-width: 1024px) {
    .sppcHide {
      display: block; } }
  @media screen and (max-width: 520px) {
    .sppcHide {
      display: none; } }

.tbHide {
  display: block; }
  @media screen and (max-width: 1024px) {
    .tbHide {
      display: none; } }
  @media screen and (max-width: 520px) {
    .tbHide {
      display: block; } }

a {
  text-decoration: none;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer; }
  a:hover {
    opacity: 0.5; }

*:focus {
  outline: none; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

.noBoder {
  border: none !important; }

.noPadding {
  padding: 0 !important; }

.textCenter {
  text-align: center !important; }

.textLeft {
  text-align: left !important; }

/*====================
 *   COMMON
 *====================*/
.fadein-noscroll {
  -webkit-animation: fadein 1s ease forwards;
          animation: fadein 1s ease forwards;
  opacity: 0; }

@media screen and (max-width: 1024px) {
  .fadein-noscrollSp {
    -webkit-animation: fadein 1s ease forwards;
            animation: fadein 1s ease forwards;
    opacity: 0; } }

@-webkit-keyframes fadeinnoscroll {
  0% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes fadeinnoscroll {
  0% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.fadein {
  opacity: 0; }

.scrollin {
  opacity: 1;
  -webkit-animation: fadein 1.5s ease forwards;
          animation: fadein 1.5s ease forwards; }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.pc98px {
  font-size: 9.8rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc98px {
      font-size: 6.4rem; } }
  @media screen and (max-width: 520px) {
    .pc98px {
      font-size: 5.8rem; } }

.pc90px {
  font-size: 9.0rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc90px {
      font-size: 6.0rem; } }
  @media screen and (max-width: 520px) {
    .pc90px {
      font-size: 5.5rem; } }

.pc80px {
  font-size: 8.0rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc80px {
      font-size: 5.8rem; } }
  @media screen and (max-width: 520px) {
    .pc80px {
      font-size: 5.2rem; } }

.pc72px {
  font-size: 7.2rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc72px {
      font-size: 5.0rem; } }
  @media screen and (max-width: 520px) {
    .pc72px {
      font-size: 4.6rem; } }

.pc70px {
  font-size: 7.0rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc70px {
      font-size: 5.0rem; } }
  @media screen and (max-width: 520px) {
    .pc70px {
      font-size: 4.6rem; } }

.pc68px {
  font-size: 6.8rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc68px {
      font-size: 4.8rem; } }
  @media screen and (max-width: 520px) {
    .pc68px {
      font-size: 4.3rem; } }

.pc64px {
  font-size: 6.4rem;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .pc64px {
      font-size: 4.6rem; } }
  @media screen and (max-width: 520px) {
    .pc64px {
      font-size: 3.4rem; } }

.pc60px {
  font-size: 6.0rem;
  line-height: 1.25; }
  @media screen and (max-width: 1024px) {
    .pc60px {
      font-size: 4.5rem; } }
  @media screen and (max-width: 520px) {
    .pc60px {
      font-size: 3.2rem; } }

.pc56px {
  font-size: 5.6rem;
  line-height: 1.3; }
  @media screen and (max-width: 1024px) {
    .pc56px {
      font-size: 4.0rem; } }
  @media screen and (max-width: 520px) {
    .pc56px {
      font-size: 3.0rem; } }

.pc52px {
  font-size: 5.2rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc52px {
      font-size: 4.0rem; } }
  @media screen and (max-width: 520px) {
    .pc52px {
      font-size: 2.8rem; } }

.pc50px {
  font-size: 5.0rem;
  line-height: 1.25; }
  @media screen and (max-width: 1024px) {
    .pc50px {
      font-size: 3.8rem; } }
  @media screen and (max-width: 520px) {
    .pc50px {
      font-size: 2.6rem; } }

.pc48px {
  font-size: 4.8rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc48px {
      font-size: 3.8rem; } }
  @media screen and (max-width: 520px) {
    .pc48px {
      font-size: 2.4rem; } }

.pc44px {
  font-size: 4.4rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc44px {
      font-size: 3.6rem; } }
  @media screen and (max-width: 520px) {
    .pc44px {
      font-size: 2.3rem; } }

.pc40px {
  font-size: 4.0rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc40px {
      font-size: 3.0rem; } }
  @media screen and (max-width: 520px) {
    .pc40px {
      font-size: 2.2rem; } }

.pc36px {
  font-size: 3.6rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc36px {
      font-size: 2.8rem; } }
  @media screen and (max-width: 520px) {
    .pc36px {
      font-size: 2.0rem; } }

.pc32px {
  font-size: 3.2rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc32px {
      font-size: 2.4rem; } }
  @media screen and (max-width: 520px) {
    .pc32px {
      font-size: 2.0rem; } }

.pc30px {
  font-size: 3.0rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc30px {
      font-size: 2.6rem; } }
  @media screen and (max-width: 520px) {
    .pc30px {
      font-size: 2.0rem; } }

.pc28px {
  font-size: 2.8rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc28px {
      font-size: 2.4rem; } }
  @media screen and (max-width: 520px) {
    .pc28px {
      font-size: 1.6rem;
      line-height: 1.5; } }

.pc24px {
  font-size: 2.4rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc24px {
      font-size: 2.0rem; } }
  @media screen and (max-width: 520px) {
    .pc24px {
      font-size: 1.6rem; } }

.pc22px {
  font-size: 2.2rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc22px {
      font-size: 2.0rem; } }
  @media screen and (max-width: 520px) {
    .pc22px {
      font-size: 1.6rem; } }

.pc20px {
  font-size: 2.0rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc20px {
      font-size: 1.8rem; } }
  @media screen and (max-width: 520px) {
    .pc20px {
      font-size: 1.4rem; } }

.pc18px {
  font-size: 1.8rem;
  line-height: 1.75; }
  @media screen and (max-width: 1024px) {
    .pc18px {
      font-size: 1.6rem; } }
  @media screen and (max-width: 520px) {
    .pc18px {
      font-size: 1.3rem; } }

.pc16px {
  font-size: 1.6rem;
  line-height: 1.75; }
  @media screen and (max-width: 1024px) {
    .pc16px {
      font-size: 1.4rem; } }
  @media screen and (max-width: 520px) {
    .pc16px {
      font-size: 1.2rem; } }

.pc15px {
  font-size: 1.5rem;
  line-height: 1.75; }
  @media screen and (max-width: 1024px) {
    .pc15px {
      font-size: 1.3rem; } }
  @media screen and (max-width: 520px) {
    .pc15px {
      font-size: 1.2rem; } }

.pc14px {
  font-size: 1.4rem;
  line-height: 1.75; }
  @media screen and (max-width: 1024px) {
    .pc14px {
      font-size: 1.2rem; } }

.pc13px {
  font-size: 1.3rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc13px {
      font-size: 1.1rem; } }

.pc12px {
  font-size: 1.2rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc12px {
      font-size: 1.0rem; } }

.pc10px {
  font-size: 1.0rem;
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .pc10px {
      font-size: 1.0rem; } }

.justify {
  text-align: justify; }

.en {
  font-family: "Montserrat", sans-serif; }

.jp-l {
  font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }

.noMargin {
  margin: 0 0 0 0 !important; }

.display_none {
  display: none; }

.display_block {
  display: block; }

section {
  padding: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    section {
      padding: 65px 0 0 0; } }
  @media screen and (max-width: 520px) {
    section {
      padding: 50px 0 0 0; } }

.moreBtn {
  display: inline-block;
  color: #BE2721;
  border-bottom: 1px #BE2721 solid;
  padding: 0 0 5px 0;
  line-height: 1.0;
  margin: 35px 0 0 0;
  font-weight: bold; }
  @media screen and (max-width: 1024px) {
    .moreBtn {
      margin: 25px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .moreBtn {
      margin: 15px 0 0 0; } }

.moreBtnWhite {
  color: #fff;
  border-bottom: 1px #fff solid; }

.btnSqare a {
  background: #BE2721;
  display: block;
  line-height: 60px;
  width: 250px;
  height: 60px;
  color: #fff;
  text-align: center;
  margin: 60px auto 0; }
  @media screen and (max-width: 520px) {
    .btnSqare a {
      margin: 30px auto 0; } }

.pageHeader {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 700px;
  color: #fff; }
  @media screen and (max-width: 520px) {
    .pageHeader {
      height: 400px; } }

.headerGraphic {
  position: absolute;
  z-index: 100;
  width: 13.5%;
  bottom: -50px;
  right: 0; }
  @media screen and (max-width: 520px) {
    .headerGraphic {
      width: 25%;
      bottom: -20px; } }

.headerTitleBox {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 100;
  top: 50%;
  left: 5.8%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.headerTitleEn {
  font-weight: bold;
  margin: 15px 0 0 0; }

.pageIntro {
  width: 94%;
  margin: 60px auto 0;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    .pageIntro {
      margin: 40px auto 0; } }
  @media screen and (max-width: 520px) {
    .pageIntro {
      margin: 30px auto 0; } }

.pageIntroText {
  margin: 35px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .pageIntroText {
      margin: 25px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .pageIntroText {
      margin: 20px 0 0 0; } }

/*====================
 *   HEADER
 *====================*/
.headerPc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .headerPc {
      display: none; } }

.headerSp {
  display: none; }
  @media screen and (max-width: 1024px) {
    .headerSp {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      z-index: 100; } }

.headerLogo {
  width: 16%;
  margin: 15px 0 0 2%; }

.headerLogoSp {
  width: 30%;
  margin: 15px 0 0 2.5%; }
  @media screen and (max-width: 520px) {
    .headerLogoSp {
      width: 43%; } }

.headerPcMenu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  list-style: none; }
  .headerPcMenu ul li {
    margin: 30px 0 0 0;
    color: #fff;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal; }
    .headerPcMenu ul li a {
      color: #fff; }
    .headerPcMenu ul li a.is-white {
      color: #fff; }
    .headerPcMenu ul li a.is-black {
      color: #000000; }
  .headerPcMenu ul li:last-child a {
    color: #ffffff !important; }

li.headerPcMenuContact {
  padding: 30px 20px;
  background: #BE2721;
  margin: 0 !important;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    li.headerPcMenuContact {
      width: 30%;
      margin: 0 auto !important;
      padding: 20px 10px; } }
  @media screen and (max-width: 520px) {
    li.headerPcMenuContact {
      width: 50%;
      margin: 0 auto !important;
      padding: 20px 10px; } }

.headerSub02 .headerPcMenu li a {
  color: #000000; }

.headerSub02 .headerPcMenu li.headerPcMenuContact a {
  color: #fff; }

.menuListBox {
  padding: 50px 0 0 20%; }
  @media screen and (max-width: 1024px) {
    .menuListBox {
      padding: 300px 0 0 0;
      text-align: center; } }
  @media screen and (max-width: 520px) {
    .menuListBox {
      padding: 150px 0 0 0; } }
  .menuListBox li {
    margin: 0 0 20px 0; }
    @media screen and (max-width: 1024px) {
      .menuListBox li {
        margin: 0 0 30px 0; } }
    @media screen and (max-width: 520px) {
      .menuListBox li {
        margin: 0 0 40px 0; } }
    .menuListBox li a {
      color: #fff; }

/*====================
 *   FOOTER
 *====================*/
.footer {
  width: 100%;
  background: #000000;
  padding: 100px 0 10px 0;
  color: #fff;
  margin: 0 0 0 0; }
  @media screen and (max-width: 1024px) {
    .footer {
      padding: 65px 0 7px 0; } }
  @media screen and (max-width: 520px) {
    .footer {
      padding: 50px 0 20px 0; } }
  .footer ul li {
    list-style: none; }
    .footer ul li a {
      display: inline-block;
      color: #fff; }

.footerBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
  margin: 0 auto;
  position: relative; }

.footerPhoto {
  width: 25%;
  margin: 0 20% 0 0; }
  @media screen and (max-width: 520px) {
    .footerPhoto {
      width: 35%;
      margin: 0 10% 0 0; } }

.footerList {
  width: 45%; }
  .footerList a {
    color: #fff; }

.footerListText {
  margin: 0 0 25px 0;
  line-height: 1.0; }
  @media screen and (max-width: 1024px) {
    .footerListText {
      margin: 0 0 15px 0; } }

.footerListContact {
  margin: 0 0 60px 0; }
  @media screen and (max-width: 1024px) {
    .footerListContact {
      margin: 0 0 40px 0; } }
  .footerListContact a {
    background: #BE2721;
    display: inline-block;
    padding: 15px 25px;
    line-height: 1.0; }
    @media screen and (max-width: 1024px) {
      .footerListContact a {
        padding: 10px 20px; } }

.footerListHydrogen {
  width: 180px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #fff; }
  @media screen and (max-width: 520px) {
    .footerListHydrogen {
      width: 155px; } }
  .footerListHydrogen img {
    width: 13px;
    height: 13px;
    margin: 0 0 13px 13px; }

.footerCopy {
  width: 10%;
  display: inline-block;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1.0; }

.copyMark {
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  /* または -90deg */ }

.footerLogo {
  width: 25%;
  margin: 100px 0 0 3%; }
  @media screen and (max-width: 1024px) {
    .footerLogo {
      margin: 65px 0 0 3%; } }
  @media screen and (max-width: 520px) {
    .footerLogo {
      width: 40%;
      margin: 40px 0 0 3%; } }

.footerPolicyBox {
  margin: 100px 3% 0 auto;
  text-align: right; }
  @media screen and (max-width: 1024px) {
    .footerPolicyBox {
      margin: 65px 3% 0 auto; } }
  @media screen and (max-width: 520px) {
    .footerPolicyBox {
      margin: 50px auto 0 3%;
      text-align: left; } }
  .footerPolicyBox a {
    color: #fff;
    margin: 0 0 0 20px; }
    @media screen and (max-width: 520px) {
      .footerPolicyBox a {
        margin: 0 10px 0 0; } }

/*====================
 *   TOP
 *====================*/
.firstview {
  position: relative;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0; }

.firstviewSlideBox {
  width: 100%;
  height: 100%; }

#firstviewSlide {
  width: 100%;
  height: 100vh; }

.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.firstviewHydroBtn {
  display: block;
  position: absolute;
  z-index: 100;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding: 30px 15px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid #fff;
  border-radius: 102px;
  color: #fff;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  letter-spacing: 0.10rem; }
  @media screen and (max-width: 520px) {
    .firstviewHydroBtn {
      padding: 20px 8px; } }
  .firstviewHydroBtn img {
    width: 13px;
    margin: 15px 0 0 7px;
    text-align: center; }

.firstviewCopy {
  position: absolute;
  z-index: 100;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 4%;
  color: #fff; }

.firstviewLine01 {
  width: 1px;
  height: 268px;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 32%;
  top: -20px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none; }
  @media screen and (max-width: 520px) {
    .firstviewLine01 {
      left: 55%;
      height: 220px; } }

.firstviewLine02 {
  width: 1px;
  height: 95px;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 40%;
  bottom: -5px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none; }
  @media screen and (max-width: 1024px) {
    .firstviewLine02 {
      height: 200px;
      bottom: -25px; } }
  @media screen and (max-width: 520px) {
    .firstviewLine02 {
      height: 100px; } }

.mvGraphic {
  position: absolute;
  z-index: 100;
  width: 13.5%;
  bottom: -100px;
  right: 0; }
  @media screen and (max-width: 1024px) {
    .mvGraphic {
      width: 17%;
      bottom: -30px; } }
  @media screen and (max-width: 520px) {
    .mvGraphic {
      width: 30%; } }

.topPrideTextContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.topPrideTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  color: #BE2721;
  margin: 0 0 0 1.8%; }

.topPrideTitle {
  color: #BE2721; }

.topPrideHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topPrideHeading {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topPrideHeading {
      margin: 10px 0 0 0; } }

.topPrideText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topPrideText {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topPrideText {
      margin: 25px 0 0 0; } }

.topPrideTitleBox {
  margin: 0 0 0 8.7%; }
  @media screen and (max-width: 520px) {
    .topPrideTitleBox {
      margin: 0 0 0 5%; } }

.topPrideImageBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.topPrideGraphic {
  width: 7%;
  margin: 160px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topPrideGraphic {
      width: 9%; } }

.topPrideSlideBox {
  width: 87.7%;
  margin: 80px 0 0 auto;
  aspect-ratio: 1.88/1; }
  .topPrideSlideBox img {
    -o-object-fit: cover;
       object-fit: cover; }
  @media screen and (max-width: 1024px) {
    .topPrideSlideBox {
      margin: 50px 0 0 auto; } }
  @media screen and (max-width: 520px) {
    .topPrideSlideBox {
      aspect-ratio: 1.5/1;
      margin: 40px 0 0 auto; } }

#topPrideSlide {
  width: 100%;
  height: 100%; }

.topPrideInner {
  height: 100%; }

.topPrideInner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.topTechno {
  width: 100%;
  background: #D0150D;
  margin: 200px 0 0 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .topTechno {
      margin: 140px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topTechno {
      margin: 90px 0 0 0; } }

.topTechnoTextContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1; }

.topTechnoPhoto01 {
  width: 50%;
  margin: -550px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topTechnoPhoto01 {
      width: 50%;
      margin: -40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topTechnoPhoto01 {
      width: 60%;
      margin: 0 0 0 0; } }

.topTechnoTitleBox {
  width: 40%;
  margin: 0 0 0 50%;
  text-align: right;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .topTechnoTitleBox {
      width: 60%;
      margin: 0 0 0 30%; } }
  @media screen and (max-width: 520px) {
    .topTechnoTitleBox {
      width: 85%;
      margin: 0 0 0 5%; } }

.topTechnoHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topTechnoHeading {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topTechnoHeading {
      margin: 10px 0 0 0; } }

.topTechnoText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topTechnoText {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topTechnoText {
      margin: 25px 0 0 0; } }

.topTechnoTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  margin: 0 1.8% 0 auto;
  color: #fff; }

.topTechnoLine01 {
  width: 1px;
  height: 200px;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 12%;
  top: -195px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none; }
  @media screen and (max-width: 1024px) {
    .topTechnoLine01 {
      height: 300px; } }

.topTechnoPhotoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topTechnoPhotoBox {
      margin: 30px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topTechnoPhotoBox {
      margin: 10px 0 0 0; } }

.topTechnoPhoto02 {
  width: 36%;
  margin: 100px 0 -70px 18%; }
  @media screen and (max-width: 1024px) {
    .topTechnoPhoto02 {
      width: 44%;
      margin: 70px 0 -40px 18%; } }
  @media screen and (max-width: 520px) {
    .topTechnoPhoto02 {
      margin: 50px 0 -40px 18%; } }

.topTechnoPhoto03 {
  width: 27%;
  margin: 50px 0 0 auto; }
  @media screen and (max-width: 1024px) {
    .topTechnoPhoto03 {
      margin: 30px 0 0 auto; } }
  @media screen and (max-width: 520px) {
    .topTechnoPhoto03 {
      margin: 5px 0 0 auto;
      width: 32%; } }

.topTechnoGraphic {
  position: absolute;
  width: 13.6%;
  bottom: -40px;
  right: 17%; }
  @media screen and (max-width: 1024px) {
    .topTechnoGraphic {
      bottom: 0;
      width: 17.7%; } }

.topHydrogen {
  margin: 150px auto 0;
  width: 94%;
  background-image: url(images/topHydrogenBack.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1024px) {
    .topHydrogen {
      margin: 100px auto 0; } }
  @media screen and (max-width: 520px) {
    .topHydrogen {
      margin: 75px auto 0; } }

.topHydrogenContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 520px) {
    .topHydrogenContainer {
      display: block; } }

.topHydrogenTextBox {
  width: 67%;
  padding: 0 0 60px 1.8%;
  color: #fff; }
  @media screen and (max-width: 520px) {
    .topHydrogenTextBox {
      width: 96%;
      padding: 0 0 30px 1.8%; } }

.topHydrogenTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  margin: 20px auto 0 0;
  color: #fff;
  padding: 20px 0 0 0; }

.topHydrogenTitleBox {
  margin: 120px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topHydrogenTitleBox {
      margin: 60px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topHydrogenTitleBox {
      margin: -110px 0 0 10%; } }

.topHydrogenHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 520px) {
    .topHydrogenHeading {
      margin: 10px 0 0 0;
      font-size: 3.0rem; } }

.topHydrogenText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topHydrogenText {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topHydrogenText {
      margin: 25px 0 0 0; } }

.topHydrogenPhoto {
  width: 24%;
  margin: auto 0; }
  @media screen and (max-width: 1024px) {
    .topHydrogenPhoto {
      width: 30%;
      margin: 32% 0 auto 0; } }
  @media screen and (max-width: 520px) {
    .topHydrogenPhoto {
      width: 40%;
      margin: 20px 0 0 10%; } }

.topHydrogenLine01 {
  width: 1px;
  height: 300px;
  background: #fff;
  position: absolute;
  z-index: 100;
  right: 15%;
  bottom: -20px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    .topHydrogenLine01 {
      right: 15%;
      height: 160px; } }
  @media screen and (max-width: 520px) {
    .topHydrogenLine01 {
      right: 19%;
      height: 170px; } }

.topCompany {
  position: relative;
  margin: 100px 0;
  padding: 100px 0 0 0;
  border-top: 1px solid #000000; }
  @media screen and (max-width: 1024px) {
    .topCompany {
      margin: 65px 0;
      padding: 65px 0 0 0;
      min-width: 720px; } }
  @media screen and (max-width: 520px) {
    .topCompany {
      margin: 50px 0;
      padding: 50px 0 0 0;
      min-width: 0; } }

.topCompanyContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.topCompanyPhoto {
  width: 47%;
  margin: 0 0 0 3%; }
  @media screen and (max-width: 1024px) {
    .topCompanyPhoto {
      width: 42%; } }
  @media screen and (max-width: 520px) {
    .topCompanyPhoto {
      width: 80%;
      margin: 20px 0 0 8%; } }

.topCompanyTitleBox {
  width: 38%;
  margin: 0 4.6% 0 2%;
  text-align: right; }
  @media screen and (max-width: 1024px) {
    .topCompanyTitleBox {
      width: 43%; } }
  @media screen and (max-width: 520px) {
    .topCompanyTitleBox {
      width: 90%; } }

.topCompanyTitle {
  color: #BE2721; }

.topCompanyHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topCompanyHeading {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topCompanyHeading {
      margin: 10px 0 0 0; } }

.topCompanyText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topCompanyText {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topCompanyText {
      margin: 25px 0 0 0; } }

.topCompanyTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  margin: 0 1.8% 0 0;
  color: #BE2721; }

.topCompanyGraphic {
  position: absolute;
  width: 7%;
  margin: 160px 0 0 0;
  top: 50px;
  left: 0; }
  @media screen and (max-width: 1024px) {
    .topCompanyGraphic {
      width: 9.1%; } }

.topRecruit {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#D0150D), color-stop(90%, #D0150D), color-stop(97%, #f3d6d2), to(#FFE4E3));
  background: -webkit-linear-gradient(left, #D0150D 0%, #D0150D 90%, #f3d6d2 97%, #FFE4E3 100%);
  background: linear-gradient(to right, #D0150D 0%, #D0150D 90%, #f3d6d2 97%, #FFE4E3 100%);
  padding: 0;
  position: relative;
  z-index: 1; }

.topRecruitContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 520px) {
    .topRecruitContainer {
      display: block; } }

.topRecruitHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topRecruitHeading {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topRecruitHeading {
      margin: 10px 0 0 0; } }

.topRecruitText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topRecruitText {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topRecruitText {
      margin: 25px 0 0 0; } }

.topRecruitTextBox {
  width: 48%;
  margin: 0 0 150px 4%;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .topRecruitTextBox {
      margin: 0 0 100px 4%; } }
  @media screen and (max-width: 520px) {
    .topRecruitTextBox {
      width: 80%;
      margin: 0 0 30px 4%; } }

.topRecruitTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  margin: 40px 0 0 1.8%;
  color: #fff;
  padding: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .topRecruitTitleEn {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topRecruitTitleEn {
      margin: 20px 0 0 0; } }

.topRecruitTitleBox {
  margin: 120px 0 0 13%; }
  @media screen and (max-width: 1024px) {
    .topRecruitTitleBox {
      margin: 50px 0 0 0%; } }
  @media screen and (max-width: 520px) {
    .topRecruitTitleBox {
      margin: -66px 0 0 13%; } }

.topRecruitPhotoBox {
  width: 48%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px 0 0 auto; }
  @media screen and (max-width: 520px) {
    .topRecruitPhotoBox {
      margin: 10px 0 0 auto;
      width: 86%; } }

.topRecruitPhoto01 {
  width: 48%; }

.topRecruitPhoto02 {
  width: 61%;
  margin: 140px 0 0 -7%; }

.topRecruitLine01 {
  width: 1px;
  height: 100px;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 40%;
  bottom: -20px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none; }
  @media screen and (max-width: 520px) {
    .topRecruitLine01 {
      left: 20%; } }

.topRecruitLine02 {
  width: 1px;
  height: 120px;
  background: #fff;
  position: absolute;
  z-index: 100;
  right: 20%;
  top: -10px;
  -webkit-transform: rotate(29.3deg);
      -ms-transform: rotate(29.3deg);
          transform: rotate(29.3deg);
  border: none; }
  @media screen and (max-width: 520px) {
    .topRecruitLine02 {
      right: 15%; } }

.topRecruitGraphic {
  position: absolute;
  width: 13.6%;
  bottom: 0;
  right: 10%; }
  @media screen and (max-width: 1024px) {
    .topRecruitGraphic {
      width: 17.7%; } }

.topNews {
  padding: 100px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 1024px) {
    .topNews {
      padding: 65px 0; } }
  @media screen and (max-width: 520px) {
    .topNews {
      padding: 50px 0; } }
  .topNews .moreBtn {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    margin: auto 3% 0 auto; }
    @media screen and (max-width: 520px) {
      .topNews .moreBtn {
        margin: 20px 9% 0 auto; } }

.topNewsTitleEn {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: bold;
  margin: 0 0 0 1.8%;
  color: #BE2721; }

.topNewsTitle {
  width: 16%;
  margin: 0 0 0 5%; }
  @media screen and (max-width: 520px) {
    .topNewsTitle {
      width: 80%;
      margin: 0 0 0 5%; } }

.topNewsBox {
  border-top: 1px solid #000000;
  margin: 0 0 0 8.5%;
  width: 48.8%; }
  @media screen and (max-width: 520px) {
    .topNewsBox {
      width: 80%;
      margin: 20px 0 0 10.5%; } }

.topNewsWrap {
  display: grid;
  grid-template-columns: 15% 85%;
  border-bottom: 1px solid #000000; }
  @media screen and (max-width: 1024px) {
    .topNewsWrap {
      display: block; } }

.topNewsCategory {
  padding: 20px 0; }
  @media screen and (max-width: 1024px) {
    .topNewsCategory {
      padding: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topNewsCategory {
      padding: 10px 0 0 0; } }

.topNewsTextBox {
  padding: 20px 0; }
  @media screen and (max-width: 1024px) {
    .topNewsTextBox {
      padding: 10px 0 15px 0; } }
  @media screen and (max-width: 520px) {
    .topNewsTextBox {
      padding: 10px 0 10px 0; } }

.topNewsCategoryIcon {
  width: auto;
  display: inline-block;
  padding: 5px 9px;
  border-radius: 5px;
  background: #2E88B1;
  line-height: 1.0;
  color: #fff;
  margin: 5px 0 0 0; }
  @media screen and (max-width: 520px) {
    .topNewsCategoryIcon {
      margin: 0; } }

.topNewsText {
  color: #000000; }

.topNewsDate {
  margin: 10px 0 0 0;
  color: #BE2721; }
  @media screen and (max-width: 1024px) {
    .topNewsDate {
      margin: 7px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .topNewsDate {
      margin: 5px 0 0 0; } }

.topEndSlideBox {
  margin: 0 0 100px 0; }
  @media screen and (max-width: 1024px) {
    .topEndSlideBox {
      margin: 0 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .topEndSlideBox {
      margin: 0 0 50px 0; } }
  .topEndSlideBox .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .topEndSlideBox .swiper-slide {
    width: auto; }
  .topEndSlideBox .slide-thin {
    width: 30%; }
  .topEndSlideBox .slide-narrow {
    width: 44%; }
  .topEndSlideBox .slide-medium {
    width: 58%; }
  .topEndSlideBox .slide-wide {
    width: 70%; }
  .topEndSlideBox .swiper-slide img {
    width: 100%;
    height: auto;
    display: block; }

/*====================
 *   PRIDE
 *====================*/
.pageHeaderPride {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerPride.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerPride.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerPride.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.prideStrong {
  margin: 0 0 100px 0; }
  @media screen and (max-width: 1024px) {
    .prideStrong {
      margin: 0 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .prideStrong {
      margin: 0 0 50px 0; } }

.prideStrong01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media screen and (max-width: 520px) {
    .prideStrong01 {
      display: block; } }

.prideStrong01TextBox {
  width: 36%;
  margin: 70px 7.5% 0 3%; }
  @media screen and (max-width: 1024px) {
    .prideStrong01TextBox {
      width: 40%;
      margin: 45px 5% 0 3%; } }
  @media screen and (max-width: 520px) {
    .prideStrong01TextBox {
      width: 94%;
      margin: 35px 3% 0 3%; } }

.prideStrongNumberBox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.prideStrongTitle {
  color: #BE2721; }

.prideStrongNumber {
  color: #BE2721;
  font-weight: 600; }

.prideStrong01Graphic {
  position: absolute;
  width: 4.8%;
  top: 0;
  left: 0; }
  @media screen and (max-width: 1024px) {
    .prideStrong01Graphic {
      width: 6.2%; } }
  @media screen and (max-width: 520px) {
    .prideStrong01Graphic {
      width: 8.2%;
      top: -20px; } }

.prideStrongHeading {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .prideStrongHeading {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .prideStrongHeading {
      margin: 15px 0 0 0; } }

.prideStrongText {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .prideStrongText {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .prideStrongText {
      margin: 15px 0 0 0; } }

.pride01Inner {
  text-align: right; }
  .pride01Inner img {
    margin: 0 0 10px 0; }
    @media screen and (max-width: 520px) {
      .pride01Inner img {
        margin: 0 0 5px 0; } }
  .pride01Inner .pc16px {
    width: 100%;
    background: #fff; }

.pride01SlideBox {
  position: relative;
  width: 50.5%;
  margin: 0 3% 0 0; }
  @media screen and (max-width: 1024px) {
    .pride01SlideBox {
      width: 52%; } }
  @media screen and (max-width: 520px) {
    .pride01SlideBox {
      width: 94%;
      margin: 10px auto 0; } }

.prideStrong02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 150px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .prideStrong02 {
      margin: 100px 0 0 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (max-width: 520px) {
    .prideStrong02 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin: 75px 0 0 0; } }

.pride02Image {
  width: 38%;
  margin: 0 14% 0 7%; }
  @media screen and (max-width: 1024px) {
    .pride02Image {
      margin: 0 7% 0 3%; } }
  @media screen and (max-width: 520px) {
    .pride02Image {
      width: 70%;
      margin: 10px auto 0; } }

.prideStrong02TextBox {
  width: 36%;
  margin: 70px 3% 0 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .prideStrong02TextBox {
      width: 47%;
      margin: 45px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .prideStrong02TextBox {
      width: 94%;
      margin: 10px auto 0; } }

.prideStrong02Graphic {
  position: absolute;
  width: 20%;
  top: -70px;
  left: -15%; }
  @media screen and (max-width: 1024px) {
    .prideStrong02Graphic {
      width: 23%;
      left: -14%; } }
  @media screen and (max-width: 520px) {
    .prideStrong02Graphic {
      width: 16%;
      top: -18px;
      left: -11%; } }

.prideStrong03 {
  margin: 160px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .prideStrong03 {
      margin: 100px 0 0 0; } }

.prideStrong03TextBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media screen and (max-width: 520px) {
    .prideStrong03TextBox {
      display: block; } }
  .prideStrong03TextBox .prideStrongNumberBox {
    width: 10%;
    margin: 0 3% 0 3%; }
    @media screen and (max-width: 520px) {
      .prideStrong03TextBox .prideStrongNumberBox {
        margin: 0 3% 0 6%; } }
  .prideStrong03TextBox .prideStrong03Heading {
    width: 27%;
    margin: 0 3% 0 0; }
    @media screen and (max-width: 1024px) {
      .prideStrong03TextBox .prideStrong03Heading {
        width: 37%; } }
    @media screen and (max-width: 520px) {
      .prideStrong03TextBox .prideStrong03Heading {
        width: 94%;
        margin: 15px auto 0; } }
  .prideStrong03TextBox .prideStrongText {
    width: 46%;
    margin: 0 8% 0 0; }
    @media screen and (max-width: 1024px) {
      .prideStrong03TextBox .prideStrongText {
        width: 41%;
        margin: 0 5% 0 0; } }
    @media screen and (max-width: 520px) {
      .prideStrong03TextBox .prideStrongText {
        width: 94%;
        margin: 15px auto 0; } }

.prideStrong03Graphic {
  position: absolute;
  width: 4.8%;
  top: -60px; }
  @media screen and (max-width: 1024px) {
    .prideStrong03Graphic {
      width: 7%; } }
  @media screen and (max-width: 520px) {
    .prideStrong03Graphic {
      width: 8.2%;
      top: -30px; } }

.pride03Image {
  margin: 100px 1.5% 0 0;
  width: 98.5%; }
  @media screen and (max-width: 1024px) {
    .pride03Image {
      margin: 65px 1.5% 0 0; } }
  @media screen and (max-width: 520px) {
    .pride03Image {
      margin: 50px 0 0 0;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (max-width: 520px) {
    .pride03Image img {
      width: 200%;
      display: block;
      max-width: none;
      margin: 0 0 30px 0; } }

.prideStrong04 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 150px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .prideStrong04 {
      margin: 100px 0 0 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (max-width: 520px) {
    .prideStrong04 {
      margin: 75px 0 0 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.pride04Image {
  width: 43%;
  margin: 0 11% 0 12%; }
  @media screen and (max-width: 1024px) {
    .pride04Image {
      width: 44%;
      margin: 0 10% 0 3%; } }

.prideStrong04TextBox {
  width: 40%;
  margin: 150px 3% 0 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .prideStrong04TextBox {
      width: 49%;
      margin: 100px 3% 0 0; } }
  @media screen and (max-width: 520px) {
    .prideStrong04TextBox {
      width: 94%;
      margin: 0 auto 0; } }

.prideStrong04Graphic {
  position: absolute;
  width: 20%;
  top: -70px;
  left: -15%; }
  @media screen and (max-width: 520px) {
    .prideStrong04Graphic {
      width: 23%;
      left: -14%; } }

/*====================
 *  TECHNO
 *====================*/
.pageHeaderTechno {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerTechno.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerTechno.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerTechno.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.technoFeature {
  margin: 0 0 100px 0; }
  @media screen and (max-width: 520px) {
    .technoFeature {
      margin: 0 0 50px 0; } }

.technoFeature01Box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 520px) {
    .technoFeature01Box {
      display: block; } }

.technoFeature01TextBox {
  width: 41%;
  margin: 240px 9% 0 5.8%;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .technoFeature01TextBox {
      width: 45%;
      margin: 80px 5% 0 5.8%; } }
  @media screen and (max-width: 520px) {
    .technoFeature01TextBox {
      width: 94%;
      margin: 40px auto 0; } }

.technoFeature01ImageBox {
  width: 48%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 520px) {
    .technoFeature01ImageBox {
      width: 94%;
      margin: 20px auto 0; } }

.technoFeature01Image01 {
  width: 50%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0; }
  @media screen and (max-width: 520px) {
    .technoFeature01Image01 {
      width: 50%;
      left: 10px; } }

.technoFeature01Image02 {
  width: 65%;
  margin: 70px 0 0 0; }
  @media screen and (max-width: 520px) {
    .technoFeature01Image02 {
      width: 50%;
      margin: 70px 30px 0 0; } }

.technoFeature01Graphic {
  position: absolute;
  width: 5.8%;
  top: 150px;
  left: 0; }
  @media screen and (max-width: 1024px) {
    .technoFeature01Graphic {
      width: 7.5%;
      top: 50px; } }
  @media screen and (max-width: 520px) {
    .technoFeature01Graphic {
      top: -20px; } }

.technoFeatureTableBox {
  width: 88.4%;
  margin: 40px auto 0; }
  @media screen and (max-width: 1024px) {
    .technoFeatureTableBox {
      width: 94.2%;
      margin: 40px 0 0 5.8%; } }
  @media screen and (max-width: 520px) {
    .technoFeatureTableBox {
      width: 97%;
      margin: 40px 0 0 3%; } }

.technoFeatureTableWrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .technoFeatureTableWrap .technoFeatureTable {
    width: 100%;
    min-width: 1120px;
    margin: 25px 0 0 0;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #707070;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .technoFeatureTableWrap .technoFeatureTable {
        max-width: none;
        margin: 25px 10px 30px 0; } }
    @media screen and (max-width: 520px) {
      .technoFeatureTableWrap .technoFeatureTable {
        margin: 15px 10px 20px 0;
        -webkit-text-size-adjust: 100%; } }
    .technoFeatureTableWrap .technoFeatureTable thead th {
      background: #BE2721;
      color: #fff;
      font-weight: 500;
      text-align: center;
      padding: 10px 12px;
      border: 1px solid #fff;
      border-bottom: none;
      line-height: 1.2; }
      .technoFeatureTableWrap .technoFeatureTable thead th:first-child {
        border-left: 1px solid #BE2721; }
      .technoFeatureTableWrap .technoFeatureTable thead th:last-child {
        border-right: 1px solid #BE2721; }
    .technoFeatureTableWrap .technoFeatureTable thead tr:first-child th {
      border-top: 1px solid #BE2721; }
    .technoFeatureTableWrap .technoFeatureTable tbody td {
      padding: 9px 12px;
      border: 1px solid #707070;
      vertical-align: middle; }
      .technoFeatureTableWrap .technoFeatureTable tbody td:first-child {
        border-top: none; }
    .technoFeatureTableWrap .technoFeatureTable th:nth-child(1),
    .technoFeatureTableWrap .technoFeatureTable td:nth-child(1) {
      width: 58%;
      text-align: left;
      padding-left: 16px; }
      @media screen and (max-width: 1024px) {
        .technoFeatureTableWrap .technoFeatureTable th:nth-child(1),
        .technoFeatureTableWrap .technoFeatureTable td:nth-child(1) {
          width: 33%; } }
    .technoFeatureTableWrap .technoFeatureTable th:nth-child(2),
    .technoFeatureTableWrap .technoFeatureTable td:nth-child(2) {
      width: 22%;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .technoFeatureTableWrap .technoFeatureTable th:nth-child(2),
        .technoFeatureTableWrap .technoFeatureTable td:nth-child(2) {
          width: 16%; } }
    .technoFeatureTableWrap .technoFeatureTable th:nth-child(3),
    .technoFeatureTableWrap .technoFeatureTable td:nth-child(3) {
      width: 6%;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .technoFeatureTableWrap .technoFeatureTable th:nth-child(3),
        .technoFeatureTableWrap .technoFeatureTable td:nth-child(3) {
          width: 4%; } }
    .technoFeatureTableWrap .technoFeatureTable th:nth-child(4),
    .technoFeatureTableWrap .technoFeatureTable td:nth-child(4) {
      width: 14%;
      text-align: center; }

.technoFeatureBorder {
  width: 94%;
  margin: 80px auto; }
  @media screen and (max-width: 1024px) {
    .technoFeatureBorder {
      margin: 50px auto; } }
  @media screen and (max-width: 520px) {
    .technoFeatureBorder {
      margin: 40px auto; } }

.technoFeature02Container {
  margin: 0 0 0 0; }

.technoFeature02Box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 520px) {
    .technoFeature02Box {
      display: block; } }

.technoFeature02TextBox {
  width: 36%;
  margin: 225px 5.8% 0 7.5%;
  position: relative; }

.technoFeature02ImageBox {
  position: relative;
  width: 49.3%;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 520px) {
    .technoFeature02ImageBox {
      width: 80%; } }

.technoFeature02Image01 {
  width: 64%;
  margin: 70px 0 0 0; }

.technoFeature02Image02 {
  width: 50%;
  position: absolute;
  z-index: 10;
  bottom: -70px;
  right: 0; }
  @media screen and (max-width: 1024px) {
    .technoFeature02Image02 {
      bottom: -20px; } }
  @media screen and (max-width: 520px) {
    .technoFeature02Image02 {
      width: 60%;
      right: 20px;
      bottom: -50px; } }

.technoFeature02Graphic {
  position: absolute;
  width: 22%;
  top: -60px;
  left: -20%; }
  @media screen and (max-width: 1024px) {
    .technoFeature02Graphic {
      width: 28%; } }

.technoFeature02Container .technoFeatureTableBox {
  margin: 120px auto 0; }
  @media screen and (max-width: 1024px) {
    .technoFeature02Container .technoFeatureTableBox {
      margin: 80px 0 0 auto; } }
  @media screen and (max-width: 520px) {
    .technoFeature02Container .technoFeatureTableBox {
      margin: 30px 0 0 auto; } }

.technoFeature03 {
  margin: 140px 0 0 0; }
  @media screen and (max-width: 520px) {
    .technoFeature03 {
      margin: 70px 0 0 0; } }

.technoFeature03TextBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 520px) {
    .technoFeature03TextBox {
      display: block; } }
  .technoFeature03TextBox .prideStrongNumberBox {
    width: 10%;
    margin: 0 3% 0 0; }
    @media screen and (max-width: 1024px) {
      .technoFeature03TextBox .prideStrongNumberBox {
        margin: 0 3% 0 3%; } }
  .technoFeature03TextBox .prideStrongHeading {
    width: 100%;
    margin: 30px 0 0 0; }
    @media screen and (max-width: 1024px) {
      .technoFeature03TextBox .prideStrongHeading {
        margin: 15px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .technoFeature03TextBox .prideStrongHeading {
        margin: 0; } }
  .technoFeature03TextBox .prideStrongText {
    width: 35.4%;
    margin: 100px 5.8% 0 0; }
    @media screen and (max-width: 1024px) {
      .technoFeature03TextBox .prideStrongText {
        margin: 0; } }
    @media screen and (max-width: 520px) {
      .technoFeature03TextBox .prideStrongText {
        width: 94%;
        margin: 20px auto 0; } }

.technoFeature03HeadingBox {
  width: 50%;
  margin: 0 3% 0 5.8%; }
  @media screen and (max-width: 520px) {
    .technoFeature03HeadingBox {
      width: 94%;
      margin: 20px auto 0; } }

.technoFeature03Graphic {
  position: absolute;
  width: 4.8%;
  top: -60px;
  left: 0; }
  @media screen and (max-width: 1024px) {
    .technoFeature03Graphic {
      width: 7%;
      top: -40px; } }

.technoFeaturePhotoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 88.4%;
  margin: 70px auto 0;
  gap: 4%; }
  @media screen and (max-width: 520px) {
    .technoFeaturePhotoBox {
      width: 94%;
      margin: 30px auto 0;
      gap: 4%; } }

.technoFeaturePhoto {
  width: 48%; }

/*====================
 *   COMPANY
 *====================*/
.pageHeaderCompany {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerCompany.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerCompany.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerCompany.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.companyTitleBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 520px) {
  .companyTitle {
    margin: 0 0 0 -10px; } }

.companyTitleGraphic {
  width: 6%;
  margin: -60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyTitleGraphic {
      width: 7.5%;
      margin: -50px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyTitleGraphic {
      top: 0;
      margin: -30px 0 0 0; } }

@media screen and (max-width: 1024px) {
  .companyProfile {
    margin: 30px 0 0 0; } }

@media screen and (max-width: 520px) {
  .companyProfile {
    margin: 20px 0 0 0; } }

.companyInfo {
  width: 60%;
  margin: 30px 0 0 0;
  margin-left: 5.8%; }
  @media screen and (max-width: 1024px) {
    .companyInfo {
      width: 85%;
      margin: 30px auto 0; } }
  @media screen and (max-width: 520px) {
    .companyInfo {
      width: 94%;
      margin: 30px auto 0; } }
  .companyInfoTable {
    border-top: 1px solid #707070; }
  .companyInfoRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 23px 0;
    border-bottom: 1px solid #707070; }
    @media screen and (max-width: 1024px) {
      .companyInfoRow {
        padding: 18px 0; } }
    @media screen and (max-width: 520px) {
      .companyInfoRow {
        padding: 12px 0; } }
  .companyInfoLabel {
    width: 28%;
    color: #222; }
    @media screen and (max-width: 520px) {
      .companyInfoLabel {
        width: 20%; } }
  .companyInfoValue {
    width: 72%;
    color: #222; }
    @media screen and (max-width: 520px) {
      .companyInfoValue {
        width: 80%; } }

.companyAccsss {
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyAccsss {
      margin: 65px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyAccsss {
      margin: 50px 0 0 0; } }

.companyAccessBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 88.4%;
  margin: 30px auto 0;
  gap: 5%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 1024px) {
    .companyAccessBox {
      width: 85%; } }
  @media screen and (max-width: 520px) {
    .companyAccessBox {
      width: 94%;
      gap: 4%; } }

.companyWrap {
  width: 30%; }
  @media screen and (max-width: 520px) {
    .companyWrap {
      width: 48%;
      margin: 0 0 20px 0; } }

@media screen and (max-width: 520px) {
  .companyWrap:nth-of-type(3) {
    margin: 0; } }

.companyAccessTitle {
  color: #BE2721;
  line-height: 1.0; }

.companyAccessPhoto {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyAccessPhoto {
      margin: 20px 0 0 0; } }

.companyAccessTextBox {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyAccessTextBox {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyAccessTextBox {
      margin: 15px 0 0 0; } }

.companyAccessText {
  margin: 0 0 30px 0; }
  @media screen and (max-width: 1024px) {
    .companyAccessText {
      margin: 0 0 20px 0; } }
  @media screen and (max-width: 520px) {
    .companyAccessText {
      margin: 0 0 15px 0; } }
  .companyAccessText a {
    color: #000000;
    text-decoration: underline; }

.companyRinen {
  background-color: #D0150D;
  color: #fff;
  padding: 150px 0;
  margin: 150px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyRinen {
      padding: 100px 0;
      margin: 100px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyRinen {
      padding: 75px 0;
      margin: 75px 0 0 0; } }

.companyRinenBox {
  border-bottom: 1px solid #fff;
  width: 88.4%;
  margin: 50px auto 0; }
  @media screen and (max-width: 1024px) {
    .companyRinenBox {
      margin: 35px auto 0;
      width: 85%; } }
  @media screen and (max-width: 520px) {
    .companyRinenBox {
      width: 94%; } }

.companyRinenWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 3.7%;
  padding: 70px 0;
  border-top: 1px solid #fff; }
  @media screen and (max-width: 1024px) {
    .companyRinenWrap {
      display: block;
      padding: 45px 0; } }
  @media screen and (max-width: 520px) {
    .companyRinenWrap {
      padding: 35px 0; } }

.companyRinenTextBox {
  width: 46%; }
  @media screen and (max-width: 1024px) {
    .companyRinenTextBox {
      width: 100%; } }

.companyRinenTitle {
  font-size: 3.8rem; }

.companyRinenText {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyRinenText {
      margin: 25px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyRinenText {
      margin: 20px 0 0 0; } }

.companyRinenPhoto {
  width: 50.3%; }
  @media screen and (max-width: 1024px) {
    .companyRinenPhoto {
      width: 100%;
      margin: 30px 0 0 0; } }

@media screen and (max-width: 1024px) {
  .companyEnvironment {
    padding: 100px 0 0 0; } }

.companyEnvironmentSlideBox {
  position: relative;
  margin: 60px 0 0 0; }
  .companyEnvironmentSlideBox .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .companyEnvironmentSlideBox .swiper-slide {
    width: auto;
    text-align: right; }
  .companyEnvironmentSlideBox .slide-thin {
    width: 30%; }
  .companyEnvironmentSlideBox .slide-narrow {
    width: 44%; }
  .companyEnvironmentSlideBox .slide-medium {
    width: 58%; }
  .companyEnvironmentSlideBox .slide-wide {
    width: 70%; }
  .companyEnvironmentSlideBox .swiper-slide img {
    width: 100%;
    height: auto;
    display: block; }

.companyEvent {
  margin: 150px 0 0 0; }
  @media screen and (max-width: 520px) {
    .companyEvent {
      margin: 75px 0 0 0; } }

.companyEventSlideBox {
  position: relative;
  margin: 60px 0 0 0; }
  .companyEventSlideBox .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .companyEventSlideBox .swiper-slide {
    width: auto;
    text-align: right; }
  .companyEventSlideBox .slide-thin {
    width: 30%; }
  .companyEventSlideBox .slide-narrow {
    width: 44%; }
  .companyEventSlideBox .slide-medium {
    width: 58%; }
  .companyEventSlideBox .slide-wide {
    width: 70%; }
  .companyEventSlideBox .swiper-slide img {
    width: 100%;
    height: auto;
    display: block; }

.companyHistory {
  background-color: #D0150D;
  color: #fff;
  padding: 150px 0 0 0;
  margin: 150px 0 0 0;
  position: relative;
  min-width: 1150px; }
  @media screen and (max-width: 1024px) {
    .companyHistory {
      padding: 100px 0 0 0;
      margin: 100px 0 0 0;
      min-width: 0px; } }

.companyBackText {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 8.7rem;
  opacity: 0.2;
  font-weight: 700;
  top: 40px;
  left: 3%; }

.companyHistoryBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.companyHistoryYear {
  width: 16%;
  margin: 0 0 0 3%;
  padding: 100px 20px 0 0;
  border-right: 1px solid #ffffff;
  text-align: right; }
  @media screen and (max-width: 1024px) {
    .companyHistoryYear {
      width: 20%;
      padding: 50px 20px 0 0; } }
  @media screen and (max-width: 1024px) and (max-width: 520px) {
    .companyHistoryYear {
      padding: 50px 10px 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryYear {
      width: 20%; } }

.companyHistoryYearNum {
  font-weight: 600;
  line-height: 2.0; }

.companyHistoryYearNumL {
  line-height: 1.0; }
  @media screen and (max-width: 520px) {
    .companyHistoryYearNumL {
      font-size: 2.2rem; } }

.companyHistoryYearNum:nth-of-type(2) {
  margin: 105px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryYearNum:nth-of-type(2) {
      margin: 39px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryYearNum:nth-of-type(2) {
      margin: 43px 0 0 0; } }

.companyHistoryTextBox {
  width: 46%;
  margin: 0 3% 0 0;
  padding: 100px 0 0 40px; }
  @media screen and (max-width: 1024px) {
    .companyHistoryTextBox {
      width: 40%;
      padding: 50px 0 0 20px; } }
  @media screen and (max-width: 520px) {
    .companyHistoryTextBox {
      width: 73%;
      padding: 50px 0 0 20px; } }

.companyHistoryText {
  line-height: 2.25; }
  @media screen and (max-width: 1024px) {
    .companyHistoryText {
      line-height: 2.27; } }
  @media screen and (max-width: 520px) {
    .companyHistoryText {
      line-height: 2.13; } }

@media screen and (max-width: 1024px) {
  .companyHistoryText2Line {
    line-height: 1.5;
    margin: 5px 0 0 0; } }

.companyHistoryTextL {
  line-height: 1.5; }
  @media screen and (max-width: 1024px) {
    .companyHistoryTextL {
      font-size: 2.0rem; } }
  @media screen and (max-width: 520px) {
    .companyHistoryTextL {
      font-size: 1.7rem; } }

.companyHistoryText:nth-of-type(2) {
  margin: 69px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryText:nth-of-type(2) {
      margin: 26px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryText:nth-of-type(2) {
      margin: 20px 0 0 0; } }

.companyHistoryPhotoBox {
  width: 33%; }
  @media screen and (max-width: 1024px) {
    .companyHistoryPhotoBox {
      width: 34%; } }

.companyHistoryPhoto {
  margin: 20px 0 0 0; }

.companyHistoryPhotoBoxSp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2%;
  margin: 20px 0 0 0; }

.companyHistoryPhotoSp {
  width: 49%; }

.companyHistoryPhoto:nth-of-type(1) {
  margin: 0; }

.companyHistoryPhotoS {
  width: 57%; }

.companyHistoryBox02 .companyHistoryYearNum:nth-of-type(2) {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryBox02 .companyHistoryYearNum:nth-of-type(2) {
      margin: 39px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryBox02 .companyHistoryYearNum:nth-of-type(2) {
      margin: 20px 0 0 0; } }

.companyHistoryBox02 .companyHistoryText:nth-of-type(2) {
  margin: 62px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryBox02 .companyHistoryText:nth-of-type(2) {
      margin: 55px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryBox02 .companyHistoryText:nth-of-type(2) {
      margin: 21px 0 0 0; } }

.companyHistoryBox04 .companyHistoryYearNum:nth-of-type(2) {
  margin: 50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryBox04 .companyHistoryYearNum:nth-of-type(2) {
      margin: 39px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryBox04 .companyHistoryYearNum:nth-of-type(2) {
      margin: 20px 0 0 0; } }

.companyHistoryBox04 .companyHistoryText:nth-of-type(2) {
  margin: 62px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryBox04 .companyHistoryText:nth-of-type(2) {
      margin: 55px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .companyHistoryBox04 .companyHistoryText:nth-of-type(2) {
      margin: 20px 0 0 0; } }

.companyHistoryPhotoBox {
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryPhotoBox {
      margin: 50px 0 0 0; } }

.companyHistoryBox04 .companyHistoryPhotoBox {
  margin: 100px 0 100px 0; }
  @media screen and (max-width: 1024px) {
    .companyHistoryBox04 .companyHistoryPhotoBox {
      margin: 50px 0 65px 0; } }

/*====================
 *   RECRUIT
 *====================*/
.pageHeaderRecruit {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerRecruit.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerRecruit.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerRecruit.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.recruitData {
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .recruitData {
      margin: 65px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .recruitData {
      margin: 50px 0 0 0; } }

.recruitDataBox01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 210px 0 0 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 520px) {
    .recruitDataBox01 {
      margin: 150px 0 0 0;
      display: block; } }

.recruitData01 {
  width: 43.9%;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 520px) {
    .recruitData01 {
      width: 75%; } }

.recruitData01Sub {
  position: absolute;
  width: 61%;
  top: -175px;
  left: 43.5%;
  z-index: 10; }
  @media screen and (max-width: 520px) {
    .recruitData01Sub {
      top: -140px;
      left: 65.5%; } }

.recruitData02 {
  width: 21.8%;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 520px) {
    .recruitData02 {
      width: 60%;
      margin: 110px 0 0 auto; } }

.recruitData02Sub {
  position: absolute;
  width: 198%;
  top: -185px;
  left: -145%;
  z-index: 10; }
  @media screen and (max-width: 520px) {
    .recruitData02Sub {
      width: 140%;
      top: -75px;
      left: -60%; } }

.recruitData02Sub02 {
  position: absolute;
  width: 35%;
  top: -50px;
  right: 0;
  z-index: 10; }
  @media screen and (max-width: 520px) {
    .recruitData02Sub02 {
      width: 25%;
      top: -60px; } }

.recruitDataBox02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media screen and (max-width: 520px) {
    .recruitDataBox02 {
      display: block; } }

.recruitData03 {
  width: 21.8%;
  margin: -38px 0 0 25.7%;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 520px) {
    .recruitData03 {
      width: 50.8%;
      margin: 188px 0 0 41.7%; } }

.recruitData03SubBox {
  position: absolute;
  width: 128%;
  top: -250px;
  left: -117%;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    .recruitData03SubBox {
      top: -160px; } }
  @media screen and (max-width: 520px) {
    .recruitData03SubBox {
      left: -92%; } }

.recruitData03Sub01 {
  width: 80%; }
  @media screen and (max-width: 520px) {
    .recruitData03Sub01 {
      width: 70%; } }

.recruitData03Sub02 {
  width: 90%;
  margin: 0 0 0 10%; }
  @media screen and (max-width: 520px) {
    .recruitData03Sub02 {
      width: 70%; } }

.recruitData04 {
  position: relative;
  z-index: 1;
  width: 36%;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 520px) {
    .recruitData04 {
      width: 67%;
      margin: 205px auto 0 0; } }

.recruitData04Sub {
  position: absolute;
  width: 94.7%;
  top: -187px;
  left: -49.3%;
  z-index: 10; }
  @media screen and (max-width: 520px) {
    .recruitData04Sub {
      width: 74.7%;
      left: 4.7%;
      top: -167px; } }

.recruitData05 {
  width: 52.3%;
  margin: -549px 0 0 auto;
  z-index: 100; }
  @media screen and (max-width: 520px) {
    .recruitData05 {
      width: 82.3%;
      margin: -19px 0 0 auto; } }

.recruitPeople {
  background-color: #BE2721;
  color: #fff;
  padding: 150px 0;
  margin: 0 0 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#BE2721), color-stop(68%, #BE2721), color-stop(78%, #d43a3a), color-stop(90%, #df6a6a), to(#e88b8b));
  background: -webkit-linear-gradient(left, #BE2721 0%, #BE2721 68%, #d43a3a 78%, #df6a6a 90%, #e88b8b 100%);
  background: linear-gradient(90deg, #BE2721 0%, #BE2721 68%, #d43a3a 78%, #df6a6a 90%, #e88b8b 100%); }
  @media screen and (max-width: 1024px) {
    .recruitPeople {
      padding: 100px 0; } }
  @media screen and (max-width: 520px) {
    .recruitPeople {
      padding: 75px 0; } }

.recruitPeopleContainer {
  width: 88.4%;
  margin: 0 auto;
  border-top: 1px solid #fff; }
  @media screen and (max-width: 1024px) {
    .recruitPeopleContainer {
      margin: 20px auto 0; } }

a.recruitPeopleBox {
  padding: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  border-bottom: 1px solid #fff;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    a.recruitPeopleBox {
      padding: 30px 0; } }
  @media screen and (max-width: 520px) {
    a.recruitPeopleBox {
      display: block;
      padding: 20px 0; } }

.recruitPeoplePhoto {
  width: 53%; }
  @media screen and (max-width: 1024px) {
    .recruitPeoplePhoto {
      width: 43%;
      aspect-ratio: 1/1; } }
  @media screen and (max-width: 520px) {
    .recruitPeoplePhoto {
      width: 100%;
      aspect-ratio: 3/2; } }
  @media screen and (max-width: 1024px) {
    .recruitPeoplePhoto img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

.recruitPeopleTextBox {
  width: 43%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 1024px) {
    .recruitPeopleTextBox {
      width: 53%; } }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextBox {
      width: 100%; } }

.recruitPeopleTextNum {
  text-align: right;
  font-weight: 600; }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextNum {
      margin: 10px 0 0 0; } }

.recruitPeopleTextInner {
  margin: auto 0 50px 0; }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextInner {
      margin: auto 0 0 0; } }

.recruitPeopleTextPost {
  margin: 40px 0 0 0;
  line-height: 1.0; }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextPost {
      margin: 20px 0 0 0; } }

.recruitPeopleTextName {
  margin: 10px 0 0 0;
  line-height: 1.0; }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextName {
      margin: 5px 0 0 0; } }

.recruitPeopleTextYaer {
  margin: 20px 0 0 0;
  line-height: 1.0; }
  @media screen and (max-width: 520px) {
    .recruitPeopleTextYaer {
      margin: 10px 0 0 0; } }

.recruitFaq {
  margin: 0 0 100px 0; }
  @media screen and (max-width: 520px) {
    .recruitFaq {
      margin: 0 0 50px 0; } }

.faqBox input {
  display: none;
  /*チェックボックスを隠す*/ }

.faqBox {
  width: 65.8%;
  margin: 30px auto 100px;
  border-top: 1px solid #000000; }
  @media screen and (max-width: 1024px) {
    .faqBox {
      width: 80%;
      margin: 20px auto 65px; } }
  @media screen and (max-width: 520px) {
    .faqBox {
      margin: 15px auto 50px; } }

.recruitFaqLead {
  width: 65.8%;
  margin: -60px auto 0; }
  @media screen and (max-width: 1024px) {
    .recruitFaqLead {
      width: 80%;
      margin: 20px auto 0; } }

.recruitFaqHeading {
  width: 65.8%;
  margin: 50px auto 0; }
  @media screen and (max-width: 1024px) {
    .recruitFaqHeading {
      width: 80%;
      margin: 50px auto 0; } }
  @media screen and (max-width: 520px) {
    .recruitFaqHeading {
      margin: 25px auto 0; } }

/*バー部分*/
.faqBox label {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #000000;
  font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 1;
  position: relative;
  margin: 0;
  padding: 20px 0 20px 5.0rem;
  font-weight: bold;
  color: #BE2721; }
  @media screen and (max-width: 520px) {
    .faqBox label {
      padding: 10px 10px 10px 1em;
      line-height: 1.65 !important;
      text-indent: 0em;
      padding-left: 2.4em; } }
  .faqBox label::before {
    position: absolute;
    content: "Q.";
    font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: bold;
    display: inline-block;
    font-size: 2.4rem;
    vertical-align: middle;
    left: 2.0rem;
    top: 1.8rem;
    color: #BE2721; }
    @media screen and (max-width: 520px) {
      .faqBox label::before {
        font-size: 1.8rem;
        left: 1.5rem;
        top: 0.7rem;
        margin: 1px 0 0 0; } }

/*開いたときに表示される部分*/
.faqBox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #707070;
  color: #000000; }
  @media screen and (max-width: 520px) {
    .faqBox ul {
      padding-left: 1.5rem; } }

.faqBox li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 0;
  text-align: justify;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s;
  /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
  position: relative;
  padding-left: 2.1rem;
  padding-top: 2px;
  margin: 2px 0 0 0; }
  .faqBox li::before {
    position: static;
    content: "A.";
    font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: bold;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 2.4rem;
    left: 5.0rem;
    vertical-align: middle;
    top: 0;
    color: #000000;
    width: 2.9rem;
    margin-right: 0.5rem;
    margin: -6px 0 0 0; }
    @media screen and (max-width: 1024px) {
      .faqBox li::before {
        margin: -8px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .faqBox li::before {
        font-size: 1.8rem;
        left: 1.5rem;
        top: 0.7rem;
        margin: -5px 0 0 0; } }

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li,
#menu_bar13:checked ~ #links13 li,
#menu_bar14:checked ~ #links14 li,
#menu_bar15:checked ~ #links15 li,
#menu_bar16:checked ~ #links16 li,
#menu_bar17:checked ~ #links17 li,
#menu_bar18:checked ~ #links18 li,
#menu_bar19:checked ~ #links19 li,
#menu_bar20:checked ~ #links20 li,
#menu_bar21:checked ~ #links21 li {
  height: auto;
  /*開いたときに表示されるliの高さ*/
  opacity: 1;
  padding: 13px 0 20px 2.1rem; }
  @media screen and (max-width: 520px) {
    #menu_bar01:checked ~ #links01 li,
    #menu_bar02:checked ~ #links02 li,
    #menu_bar03:checked ~ #links03 li,
    #menu_bar04:checked ~ #links04 li,
    #menu_bar05:checked ~ #links05 li,
    #menu_bar06:checked ~ #links06 li,
    #menu_bar07:checked ~ #links07 li,
    #menu_bar08:checked ~ #links08 li,
    #menu_bar09:checked ~ #links09 li,
    #menu_bar10:checked ~ #links10 li,
    #menu_bar11:checked ~ #links11 li,
    #menu_bar12:checked ~ #links12 li,
    #menu_bar13:checked ~ #links13 li,
    #menu_bar14:checked ~ #links14 li,
    #menu_bar15:checked ~ #links15 li,
    #menu_bar16:checked ~ #links16 li,
    #menu_bar17:checked ~ #links17 li,
    #menu_bar18:checked ~ #links18 li,
    #menu_bar19:checked ~ #links19 li,
    #menu_bar20:checked ~ #links20 li,
    #menu_bar21:checked ~ #links21 li {
      padding: 5px 0 10px 0; } }

/*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08:checked ~ #links08 li:last-child,
#menu_bar09:checked ~ #links09 li:last-child,
#menu_bar10:checked ~ #links10 li:last-child,
#menu_bar11:checked ~ #links11 li:last-child,
#menu_bar12:checked ~ #links12 li:last-child,
#menu_bar13:checked ~ #links13 li:last-child,
#menu_bar14:checked ~ #links14 li:last-child,
#menu_bar15:checked ~ #links15 li:last-child,
#menu_bar16:checked ~ #links16 li:last-child,
#menu_bar17:checked ~ #links17 li:last-child,
#menu_bar18:checked ~ #links18 li:last-child,
#menu_bar19:checked ~ #links19 li:last-child,
#menu_bar20:checked ~ #links20 li:last-child,
#menu_bar21:checked ~ #links21 li:last-child {
  margin-bottom: 0; }

.recruitGuide {
  margin: 0 0 100px 0; }
  @media screen and (max-width: 1024px) {
    .recruitGuide {
      margin: 0 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .recruitGuide {
      margin: 0 0 50px 0; } }

.recruitGuideTel {
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .recruitGuideTel {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .recruitGuideTel {
      margin: 30px 0 0 0;
      text-align: center; } }

.companyInfoRecruitGuide {
  margin: 80px auto; }
  .companyInfoRecruitGuide a {
    color: #000000;
    text-decoration: underline; }

/*====================
 *   PEOPLE
 *====================*/
.peopleHeader {
  position: relative; }
  .peopleHeader .headerGraphic {
    top: 420px;
    bottom: 0;
    z-index: 1; }
    @media screen and (max-width: 520px) {
      .peopleHeader .headerGraphic {
        top: 135px; } }

.peopleHeaderPhoto {
  position: relative;
  width: 57.5%;
  margin: 30px 0 0 8.5%; }
  @media screen and (max-width: 1024px) {
    .peopleHeaderPhoto {
      width: 75%; } }

.peopleHeaderGraphic {
  width: 16%;
  position: absolute;
  bottom: 0;
  left: -15%; }

.peopleHeaderTitleBox {
  margin: 0 auto 0 8.5%; }

.peopleHeaderNumBox {
  margin: 35px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.peopleHeaderNumTitle {
  line-height: 1.0; }

.peopleHeaderNum {
  font-weight: 600;
  margin: 10px 0 0 0;
  color: #BE2721;
  line-height: 1.0; }

.peopleHeaderTitle {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .peopleHeaderTitle {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .peopleHeaderTitle {
      margin: 15px 0 0 0; } }

.peopleHeaderName {
  margin: 30px 0 0 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; }
  @media screen and (max-width: 1024px) {
    .peopleHeaderName {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .peopleHeaderName {
      margin: 15px 0 0 0; } }

.peopleHeaderYear {
  margin: 0 0 0 25px;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; }
  @media screen and (max-width: 520px) {
    .peopleHeaderYear {
      margin: 0 0 0 15px; } }

.peopleContent {
  width: 65%;
  margin: 0 0 150px 8.5%;
  max-width: 900px; }
  @media screen and (max-width: 1024px) {
    .peopleContent {
      width: 75%; } }
  @media screen and (max-width: 520px) {
    .peopleContent {
      width: 83%;
      margin: 0 0 75px 8.5%; } }

.peopleHeadingBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin: 60px 0 60px 0; }
  @media screen and (max-width: 1024px) {
    .peopleHeadingBox {
      margin: 40px 0 40px 0; } }
  @media screen and (max-width: 520px) {
    .peopleHeadingBox {
      margin: 30px 0 30px 0;
      gap: 7px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.peopleHeadingLine {
  width: 55px;
  height: 2px;
  background: #BE2721;
  border: none;
  display: inline-block;
  margin: 0 0 0 0; }
  @media screen and (max-width: 520px) {
    .peopleHeadingLine {
      width: 30px;
      height: 1px;
      margin: 10px 0 0 0; } }

.peopleTextQ {
  color: #BE2721;
  margin: 40px 0 0 0;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; }
  @media screen and (max-width: 1024px) {
    .peopleTextQ {
      margin: 25px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .peopleTextQ {
      margin: 20px 0 0 0; } }

.peopleTextA {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .peopleTextA {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .peopleTextA {
      margin: 10px 0 0 0; } }
  .peopleTextA span {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal; }

.peoplePhoto {
  width: 83.3%;
  margin: 60px 0; }
  @media screen and (max-width: 1024px) {
    .peoplePhoto {
      width: 100%;
      margin: 40px 0; } }
  @media screen and (max-width: 520px) {
    .peoplePhoto {
      margin: 30px 0; } }

.peoplePhotoTate {
  width: 55.5%; }
  @media screen and (max-width: 520px) {
    .peoplePhotoTate {
      width: 70%; } }

.peopleCaption {
  margin: -50px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .peopleCaption {
      margin: -30px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .peopleCaption {
      margin: -20px 0 0 0; } }

/*====================
 *   NEWS一覧
 *====================*/
.pageHeaderNews {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerNews.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerNews.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerNews.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.newsBox {
  width: 65%;
  max-width: 900px;
  margin: 100px auto;
  border-top: 1px solid #707070; }
  @media screen and (max-width: 1024px) {
    .newsBox {
      width: 80%;
      margin: 65px auto; } }
  @media screen and (max-width: 520px) {
    .newsBox {
      width: 90%;
      margin: 50px auto; } }

.newsWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  gap: 3%;
  border-bottom: 1px solid #707070; }
  @media screen and (max-width: 520px) {
    .newsWrap {
      display: block; } }

.newsCategory {
  width: 11%;
  margin: 0 0 0 3%; }
  @media screen and (max-width: 1024px) {
    .newsCategory {
      width: 15%; } }
  @media screen and (max-width: 520px) {
    .newsCategory {
      width: 100%; } }

.newsCategoryIcon {
  width: auto;
  display: inline-block;
  padding: 5px 9px;
  border-radius: 5px;
  background: #2E88B1;
  line-height: 1.0;
  color: #fff; }

.newsTextBox {
  width: 83%;
  margin: 0 3% 0 0; }
  @media screen and (max-width: 1024px) {
    .newsTextBox {
      width: 78%; } }
  @media screen and (max-width: 520px) {
    .newsTextBox {
      width: 100%;
      margin: 10px 0 0 3%;
      padding: 0 3% 0 0; } }

.newsHeading {
  color: #000000; }

.newsDate {
  color: #BE2721;
  margin: 10px 0 0 0; }
  @media screen and (max-width: 520px) {
    .newsDate {
      margin: 5px 0 0 0; } }

.wp-pagenavi {
  margin: 100px auto;
  text-align: center; }
  @media screen and (max-width: 520px) {
    .wp-pagenavi {
      margin: 70px auto 70px; } }

.wp-pagenavi a {
  display: inline-block;
  margin: 0 25px;
  text-align: center;
  font-size: 1.6rem;
  color: #BE2721;
  vertical-align: middle;
  font-family: "Montserrat", sans-serif; }

@media screen and (max-width: 520px) {
  .wp-pagenavi a {
    width: 30px;
    height: 35px;
    margin: 0 3px;
    line-height: 35px; } }

.wp-pagenavi .current {
  display: inline-block;
  margin: 0 25px;
  border-bottom: 1px solid #BE2721;
  text-align: center;
  font-size: 1.6rem;
  vertical-align: middle;
  color: #BE2721;
  font-family: "Montserrat", sans-serif; }

@media screen and (max-width: 520px) {
  .wp-pagenavi .current {
    width: 35px;
    height: 35px;
    margin: 0 3px;
    line-height: 35px; } }

.wp-pagenavi a.previouspostslink {
  border: none;
  width: 52px;
  height: auto;
  margin: 0 25px 5px 0;
  border-radius: none;
  border: none; }

@media screen and (max-width: 520px) {
  .wp-pagenavi a.previouspostslink {
    width: 30px;
    margin: 0 5px 25px 0; } }

.wp-pagenavi a.nextpostslink {
  border: none;
  width: 52px;
  height: auto;
  margin: 0 0 5px 25px;
  border-radius: none;
  border: none; }

@media screen and (max-width: 520px) {
  .wp-pagenavi a.nextpostslink {
    width: 30px;
    margin: 0 5px 25px 0; } }

/*====================
 *   NEWS詳細
 *====================*/
.newsArticle {
  width: 65%;
  max-width: 900px;
  margin: 0 auto 100px; }
  @media screen and (max-width: 1024px) {
    .newsArticle {
      width: 80%;
      margin: 0 auto 50px; } }
  @media screen and (max-width: 520px) {
    .newsArticle {
      width: 90%;
      margin: 50px auto; } }

.newsArticleHeader {
  margin: 100px 0 0 0;
  padding: 0 0 40px 0;
  border-bottom: 1px solid #707070; }

.newsArticleTitle {
  line-height: 1.0; }

.newsArticleTitleEn {
  line-height: 1.0;
  color: #BE2721;
  font-weight: bold;
  margin: 15px 0 0 0; }

.newsArticleCategoryIcon {
  width: auto;
  display: inline-block;
  padding: 5px 9px;
  border-radius: 5px;
  background: #2E88B1;
  line-height: 1.0;
  color: #fff;
  margin: 0 0 10px 0; }

.newsArticleheadingBox {
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .newsArticleheadingBox {
      margin: 65px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .newsArticleheadingBox {
      margin: 50px 0 0 0; } }

.newsArticleDate {
  line-height: 1.0;
  color: #BE2721;
  font-weight: 600;
  margin: 30px 0 0 0; }
  @media screen and (max-width: 520px) {
    .newsArticleDate {
      margin: 15px 0 0 0; } }

.newsArticleContent {
  margin: 100px 0 0 0;
  padding: 0 0 100px 0;
  border-bottom: 1px solid #707070; }
  @media screen and (max-width: 1024px) {
    .newsArticleContent {
      margin: 65px 0 0 0;
      padding: 0 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .newsArticleContent {
      margin: 50px 0 0 0;
      padding: 0 0 50px 0; } }
  .newsArticleContent a {
    color: #000000;
    text-decoration: underline; }
  .newsArticleContent p {
    margin: 40px 0 0 0;
    text-align: justify; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent p {
        font-size: 1.4rem;
        margin: 25px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent p {
        font-size: 1.2rem;
        margin: 20px 0 0 0; } }
    .newsArticleContent p a {
      color: #000000;
      text-decoration: underline; }
    @media screen and (max-width: 520px) {
      .newsArticleContent p {
        margin: 10px 0 0 0; } }
  .newsArticleContent h2 {
    margin: 60px 0 20px 0;
    font-size: 3.2rem;
    padding: 0 0 0 40px;
    font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: bold;
    line-height: 1.5;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent h2 {
        padding: 0 0 0 24px; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent h2 {
        font-size: 2.0rem;
        text-indent: 0;
        padding: 0 0 0 30px; } }
    .newsArticleContent h2 a {
      color: #000000;
      text-decoration: underline; }
  .newsArticleContent h3 {
    margin: 60px 0 0 0;
    font-size: 2.8rem;
    line-height: 1.5;
    font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: bold; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent h3 {
        font-size: 2.4rem;
        margin: 40px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent h3 {
        font-size: 1.8rem;
        line-height: 1.5;
        margin: 30px 0 0 0; } }
    .newsArticleContent h3 a {
      color: #000000;
      text-decoration: underline; }
  .newsArticleContent h4 {
    margin: 40px 0 0 0;
    font-size: 2.4rem;
    font-family: "Midashi Go MB31", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: bold;
    line-height: 1.5; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent h4 {
        font-size: 2.0rem;
        margin: 25px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent h4 {
        font-size: 1.6rem; } }
    .newsArticleContent h4 a {
      color: #000000;
      text-decoration: underline; }
  .newsArticleContent .wp-block-image {
    width: 100%;
    margin: 40px 0 0 0; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent .wp-block-image {
        margin: 25px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent .wp-block-image {
        margin: 20px 0 0 0; } }
  .newsArticleContent .wp-block-embed.is-provider-youtube {
    width: 100%;
    margin: 40px 0 0; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent .wp-block-embed.is-provider-youtube {
        margin: 25px 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent .wp-block-embed.is-provider-youtube {
        margin: 20px 0 0; } }
    .newsArticleContent .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
      aspect-ratio: 16 / 9; }
    .newsArticleContent .wp-block-embed.is-provider-youtube iframe {
      width: 100%;
      height: 100%; }
  .newsArticleContent iframe {
    width: 100% !important;
    height: 100% !important;
    margin: 40px 0 0;
    aspect-ratio: 16 / 9; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent iframe {
        margin: 25px 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent iframe {
        margin: 20px 0 0; } }
  .newsArticleContent figcaption {
    font-size: 1.4rem;
    line-height: 1.75;
    margin: 20px 0 0 0;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent figcaption {
        font-size: 1.3rem;
        margin: 15px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent figcaption {
        font-size: 1.2rem;
        margin: 10px 0 0 0; } }
  .newsArticleContent blockquote {
    margin: 60px 0 0 0;
    padding: 20px 0 20px 30px;
    border-left: 3px solid #000000;
    font-size: 1.8rem; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent blockquote {
        font-size: 1.6rem;
        margin: 40px 0 0 0;
        padding: 15px 0 15px 20px; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent blockquote {
        font-size: 1.4rem;
        margin: 30px 0 0 0;
        padding: 10px 0 10px 15px; } }
    .newsArticleContent blockquote p {
      margin: 0; }
    .newsArticleContent blockquote cite {
      margin: 20px 0 0 0;
      font-size: 1.6rem;
      font-style: normal;
      display: block; }
      @media screen and (max-width: 1024px) {
        .newsArticleContent blockquote cite {
          font-size: 1.4rem;
          margin: 15px 0 0 0; } }
      @media screen and (max-width: 520px) {
        .newsArticleContent blockquote cite {
          font-size: 1.3rem; } }
      .newsArticleContent blockquote cite a {
        text-decoration: underline;
        color: #000000; }
  .newsArticleContent .wp-block-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    margin: 40px 0 0 0; }
    @media screen and (max-width: 1024px) {
      .newsArticleContent .wp-block-group {
        margin: 25px 0 0 0; } }
    @media screen and (max-width: 520px) {
      .newsArticleContent .wp-block-group {
        display: block;
        margin: 20px 0 0 0; } }
    .newsArticleContent .wp-block-group .wp-block-image {
      width: 50%;
      margin: 0 3% 0 0; }
      @media screen and (max-width: 1024px) {
        .newsArticleContent .wp-block-group .wp-block-image {
          margin: 0 3% 0 0; } }
      @media screen and (max-width: 520px) {
        .newsArticleContent .wp-block-group .wp-block-image {
          width: 100%; } }
    .newsArticleContent .wp-block-group p {
      width: 50%; }
      @media screen and (max-width: 520px) {
        .newsArticleContent .wp-block-group p {
          width: 100%; } }

.articleNavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0 0 0; }

.articleNaviLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-right: auto;
  font-weight: 600;
  color: #BE2721; }
  .articleNaviLeft img {
    width: 50px; }

.articleNaviCenter {
  text-align: center;
  font-weight: 600;
  color: #BE2721;
  border-bottom: 1px solid #BE2721; }

.articleNaviRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-left: auto;
  font-weight: 600;
  color: #BE2721; }
  .articleNaviRight img {
    width: 50px; }

/*====================
 *   ENTRYFORM
 *====================*/
.entryForm {
  width: 83%;
  margin: 0 auto; }

.formHeader {
  margin: 150px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .formHeader {
      margin: 100px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .formHeader {
      margin: 75px 0 0 0; } }

.formTitleEn {
  font-weight: bold; }

.formIntroTextBox {
  margin: 100px 0 0 0;
  width: 67%;
  max-width: 820px; }
  @media screen and (max-width: 1024px) {
    .formIntroTextBox {
      margin: 65px 0 0 0;
      width: 100%; } }
  @media screen and (max-width: 520px) {
    .formIntroTextBox {
      margin: 50px 0 0 0; } }

.formIntroText {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .formIntroText {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .formIntroText {
      margin: 10px 0 0 0; } }
  .formIntroText a {
    color: #000000;
    text-decoration: underline; }

.entryFormContainer {
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .entryFormContainer {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .entryFormContainer {
      margin: 30px 0 0 0; } }

.formBox {
  width: 67%;
  margin: 30px 0 0 0;
  max-width: 820px; }
  @media screen and (max-width: 1024px) {
    .formBox {
      margin: 20px 0 0 0;
      width: 100%; } }
  @media screen and (max-width: 520px) {
    .formBox {
      margin: 15px 0 0 0; } }

.required {
  color: #BE2721; }

.inputText {
  width: 100%;
  border: 1px #707070 solid;
  height: 45px;
  margin: 15px 0 0 0;
  padding: 0 0 0 1.6rem; }
  @media screen and (max-width: 1024px) {
    .inputText {
      margin: 10px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .inputText {
      margin: 5px 0 0 0; } }

input[type="text"], textarea, input[type="tel"], input[type="email"], input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic" !important; }

.selectFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 15px; }
  @media screen and (max-width: 1024px) {
    .selectFlex {
      gap: 15px;
      margin-top: 10px; } }
  @media screen and (max-width: 520px) {
    .selectFlex {
      gap: 10px;
      margin-top: 5px; } }

.selectWrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.selectWrap select {
  width: 135px;
  height: 45px;
  padding: 0 30px 0 15px;
  border: 1px solid #707070;
  border-radius: 0;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; }
  @media screen and (max-width: 520px) {
    .selectWrap select {
      width: 80px;
      padding: 0 15px 0 15px; } }

.selectWrap::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 45px;
  pointer-events: none;
  background-image: url("images/selectorArrow.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 7px;
  background-size: contain; }
  @media screen and (max-width: 520px) {
    .selectWrap::after {
      right: 30px; } }

.unit {
  margin-left: 10px; }
  @media screen and (max-width: 1024px) {
    .unit {
      margin-left: 7px; } }

select {
  color: #000000; }

option {
  color: #000000; }

.checkFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-top: 15px; }
  @media screen and (max-width: 1024px) {
    .checkFlex {
      gap: 15px;
      margin-top: 10px; } }
  @media screen and (max-width: 520px) {
    .checkFlex {
      gap: 7px;
      margin-top: 4px; } }

.checkFlex.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.checkLabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.0;
  gap: 15px 0; }
  @media screen and (max-width: 520px) {
    .checkLabel {
      gap: 10px 0; } }
  .checkLabel input[type="radio" i] {
    margin: 0 3px 0 5px;
    width: 16px;
    height: 16px;
    vertical-align: bottom; }
    @media screen and (max-width: 1024px) {
      .checkLabel input[type="radio" i] {
        width: 14px;
        height: 14px; } }
    @media screen and (max-width: 520px) {
      .checkLabel input[type="radio" i] {
        margin: 0 3px 0 5px;
        width: 12px;
        height: 12px; } }
  .checkLabel input[type="checkbox" i] {
    margin: 0 3px 0 5px;
    width: 16px;
    height: 16px;
    vertical-align: bottom; }
    @media screen and (max-width: 1024px) {
      .checkLabel input[type="checkbox" i] {
        width: 14px;
        height: 14px; } }
    @media screen and (max-width: 520px) {
      .checkLabel input[type="checkbox" i] {
        margin: 0 3px 0 5px;
        width: 12px;
        height: 12px; } }

.inputArea {
  width: 100%;
  min-height: 200px;
  margin: 15px 0 0 0;
  padding: 1.5rem 1.6rem;
  border: 1px solid #707070;
  border-radius: 0;
  background-color: white;
  line-height: 1.6;
  resize: vertical;
  display: block; }
  @media screen and (max-width: 1024px) {
    .inputArea {
      margin: 10px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .inputArea {
      margin: 5px 0 0 0; } }

.inputArea:focus {
  outline: none;
  border-color: #707070; }

.entryFormPolicy {
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .entryFormPolicy {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .entryFormPolicy {
      margin: 30px 0 0 0; } }

.entryFormPolicyText {
  margin-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .entryFormPolicyText {
      margin-bottom: 15px; } }
  @media screen and (max-width: 520px) {
    .entryFormPolicyText {
      margin-bottom: 10px; } }

.entryFormPolicyLink {
  color: #000000;
  text-decoration: underline; }

.checkCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.submitContainer {
  margin: 50px 0 100px 0; }
  @media screen and (max-width: 1024px) {
    .submitContainer {
      margin: 35px 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .submitContainer {
      margin: 25px 0 50px 0; } }

/*====================
 *   PRIVACYPOLICY
 *====================*/
.privacyPolicy {
  width: 83%;
  margin: 0 auto 100px; }
  @media screen and (max-width: 1024px) {
    .privacyPolicy {
      margin: 0 auto 65px; } }
  @media screen and (max-width: 520px) {
    .privacyPolicy {
      margin: 0 auto 50px; } }

.privacyPolicyBox {
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .privacyPolicyBox {
      margin: 65px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .privacyPolicyBox {
      margin: 50px 0 0 0; } }

.privacyPolicyText {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .privacyPolicyText {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .privacyPolicyText {
      margin: 15px 0 0 0; } }

.privacyPolicyTextBox {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .privacyPolicyTextBox {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .privacyPolicyTextBox {
      margin: 15px 0 0 0; } }

.privacyPolicyTextIndent {
  margin-left: 1.6rem; }
  @media screen and (max-width: 1024px) {
    .privacyPolicyTextIndent {
      margin-left: 1.4rem; } }
  @media screen and (max-width: 520px) {
    .privacyPolicyTextIndent {
      margin-left: 1.2rem; } }

/*====================
 *   CONTACTFORM
 *====================*/
.contactFormContainer {
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .contactFormContainer {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .contactFormContainer {
      margin: 30px 0 0 0; } }
  .contactFormContainer .selectWrap {
    width: 425px; }
    @media screen and (max-width: 520px) {
      .contactFormContainer .selectWrap {
        width: 200px; } }
    .contactFormContainer .selectWrap select {
      width: 425px; }
      @media screen and (max-width: 520px) {
        .contactFormContainer .selectWrap select {
          width: 200px;
          padding: 0 15px 0 15px; } }
  .contactFormContainer .selectWrap::after {
    right: 30px; }
    @media screen and (max-width: 520px) {
      .contactFormContainer .selectWrap::after {
        right: 10px; } }

.wpcf7-list-item {
  margin: 0 1em 0 0 !important; }

.wpcf7-list-item-label {
  font-size: 1.6rem;
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic"; }
  @media screen and (max-width: 1024px) {
    .wpcf7-list-item-label {
      font-size: 1.4rem; } }
  @media screen and (max-width: 520px) {
    .wpcf7-list-item-label {
      font-size: 1.2rem; } }

.wpcf7-list-item-label::before {
  display: none; }

.wpcf7-form-control {
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic";
  color: #000000; }

.wpcf7 span.wpcf7-not-valid-tip {
  display: block;
  position: static;
  top: 0;
  left: 0;
  border: none;
  color: #BE2721;
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic"; }

.wpcf7 form .wpcf7-response-output {
  font-size: 1.6rem;
  text-align: center;
  border-color: none;
  border: none;
  color: #BE2721;
  font-family: "Gothic Medium BBB", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic"; }

.wpcf7 form.invalid .wpcf7-response-output {
  color: #BE2721;
  border: none; }

.wpcf7 form.unaccepted .wpcf7-response-output {
  color: #BE2721;
  border: none; }

.wpcf7 form.sent .wpcf7-response-output {
  color: #BE2721;
  border: none; }

.submitBtn {
  background-color: #BE2721;
  color: #fff;
  border: none;
  line-height: 60px;
  width: 250px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  margin: 0; }

.wpcf7-form input:-webkit-autofill,
.wpcf7-form input:-webkit-autofill:hover,
.wpcf7-form input:-webkit-autofill:focus,
.wpcf7-form select:-webkit-autofill,
.wpcf7-form select:-webkit-autofill:hover,
.wpcf7-form select:-webkit-autofill:focus,
.wpcf7-form textarea:-webkit-autofill,
.wpcf7-form textarea:-webkit-autofill:hover,
.wpcf7-form textarea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #000000;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

/*====================
 *   HYDROGEN
 *====================*/
.hydroHeader {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("images/headerHydro.jpg");
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerHydro.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/headerHydro.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 475px;
  color: #fff; }
  @media screen and (max-width: 520px) {
    .hydroHeader {
      height: 300px; } }

.hydroHeaderTitleBox {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 100;
  top: 50%;
  left: 5.8%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (max-width: 520px) {
  .hydroHeaderTitle {
    font-size: 3.6rem; } }

.hydroHeaderTitleEn {
  font-weight: bold;
  margin: 15px 0 0 0; }
  @media screen and (max-width: 520px) {
    .hydroHeaderTitleEn {
      margin: 8px 0 0 0; } }

.hydroIntroBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  background: url("images/hydroBackLine.png");
  background-position: center bottom 20px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 100;
  position: relative;
  padding: 0 0 100px 0; }
  @media screen and (max-width: 1300px) {
    .hydroIntroBox {
      min-width: 1300px; } }
  @media screen and (max-width: 1024px) {
    .hydroIntroBox {
      min-width: 0;
      display: block;
      background-position: center bottom 500px;
      padding: 0 0 65px 0; } }
  @media screen and (max-width: 520px) {
    .hydroIntroBox {
      padding: 0 0 50px 0; } }

.hydroIntroTextBox {
  width: 58%;
  margin: 0 2.5% 0 5.5%; }
  @media screen and (max-width: 1024px) {
    .hydroIntroTextBox {
      width: 90%;
      margin: 0 auto; } }

.hydroIcon {
  width: 36px;
  height: auto; }

.hydroIntroHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroIntroHeading {
      margin: 15px 0 0 0; } }

.hydroIntroText {
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroIntroText {
      margin: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroIntroText {
      margin: 30px 0 0 0; } }

.hydroIntroTextNote {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroIntroTextNote {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroIntroTextNote {
      margin: 15px 0 0 0; } }

.hydroIntroImageBox {
  width: 31%;
  margin: -160px 3% 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media screen and (max-width: 1024px) {
    .hydroIntroImageBox {
      width: 90%;
      margin: 30px auto 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.hydroIntroImage01 {
  width: 75%; }
  @media screen and (max-width: 1024px) {
    .hydroIntroImage01 {
      width: 35%; } }

.hydroIntroImage02 {
  width: 100%;
  margin: 100px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroIntroImage02 {
      width: 60%;
      margin: 0 0 0 5%; } }

.hydroFeature {
  background: #E4EFF2;
  padding: 100px 0; }
  @media screen and (max-width: 1300px) {
    .hydroFeature {
      min-width: 1300px; } }
  @media screen and (max-width: 1024px) {
    .hydroFeature {
      padding: 65px 0;
      min-width: 0; } }
  @media screen and (max-width: 520px) {
    .hydroFeature {
      padding: 50px 0; } }

.hydroFeatureBox {
  width: 91.5%;
  margin: 0 3% 0 5.5%; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureBox {
      width: 90%;
      margin: 0 auto; } }

.hydroFeatureHeading {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureHeading {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroFeatureHeading {
      margin: 10px 0 0 0; } }

.hydroFeatureLead {
  margin: 30px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureLead {
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroFeatureLead {
      margin: 15px 0 0 0; } }

.hydroFeatureWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 30px;
  padding: 3%;
  margin: 60px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureWrap {
      display: block;
      margin: 40px 0 0 0;
      border-radius: 20px;
      padding: 3%; } }
  @media screen and (max-width: 520px) {
    .hydroFeatureWrap {
      margin: 30px 0 0 0;
      border-radius: 15px;
      padding: 5%; } }

.hydroFeatureNum {
  font-weight: 600;
  width: 8%;
  color: #BE2721;
  margin: 0 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureNum {
      width: 100%; } }

.hydroFeatureHeading02 {
  width: 27%;
  margin: 0 3% 0 0;
  border-right: 1px solid #000000; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureHeading02 {
      width: 100%;
      margin: 10px 0 0 0;
      border-right: none;
      border-bottom: 1px solid #000000;
      padding: 0 0 10px 0; } }
  @media screen and (max-width: 520px) {
    .hydroFeatureHeading02 {
      margin: 5px 0 0 0; } }

.hydroFeatureText {
  width: 65%;
  margin: 0 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroFeatureText {
      width: 100%;
      margin: 20px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroFeatureText {
      margin: 10px 0 0 0; } }

.hydroEnd {
  padding: 100px 0; }
  @media screen and (max-width: 1300px) {
    .hydroEnd {
      min-width: 1300px; } }
  @media screen and (max-width: 1024px) {
    .hydroEnd {
      padding: 65px 0;
      min-width: 0; } }
  @media screen and (max-width: 520px) {
    .hydroEnd {
      padding: 50px 0; } }

.hydroEndBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .hydroEndBox {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (max-width: 520px) {
    .hydroEndBox {
      display: block; } }

.hydroEndTextBox {
  width: 60%;
  margin: 0 3% 0 14%; }
  @media screen and (max-width: 1024px) {
    .hydroEndTextBox {
      margin: 0 3% 0 5%; } }
  @media screen and (max-width: 520px) {
    .hydroEndTextBox {
      width: 90%;
      margin: 0 auto; } }

.hydroEndImageBox {
  width: 23%;
  margin: 65px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroEndImageBox {
      width: 29%;
      margin: 0 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndImageBox {
      width: 60%;
      margin: 20px auto 0 5%; } }

.hydroEndoTextBox {
  margin: 70px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroEndoTextBox {
      margin: 45px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndoTextBox {
      margin: 35px 0 0 0; } }

.hydroEndoText {
  margin: 40px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroEndoText {
      margin: 25px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndoText {
      margin: 20px 0 0 0; } }

.hydroEndLab {
  width: 88%;
  margin: 60px auto 0;
  padding: 60px 0 0 0;
  border-top: 1px solid #000000; }
  @media screen and (max-width: 1024px) {
    .hydroEndLab {
      width: 90%;
      margin: 40px auto 0;
      padding: 40px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndLab {
      margin: 30px auto 0;
      padding: 30px 0 0 0; } }

.hydroEndLabBox {
  width: 80%;
  margin: 0 auto 0 8%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end; }
  @media screen and (max-width: 1024px) {
    .hydroEndLabBox {
      width: 100%;
      margin: 0 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndLabBox {
      width: 100%;
      margin: 0 auto;
      display: block; } }

.hydroEndLabImage {
  width: 38%;
  margin: 0 4% 0 0; }
  @media screen and (max-width: 520px) {
    .hydroEndLabImage {
      width: 100%; } }

@media screen and (max-width: 520px) {
  .hydroEndLabTextBox {
    margin: 20px 0 0 0; } }

.hydroEndoLabText {
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hydroEndoLabText {
      margin: 15px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroEndoLabText {
      margin: 10px 0 0 0; } }
  .hydroEndoLabText a {
    color: #000000;
    text-decoration: underline; }

.hydroFooter {
  border-top: 1px solid #000000;
  padding: 50px 0 70px 0; }
  @media screen and (max-width: 1024px) {
    .hydroFooter {
      padding: 35px 0 45px 0; } }
  @media screen and (max-width: 520px) {
    .hydroFooter {
      padding: 25px 0 35px 0; } }

.hydroFooterBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .hydroFooterBox {
      width: 90%; } }
  @media screen and (max-width: 520px) {
    .hydroFooterBox {
      display: block; } }

.hydroFooterLogo {
  width: 18%; }
  @media screen and (max-width: 1024px) {
    .hydroFooterLogo {
      width: 25%; } }
  @media screen and (max-width: 520px) {
    .hydroFooterLogo {
      width: 40%; } }

.hydroFooterBtn {
  width: 280px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #000000;
  color: #000000; }
  .hydroFooterBtn a {
    color: #000000; }
  @media screen and (max-width: 520px) {
    .hydroFooterBtn {
      width: 232px;
      margin: 20px 0 0 0; } }
  .hydroFooterBtn img {
    width: 13px;
    height: 13px;
    margin: 0 0 13px 13px; }

.hydroFooterCopy {
  margin: 50px 0 0 0;
  text-align: right; }
  @media screen and (max-width: 1024px) {
    .hydroFooterCopy {
      margin: 35px 0 0 0; } }
  @media screen and (max-width: 520px) {
    .hydroFooterCopy {
      text-align: left; } }