@charset "UTF-8";
/* Font Set
------------------------------------------------------------------------------*/
body {
  background-color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}

.font-notosans {
  font-family: "Noto Sans JP", sans-serif;
}

.font-dmsans {
  font-family: "DM Sans", sans-serif;
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 1439px) {
  html {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 1279px) {
  html {
    font-size: 1.171875vw;
  }
}
@media screen and (max-width: 1023px) {
  html {
    font-size: 3.2vw;
  }
}

/* --------------------------------------------------
  iconfont
-------------------------------------------------- */
@font-face {
  font-family: "icomoon";
  src: url("../font/icomoon.eot?wkmoje");
  src: url("../font/icomoon.eot?wkmoje#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?wkmoje") format("truetype"), url("../font/icomoon.woff?wkmoje") format("woff"), url("../font/icomoon.svg?wkmoje#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-l-slide:before {
  content: "\e900";
}

.icon-arrow-r-slide:before {
  content: "\e901";
}

.icon-blank:before {
  content: "\e902";
}

.icon-pagetop:before {
  content: "\e903";
}

.icon-arrow-r-thin:before {
  content: "\e904";
}

.icon-growth:before {
  content: "\e905";
}

.icon-innovation:before {
  content: "\e906";
}

.icon-technical:before {
  content: "\e907";
}

.icon-award:before {
  content: "\e908";
}

.icon-baby:before {
  content: "\e909";
}

.icon-car:before {
  content: "\e90a";
}

.icon-certification:before {
  content: "\e90b";
}

.icon-commute:before {
  content: "\e90c";
}

.icon-development:before {
  content: "\e90d";
}

.icon-file:before {
  content: "\e90e";
}

.icon-holiday:before {
  content: "\e90f";
}

.icon-home:before {
  content: "\e910";
}

.icon-overtime:before {
  content: "\e911";
}

.icon-qualification:before {
  content: "\e912";
}

.icon-training:before {
  content: "\e913";
}

.icon-travel:before {
  content: "\e914";
}

.icon-women:before {
  content: "\e915";
}

.icon-worktime:before {
  content: "\e916";
}

.icon-zoom:before {
  content: "\e917";
}

.icon-arrow-t:before {
  content: "\e918";
}

.icon-arrow-l:before {
  content: "\e919";
}

.icon-arrow-link:before {
  content: "\e91a";
}

.icon-arrow-r:before {
  content: "\e91b";
}

/* modules
------------------------------------------------------------------------------*/
.wrapper {
  position: relative;
  overflow: hidden;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}

a {
  outline: none;
  -webkit-transition: color 400ms ease;
  transition: color 400ms ease;
}
/* utility
------------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 320px;
}

#main_section {
  -webkit-transition: opacity 1000ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: opacity 1000ms cubic-bezier(0.37, 0, 0.63, 1);
}
body:not(.load) #main_section {
  opacity: 0;
  visibility: hidden;
}
.load #main_section {
  opacity: 1;
  visibility: visible;
}
.anker_wrap {
  margin-top: -85px;
  padding-top: 85px;
}

.fade-action {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 600ms ease 200ms, -webkit-transform 600ms ease 200ms;
  transition: opacity 600ms ease 200ms, -webkit-transform 600ms ease 200ms;
  transition: transform 600ms ease 200ms, opacity 600ms ease 200ms;
  transition: transform 600ms ease 200ms, opacity 600ms ease 200ms, -webkit-transform 600ms ease 200ms;
}
.fade-action.fade-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.bg-key-color {
  background-color: #459867;
}

.bg-key-color-l {
  background-color: #a7caa6;
}

.bg-key-color-g {
  background-color: #7fb97e;
}

.bg-key-color-d {
  background-color: #005021;
}

.bg-key-color-ld {
  background-color: #396f2f;
}

.bg-key-color-bg {
  background-color: #c3dec6;
}

.bg-blue-color {
  background-color: #149ed3;
}

.bg-orange-color {
  background-color: #d66a1c;
}

.bg-gray-color {
  background-color: #818181;
}

.bg-gray-color2 {
  background-color: #363636;
}

.bg-gray-color3 {
  background-color: #c1c1c1;
}

.bg-gray-color7 {
  background-color: #e6e6e6;
}

.border-key-color {
  border-color: #459867;
}

.border-key-color-l {
  border-color: #a7caa6;
}

.border-key-color-g {
  border-color: #7fb97e;
}

.border-key-color-d {
  border-color: #005021;
}

.border-key-color-ld {
  border-color: #396f2f;
}

.border-key-color-bg {
  border-color: #c3dec6;
}

.border-blue-color {
  border-color: #149ed3;
}

.border-orange-color {
  border-color: #d66a1c;
}

.border-gray-color {
  border-color: #818181;
}

.border-gray-color2 {
  border-color: #363636;
}

.border-gray-color3 {
  border-color: #c1c1c1;
}

.border-gray-color7 {
  border-color: #e6e6e6;
}

.color-key-color {
  color: #459867;
}

@media (hover: hover) {
  .notouch a.color-key-color:hover {
    color: rgb(78.0230769231, 171.8769230769, 116.4692307692);
  }
}

.color-key-color-l {
  color: #a7caa6;
}

@media (hover: hover) {
  .notouch a.color-key-color-l:hover {
    color: rgb(175.8, 207.3, 174.9);
  }
}

.color-key-color-g {
  color: #7fb97e;
}

@media (hover: hover) {
  .notouch a.color-key-color-g:hover {
    color: rgb(139.8, 192, 138.9);
  }
}

.color-key-color-d {
  color: #005021;
}

@media (hover: hover) {
  .notouch a.color-key-color-d:hover {
    color: rgb(0, 123, 50.7375);
  }
}

.color-key-color-ld {
  color: #396f2f;
}

@media (hover: hover) {
  .notouch a.color-key-color-ld:hover {
    color: rgb(69.6987341772, 135.7291139241, 57.4708860759);
  }
}

.color-key-color-bg {
  color: #c3dec6;
}

@media (hover: hover) {
  .notouch a.color-key-color-bg:hover {
    color: rgb(201, 225.3, 203.7);
  }
}

.color-blue-color {
  color: #149ed3;
}

@media (hover: hover) {
  .notouch a.color-blue-color:hover {
    color: rgb(25.6402597403, 175.6480519481, 233.2597402597);
  }
}

.color-orange-color {
  color: #d66a1c;
}

@media (hover: hover) {
  .notouch a.color-orange-color:hover {
    color: rgb(227.0925619835, 119.4495867769, 41.7074380165);
  }
}

.color-gray-color {
  color: #818181;
}

@media (hover: hover) {
  .notouch a.color-gray-color:hover {
    color: rgb(141.6, 141.6, 141.6);
  }
}

.color-gray-color2 {
  color: #363636;
}

@media (hover: hover) {
  .notouch a.color-gray-color2:hover {
    color: rgb(74.1, 74.1, 74.1);
  }
}

.color-gray-color3 {
  color: #c1c1c1;
}

@media (hover: hover) {
  .notouch a.color-gray-color3:hover {
    color: rgb(199.2, 199.2, 199.2);
  }
}

.color-gray-color7 {
  color: #e6e6e6;
}

@media (hover: hover) {
  .notouch a.color-gray-color7:hover {
    color: rgb(232.5, 232.5, 232.5);
  }
}

.color-txt-color {
  color: #000000;
}

@media (hover: hover) {
  .notouch a.color-txt-color:hover {
    color: rgb(25.5, 25.5, 25.5);
  }
}

/* --------------------------------------------------
	各ウィンドウサイズでの表示非表示
	1024px〜      .pc_onlyを使用
	768px〜1023px .tb_onlyを使用
	768px〜       .tbpc_onlyを使用
	〜767px       .sp_onlyを使用
-------------------------------------------------- */
@media screen and (max-width: 1439px) {
  .wide_only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .tbpc_only {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .pc_only {
    display: none !important;
  }
}

@media screen and (min-width: 1440px) {
  .pcS_only {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .tbsp_only {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .tb_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tb_only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp_only {
    display: none !important;
  }
}

/* --------------------------------------------------
	〜767px sp style wrapper
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .wrapper {
    width: 100%;
  }
}

.open_menu {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .open_menu .wrapper {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
  }
}

/* --------------------------------------------------
	320px以下 最小サイズ以下
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  body {
    overflow-x: scroll;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

@-webkit-keyframes text-show {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  40% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}

@keyframes text-show {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  40% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
.anim_floating_s {
  display: block;
  -webkit-animation: floating_s 4000ms ease-in-out infinite alternate;
          animation: floating_s 4000ms ease-in-out infinite alternate;
}

.anim_floating {
  display: block;
  -webkit-animation: floating 4500ms ease-in-out infinite alternate;
          animation: floating 4500ms ease-in-out infinite alternate;
}

.anim_floating_l {
  display: block;
  -webkit-animation: floating_l 5000ms ease-in-out infinite alternate;
          animation: floating_l 5000ms ease-in-out infinite alternate;
}

@-webkit-keyframes floating_s {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes floating_s {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes floating {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes floating_l {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes floating_l {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.draggable {
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slick-list.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.global_header {
  opacity: 0;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}
.load .global_header {
  opacity: 1;
}
html.open-modaal-entry .global_header, html.closing-modaal-entry .global_header, .open_menu .global_header {
  z-index: 1000000;
}
html body.under .global_header .gh-inner, html.h-color-change body#top .global_header .gh-inner, html body.open_menu#top .global_header .gh-inner {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 1023px) {
  html body.under .global_header .gh-inner, html.h-color-change body#top .global_header .gh-inner, html body.open_menu#top .global_header .gh-inner {
    padding-top: calc(3.046875px * 1rem / 1vw);
    padding-bottom: calc(3.046875px * 1rem / 1vw);
  }
}
@media screen and (max-width: 1023px) {
  html body.under .global_header .h-logo, html.h-color-change body#top .global_header .h-logo, html body.open_menu#top .global_header .h-logo {
    margin-top: calc(3.125px * 1rem / 1vw);
  }
}
html:not(.open-modaal-entry) body.under:not(.open_menu) .global_header .gh-inner, html.h-color-change:not(.open-modaal-entry) body#top:not(.open_menu) .global_header .gh-inner {
  background: #FFF;
}

.gh-inner {
  -webkit-transition: background 300ms ease, padding 300ms ease;
  transition: background 300ms ease, padding 300ms ease;
}

.h-logo {
  color: #FFF;
  -webkit-transition: margin 300ms ease, color 300ms ease;
  transition: margin 300ms ease, color 300ms ease;
}
.open_menu .h-logo, .open-modaal-entry .h-logo {
  color: #FFF;
}

#h-logo {
  fill: #000;
  -webkit-transition: fill 300ms ease;
  transition: fill 300ms ease;
}
.open_menu #h-logo, .open-modaal-entry #h-logo {
  fill: #FFF;
}

html:not(.h-color-change) #top .h-logo {
  color: #FFF;
}

html:not(.h-color-change) #top #h-logo {
  fill: #FFF;
}

html.h-color-change:not(.open-modaal-entry) body#top:not(.open_menu) .h-logo {
  color: #000;
}

html.h-color-change:not(.open-modaal-entry) body#top:not(.open_menu) #h-logo {
  fill: #000;
}

html:not(.open-modaal-entry) body.under:not(.open_menu) .h-logo {
  color: #000;
}

html:not(.open-modaal-entry) body.under:not(.open_menu) #h-logo {
  fill: #000;
}

.h-logo-link {
  -webkit-transition: none;
  transition: none;
}

.h-logo-icon {
  fill: #009b63;
}

#gh-gnav {
  -webkit-transition: height 400ms ease;
  transition: height 400ms ease;
}
.open_menu #gh-gnav {
  height: 100%;
}

.gh-gnav-inner {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.gh-gnav-inner::-webkit-scrollbar {
  display: none;
}
.gh-gnav-inner {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (hover: hover) {
  .notouch body:not(.open_menu) .gh-btn:hover .gh-btn-line:first-child {
    -webkit-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
  }
  .notouch body:not(.open_menu) .gh-btn:hover .gh-btn-line:last-child {
    -webkit-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
  }
}
@media (hover: hover) {
  .notouch .open_menu .gh-btn:hover .gh-btn-line:first-child {
    -webkit-transform: translateY(0.5rem) rotate(30deg);
            transform: translateY(0.5rem) rotate(30deg);
  }
  .notouch .open_menu .gh-btn:hover .gh-btn-line:last-child {
    -webkit-transform: translateY(-0.5rem) rotate(-30deg);
            transform: translateY(-0.5rem) rotate(-30deg);
  }
}

.gh-btn-bg {
  -webkit-transition: background 400ms ease;
  transition: background 400ms ease;
}

.gh-btn-line {
  -webkit-transition: background 400ms ease, -webkit-transform 400ms ease;
  transition: background 400ms ease, -webkit-transform 400ms ease;
  transition: background 400ms ease, transform 400ms ease;
  transition: background 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
}
.open_menu .gh-btn-line {
  background-color: #fff;
}
.open_menu .gh-btn-line:first-child {
  -webkit-transform: translateY(0.5rem) rotate(45deg);
          transform: translateY(0.5rem) rotate(45deg);
}
.open_menu .gh-btn-line:nth-child(2) {
  background-color: rgba(0, 0, 0, 0);
}
.open_menu .gh-btn-line:last-child {
  -webkit-transform: translateY(-0.5rem) rotate(-45deg);
          transform: translateY(-0.5rem) rotate(-45deg);
}

.sec-btn a .icon-arrow-r,
.entry-modal .icon-arrow-r {
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
@media (hover: hover) {
  .notouch .sec-btn a:hover .entry-modal-bg::after,
  .notouch .entry-modal:hover .entry-modal-bg::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .notouch .sec-btn a:hover .icon-arrow-r,
  .notouch .entry-modal:hover .icon-arrow-r {
    translate: 0.3125rem;
  }
}

.entry-modal-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(78.0230769231, 171.8769230769, 116.4692307692);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.entry-modal:nth-child(2) .entry-modal-bg::after {
  background: rgb(139.8, 192, 138.9);
}

@media (hover: hover) {
  .notouch #gh-gnav a:hover {
    color: #c1c1c1;
  }
  .notouch #gh-gnav a:hover .icon-arrow-r {
    translate: 20% -50%;
  }
}
#gh-gnav a .icon-arrow-r {
  -webkit-transition: translate 400ms ease, color 400ms ease;
  transition: translate 400ms ease, color 400ms ease;
}

.accordion-trigger {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .accordion-trigger {
    display: block;
  }
}
.accordion-trigger::before, .accordion-trigger::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.1875rem;
  background-color: #ffffff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.accordion-trigger::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

/* --------------------------------------------------
	global_footer
-------------------------------------------------- */
@media (hover: hover) {
  .notouch .global_footer a:hover .link-inner {
    background-position: left bottom;
    background-size: 100% 2px;
  }
}
.global_footer a .link-inner {
  padding-bottom: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#459867), to(#459867));
  background-image: linear-gradient(#459867, #459867);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 2px;
  -webkit-transition: background-size 0.4s ease;
  transition: background-size 0.4s ease;
}
.global_footer .h-logo-icon {
  fill: #459867;
}

/* --------------------------------------------------
	global-entry-btn
-------------------------------------------------- */
.global-entry-btn-inner a div[class*=bg-key-]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(78.0230769231, 171.8769230769, 116.4692307692);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.global-entry-btn-inner a div.bg-key-color::after {
  background: rgb(78.0230769231, 171.8769230769, 116.4692307692);
}
.global-entry-btn-inner a div.bg-key-color-l::after {
  background: rgb(175.8, 207.3, 174.9);
}
.global-entry-btn-inner a .icon-arrow-r-thin:before {
  display: block;
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
@media (hover: hover) {
  .notouch .global-entry-btn-inner a:hover div[class*=bg-key-]::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .notouch .global-entry-btn-inner a:hover .icon-arrow-r-thin:before {
    translate: 0.3125rem;
  }
}

/* --------------------------------------------------
  parts-btn
-------------------------------------------------- */
.parts-btn {
  display: inline-block;
  position: relative;
  min-width: 11.875rem;
  padding: 0.9375rem 2.1875rem 0.9375rem 2.75rem;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
@media screen and (max-width: 1023px) {
  .parts-btn {
    min-width: 12.5rem;
  }
}
@media (hover: hover) {
  .notouch .parts-btn:hover .parts-btn-bg::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .notouch .parts-btn:hover .icon-arrow-r-thin::before,
  .notouch .parts-btn:hover .icon-arrow-r {
    translate: 0.3125rem;
  }
}
.parts-btn-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #459867;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.parts-btn-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(78.0230769231, 171.8769230769, 116.4692307692);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.parts-btn-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.parts-btn-contents-text {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-size: 0.875rem;
  color: #FFF;
  letter-spacing: 0.1em;
}
.parts-btn .icon-arrow-r-thin {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 0.6875rem;
  color: #FFF;
  translate: 0 -50%;
}
.parts-btn .icon-arrow-r-thin::before {
  display: block;
  translate: 0;
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
.parts-btn .icon-arrow-r {
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}

.parts-btns .parts-btn-wrap:first-child .parts-btn-bg {
  background-color: #459867;
}
.parts-btns .parts-btn-wrap:first-child .parts-btn-bg::after {
  background-color: rgb(78.0230769231, 171.8769230769, 116.4692307692);
}

.parts-btns .parts-btn-wrap:nth-child(2) .parts-btn-bg {
  background-color: #7fb97e;
}
.parts-btns .parts-btn-wrap:nth-child(2) .parts-btn-bg::after {
  background-color: rgb(139.8, 192, 138.9);
}

.parts-btns .parts-btn-wrap:nth-child(3) .parts-btn-bg {
  background-color: #005021;
}
.parts-btns .parts-btn-wrap:nth-child(3) .parts-btn-bg::after {
  background-color: rgb(0, 123, 50.7375);
}

.parts-btns .parts-btn-wrap:nth-child(4) .parts-btn-bg {
  background-color: #396f2f;
}
.parts-btns .parts-btn-wrap:nth-child(4) .parts-btn-bg::after {
  background-color: rgb(69.6987341772, 135.7291139241, 57.4708860759);
}

@media (hover: hover) {
  .notouch a:hover .parts-btn-bg::after, .notouch button:hover .parts-btn-bg::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .notouch a:hover .icon-arrow-r-thin::before,
  .notouch a:hover .icon-arrow-r, .notouch button:hover .icon-arrow-r-thin::before,
  .notouch button:hover .icon-arrow-r {
    translate: 0.3125rem;
  }
}

/* --------------------------------------------------
  page-top
-------------------------------------------------- */
.page-top {
  -webkit-transition: translate 400ms ease;
  transition: translate 400ms ease;
}
.page-top.show {
  translate: 0;
}
@media (hover: hover) {
  .notouch .page-top:hover {
    translate: 0 -0.3125rem;
  }
}
.page-top .icon-pagetop::before {
  display: block;
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}

/* スクロールバー分の横ズレ防止 */
html {
  scrollbar-gutter: stable;
}

/* スクロールロックはフェードアウト完了まで維持 */
html.open-modaal-entry,
html.closing-modaal-entry {
  overflow: hidden;
}

/* スライド差し替え時のトランジションを無効化 */
.glightbox-modaal-entry .gslide,
.glightbox-modaal-entry .gslide-inline {
  -webkit-transition: none !important;
  transition: none !important;
}

/* overlay_opacity + background 相当 */
.goverlay {
  background: rgba(0, 0, 0, 0.75);
}

.glightbox-modaal-entry .goverlay {
  background: rgba(0, 0, 0, 0.9);
}

/* inlineコンテンツの幅など */
.glightbox-modaal-entry .ginner-container {
  width: min(1000px, 92vw);
  height: auto;
}

/* --------------------------------------------------
  modal
-------------------------------------------------- */
.glightbox-clean .gslide-video {
  max-width: 69.4444444444vw !important;
  max-height: 39.0625vw !important;
}
@media screen and (max-width: 1023px) {
  .glightbox-clean .gslide-video {
    max-width: 1000px !important;
    max-height: 1000px !important;
  }
}
.glightbox-clean .gslide-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  max-width: 9999px !important;
  height: 100% !important;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext {
  display: none;
}

.glightbox-container[id^=glightbox-] .gclose {
  top: 50%;
  right: 50%;
  margin-top: -20.2777777778vw;
  margin-right: -39.5833333333vw;
  width: 3.9583333333vw;
  height: 3.4722222222vw;
  background-color: transparent;
}
@media screen and (max-width: 1023px) {
  .glightbox-container[id^=glightbox-] .gclose {
    margin-top: -12.9166666667rem;
    margin-right: -15rem;
    width: 3.5rem;
    height: 3.5rem;
  }
}
.glightbox-image .glightbox-container[id^=glightbox-] .gclose {
  margin-top: -21.3888888889vw;
  margin-right: -46.5277777778vw;
}
.glightbox-container[id^=glightbox-] .gclose svg path {
  fill: #FFF;
  -webkit-transition: fill 400ms ease;
  transition: fill 400ms ease;
}
.glightbox-container[id^=glightbox-] .gclose::before {
  top: -0.5208333333vw;
  height: 2.4305555556vw;
  border-radius: 0;
}
.glightbox-container[id^=glightbox-] .gclose:focus svg path, .glightbox-container[id^=glightbox-] .gclose:hover svg path {
  fill: #8e8e8e;
}

@media screen and (max-width: 1023px) {
  .glightbox-clean.glightbox-container[id^=glightbox-] .gclose {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 10rem;
    margin-right: -1.75rem;
  }
}
.movie-modal figure::after,
.youtube-modal figure::after,
.img-modal figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 400ms ease;
  transition: background 400ms ease;
}
.movie-modal figure > img,
.youtube-modal figure > img,
.img-modal figure > img {
  -webkit-transform: translate3d(0, 0, 0) scale(1) skewX(10deg);
          transform: translate3d(0, 0, 0) scale(1) skewX(10deg);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
@media (hover: hover) {
  .notouch .movie-modal:hover figure::after,
  .notouch .youtube-modal:hover figure::after,
  .notouch .img-modal:hover figure::after {
    background: rgba(255, 255, 255, 0.2);
  }
  .notouch .movie-modal:hover figure > img,
  .notouch .youtube-modal:hover figure > img,
  .notouch .img-modal:hover figure > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.03) skewX(10deg);
            transform: translate3d(0, 0, 0) scale(1.03) skewX(10deg);
  }
}

.glightbox-modaal-entry .gcontainer {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 44.4444444444%;
  height: auto;
  overflow: visible;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .glightbox-modaal-entry .gcontainer {
    width: 78.6666666667%;
  }
}
.glightbox-modaal-entry .gslider {
  overflow: visible;
}
.glightbox-modaal-entry .gslide-inner-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #459867;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.global-entry .glightbox-modaal-entry .gslide-inner-content::before {
  background: #459867;
}
.global-entry-career .glightbox-modaal-entry .gslide-inner-content::before {
  background: #7fb97e;
}
.glightbox-modaal-entry .gslide-inline {
  background: transparent;
}
.glightbox-modaal-entry .ginlined-content {
  padding: 0;
}
.glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose {
  position: absolute;
  top: 0;
  right: -4.5625rem;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose {
    top: -3.5rem;
    right: -2.0833333333rem;
  }
}
.glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose svg path {
  fill: #FFF;
}
@media (hover: hover) {
  .notouch .glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose:hover svg path {
    fill: #8e8e8e;
  }
}
.glightbox-modaal-entry.glightbox-container[id^=glightbox-] .gclose::before {
  content: "";
  display: block;
  clip: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: #005021;
  text-indent: -9999px;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.glightbox-modaal-entry .gprev,
.glightbox-modaal-entry .gnext {
  display: none;
}
.glightbox-modaal-entry .parts-btn {
  min-width: 13.75rem;
  padding: 1rem 1.25rem;
}
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:first-child .parts-btn-bg,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(2) .parts-btn-bg,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(3) .parts-btn-bg,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(4) .parts-btn-bg {
  background: #FFF;
}
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:first-child .parts-btn-bg::after,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(2) .parts-btn-bg::after,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(3) .parts-btn-bg::after,
.glightbox-modaal-entry .parts-btns .parts-btn-wrap:nth-child(4) .parts-btn-bg::after {
  background-color: rgb(235.1230769231, 245.9769230769, 239.5692307692);
}
.glightbox-modaal-entry .parts-btn-contents {
  gap: 1.875rem;
}
.glightbox-modaal-entry .parts-btn-contents-text {
  font-size: 1.125rem;
  color: #459867;
  letter-spacing: 0.05em;
}
.glightbox-modaal-entry .parts-btn-contents-text .en {
  font-feature-setting: "palt" 1;
}
.glightbox-modaal-entry .icon-arrow-r {
  font-size: 0.9375rem;
  line-height: 1.8;
  color: #459867;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.global-entry .glightbox-modaal-entry .icon-arrow-r {
  color: #459867;
}
.global-entry-career .glightbox-modaal-entry .icon-arrow-r {
  color: #7fb97e;
}

.glightbox-image .glightbox-gallery-item-wrap {
  width: auto !important;
}
.glightbox-image .glightbox-gallery-item:not(.is_active) {
  position: absolute;
  top: 0;
}

.glightbox-gallery-control:focus,
.glightbox-gallery-control:hover {
  background: transparent;
}
.glightbox-gallery-control:focus::after, .glightbox-gallery-control:focus::before,
.glightbox-gallery-control:hover::after,
.glightbox-gallery-control:hover::before {
  background-color: #8e8e8e;
}

/* --------------------------------------------------
  career-slide
-------------------------------------------------- */
.career-slide .slick-list {
  overflow: visible;
}

.career-slide .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  font-size: 2.25rem;
  color: #459867;
  cursor: pointer;
  translate: 0 -50%;
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
@media screen and (max-width: 1023px) {
  .career-slide .slick-arrow {
    font-size: 1.5rem;
  }
}

.career-slide .slick-arrow.slick-prev {
  left: -3.75rem;
}
@media screen and (max-width: 1023px) {
  .career-slide .slick-arrow.slick-prev {
    left: -1rem;
  }
}
@media (hover: hover) {
  .notouch .career-slide .slick-arrow.slick-prev:hover {
    translate: -0.3125rem -50%;
  }
}

.career-slide .slick-arrow.slick-next {
  right: -3.75rem;
}
@media screen and (max-width: 1023px) {
  .career-slide .slick-arrow.slick-next {
    right: -1rem;
  }
}
@media (hover: hover) {
  .notouch .career-slide .slick-arrow.slick-next:hover {
    translate: 0.3125rem -50%;
  }
}

.career-slide .slick-slide {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.career-slide .slick-slide.is-visible {
  opacity: 1;
}

.career-slide a::before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: calc(100% - 1rem);
  background: #459867;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  opacity: 0;
  translate: 0 10%;
}
@media screen and (max-width: 1023px) {
  .career-slide a::before {
    top: 0;
    left: 0;
    height: 100%;
  }
}

.career-slide a:nth-child(4n+1)::before {
  background: #459867;
}

.career-slide a:nth-child(4n+2)::before {
  background: #7fb97e;
}

.career-slide a:nth-child(4n+3)::before {
  background: #005021;
}

.career-slide a:nth-child(4n)::before {
  background: #396f2f;
}

.career-slide a .slide-item-inner, .career-slide a::before {
  -webkit-transition: opacity 400ms ease, translate 400ms ease;
  transition: opacity 400ms ease, translate 400ms ease;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.career-slide a:nth-child(2) .slide-item-inner, .career-slide a:nth-child(2)::before {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}
.career-slide a:nth-child(3) .slide-item-inner, .career-slide a:nth-child(3)::before {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.career-slide a:nth-child(4) .slide-item-inner, .career-slide a:nth-child(4)::before {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}
.career-slide a:nth-child(5) .slide-item-inner, .career-slide a:nth-child(5)::before {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
.career-slide a:nth-child(6) .slide-item-inner, .career-slide a:nth-child(6)::before {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}
.career-slide a:nth-child(7) .slide-item-inner, .career-slide a:nth-child(7)::before {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.career-slide a:nth-child(8) .slide-item-inner, .career-slide a:nth-child(8)::before {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}
.career-slide a:nth-child(9) .slide-item-inner, .career-slide a:nth-child(9)::before {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.career-slide a:nth-child(10) .slide-item-inner, .career-slide a:nth-child(10)::before {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}
.career-slide a:nth-child(11) .slide-item-inner, .career-slide a:nth-child(11)::before {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
.career-slide a:nth-child(12) .slide-item-inner, .career-slide a:nth-child(12)::before {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}
.career-slide a:nth-child(13) .slide-item-inner, .career-slide a:nth-child(13)::before {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
.career-slide a:nth-child(14) .slide-item-inner, .career-slide a:nth-child(14)::before {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
.career-slide a:nth-child(15) .slide-item-inner, .career-slide a:nth-child(15)::before {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.career-slide a:nth-child(16) .slide-item-inner, .career-slide a:nth-child(16)::before {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}
.career-slide a:nth-child(17) .slide-item-inner, .career-slide a:nth-child(17)::before {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
.career-slide a:nth-child(18) .slide-item-inner, .career-slide a:nth-child(18)::before {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}
.career-slide a:nth-child(19) .slide-item-inner, .career-slide a:nth-child(19)::before {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
.career-slide a:nth-child(20) .slide-item-inner, .career-slide a:nth-child(20)::before {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}
.show-action.show .career-slide a .slide-item-inner, .show-action.show .career-slide a::before {
  opacity: 1;
  translate: 0;
}
.career-slide a .slide-item-inner figure {
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
.career-slide a .icon-arrow-r-thin {
  display: inline-block;
  -webkit-transition: translate 300ms ease;
  transition: translate 300ms ease;
}
@media (hover: hover) {
  .notouch .career-slide a:hover .slide-item-inner figure {
    translate: 5.5% 7%;
  }
  .notouch .career-slide a:hover .icon-arrow-r-thin {
    translate: 0.3125rem;
  }
}

/* --------------------------------------------------
  under-hero
-------------------------------------------------- */
.under-hero-title-en-obj {
  -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: opacity 400ms ease, transform 400ms ease;
  transition: opacity 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}
.show-action.show .under-hero-title-en-obj {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 1023px) {
  .under-hero-title-en-obj .parts-btn-contents-bar-r,
  .under-hero-title-en-obj .parts-btn-contents-bar-g {
    width: 0.4166666667rem;
    height: 0.1666666667rem;
  }
}

.under-hero-title-en-inner {
  -webkit-transition: border 200ms ease;
  transition: border 200ms ease;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.show-action.show .under-hero-title-en-inner {
  border-bottom-color: #000;
}
.under-hero-title-en-inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.show-action.show .under-hero-title-en-inner::after {
  -webkit-animation: 600ms ease 500ms text-show;
          animation: 600ms ease 500ms text-show;
}

.under-hero-title-en-inner-text {
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.show-action.show .under-hero-title-en-inner-text {
  opacity: 1;
  visibility: visible;
}

.under-hero-title-jp {
  -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: opacity 400ms ease, transform 400ms ease;
  transition: opacity 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}
.show-action.show .under-hero-title-jp {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.under-hero-title-jp .suffle-text {
  display: inline-block;
  min-height: 1.25em;
}

.under-hero-img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(193, 193, 193, 0.05);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform 700ms ease;
  transition: -webkit-transform 700ms ease;
  transition: transform 700ms ease;
  transition: transform 700ms ease, -webkit-transform 700ms ease;
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
.show-action.show .under-hero-img::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.under-hero-img-inner {
  -webkit-transition: width 500ms ease;
  transition: width 500ms ease;
  -webkit-transition-delay: 1550ms;
          transition-delay: 1550ms;
}
.show-action.show .under-hero-img-inner {
  width: 100%;
}
.under-hero-img-inner img {
  -webkit-transform: scale(1.1) skew(10deg);
          transform: scale(1.1) skew(10deg);
  -webkit-transition: -webkit-transform 2000ms ease;
  transition: -webkit-transform 2000ms ease;
  transition: transform 2000ms ease;
  transition: transform 2000ms ease, -webkit-transform 2000ms ease;
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
.show-action.show .under-hero-img-inner img {
  -webkit-transform: scale(1) skew(10deg);
          transform: scale(1) skew(10deg);
}
.under-hero-img-inner dl {
  text-shadow: 0px 0px 30px rgb(0, 0, 0), 0px 0px 30px rgb(0, 0, 0), 0px 0px 30px rgb(0, 0, 0);
}

/* --------------------------------------------------
  parts-slide
-------------------------------------------------- */
.parts-slide-thumb-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.375rem;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: -webkit-gradient(linear, left top, right top, from(#7fb97e), to(#459867));
  background: linear-gradient(90deg, #7fb97e, #459867);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.parts-slide-thumb-item.active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-duration: 3000ms;
          transition-duration: 3000ms;
}
.parts-slide-thumb-item figure {
  position: relative;
}
.parts-slide-thumb-item figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 400ms ease;
  transition: background 400ms ease;
}
.parts-slide-thumb-item figure > img {
  -webkit-transform: translate3d(0, 0, 0) scale(1) skewX(10deg);
          transform: translate3d(0, 0, 0) scale(1) skewX(10deg);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
@media (hover: hover) {
  .notouch .parts-slide-thumb-item:hover figure::after {
    background: rgba(255, 255, 255, 0.2);
  }
  .notouch .parts-slide-thumb-item:hover figure > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.03) skewX(10deg);
            transform: translate3d(0, 0, 0) scale(1.03) skewX(10deg);
  }
}

/* --------------------------------------------------
  breadcrumb
-------------------------------------------------- */
.breadcrumb a {
  padding-bottom: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#459867), to(#459867));
  background-image: linear-gradient(#459867, #459867);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 2px;
  -webkit-transition: background-size 0.4s ease, color 400ms ease;
  transition: background-size 0.4s ease, color 400ms ease;
}
@media (hover: hover) {
  .notouch .breadcrumb a:hover {
    background-position: left bottom;
    background-size: 100% 2px;
  }
}

/* --------------------------------------------------
	parts-footer-local-nav
-------------------------------------------------- */
.parts-footer-local-nav .parts-btn {
  width: 27.9375rem;
  margin-left: 0.9375rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media screen and (max-width: 1023px) {
  .parts-footer-local-nav .parts-btn {
    width: 21.5416666667rem;
    margin-left: 1.0416666667rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.parts-footer-local-nav .parts-btn-contents-text {
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .parts-footer-local-nav .parts-btn-contents-text {
    font-size: 0.8675rem;
  }
}
.parts-footer-local-nav .sec-btn {
  -webkit-transition: opacity 400ms ease, translate 400ms ease;
  transition: opacity 400ms ease, translate 400ms ease;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.parts-footer-local-nav .sec-btn:nth-child(2) {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}
.parts-footer-local-nav .sec-btn:nth-child(3) {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.parts-footer-local-nav .sec-btn:nth-child(4) {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}
.parts-footer-local-nav .sec-btn:nth-child(5) {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
.parts-footer-local-nav .sec-btn:nth-child(6) {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}
.parts-footer-local-nav .sec-btn:nth-child(7) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.parts-footer-local-nav .sec-btn:nth-child(8) {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}
.parts-footer-local-nav .sec-btn:nth-child(9) {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.parts-footer-local-nav .sec-btn:nth-child(10) {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}
.parts-footer-local-nav .sec-btn:nth-child(11) {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
.parts-footer-local-nav .sec-btn:nth-child(12) {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}
.parts-footer-local-nav .sec-btn:nth-child(13) {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
.parts-footer-local-nav .sec-btn:nth-child(14) {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
.parts-footer-local-nav .sec-btn:nth-child(15) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.parts-footer-local-nav .sec-btn:nth-child(16) {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}
.parts-footer-local-nav .sec-btn:nth-child(17) {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
.parts-footer-local-nav .sec-btn:nth-child(18) {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}
.parts-footer-local-nav .sec-btn:nth-child(19) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
.parts-footer-local-nav .sec-btn:nth-child(20) {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}
.show-action.show .parts-footer-local-nav .sec-btn {
  opacity: 1;
  translate: 0;
}

.sec-btn figure img {
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
@media (hover: hover) {
  .notouch .sec-btn:hover figure img {
    -webkit-transform: scale(1.03) skewX(10deg);
            transform: scale(1.03) skewX(10deg);
  }
}
/*# sourceMappingURL=under.css.map */