@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : top-mv.css
 author     : Ability Consultant
 style info : TOP MV
=================================================================== */
/* -----------------------------------------------------------
	.con_mainimg
----------------------------------------------------------- */
#header > .con_mainimg {
  position: relative;
}
#header > .con_mainimg h2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 231%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", Meiryo, "Times New Roman", Times, Garamond, Georgia, serif;
  text-shadow: 0.1em 0.1em 0.2em #111;
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  #header > .con_mainimg h2 {
    font-size: 185%;
  }
}
@media only screen and (max-width: 767px) {
  #header > .con_mainimg h2 {
    font-size: 139%;
  }
}
#header > .con_mainimg > #obj_mainSlider {
  background: #000;
  margin-bottom: 0 !important;
}
#header > .con_mainimg > #obj_mainSlider .slick-list,
#header > .con_mainimg > #obj_mainSlider .slick-track,
#header > .con_mainimg > #obj_mainSlider .slick-slide {
  background: #000;
}
#header > .con_mainimg > #obj_mainSlider > div {
  display: none;
}
#header > .con_mainimg > #obj_mainSlider > div:first-child {
  display: block;
}
#header > .con_mainimg > #obj_mainSlider .slide {
  position: relative;
  overflow: hidden;
  background: #000;
}
#header > .con_mainimg > #obj_mainSlider .slide picture {
  display: block;
  height: 100%;
}
#header > .con_mainimg > #obj_mainSlider .slide img {
  object-fit: cover;
  aspect-ratio: auto;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: scale(1.16);
  -moz-transform: scale(1.16);
  -ms-transform: scale(1.16);
  -o-transform: scale(1.16);
  transform: scale(1.16);
  -webkit-transition: -webkit-transform 9000ms linear;
  -moz-transition: -moz-transform 9000ms linear;
  -o-transition: -o-transform 9000ms linear;
  transition: transform 9000ms linear;
  will-change: transform;
}
@media only screen and (max-width: 767px) {
  #header > .con_mainimg > #obj_mainSlider .slide {
    position: relative;
    width: 100%;
    max-width: none;
  }
  #header > .con_mainimg > #obj_mainSlider .slide img {
    margin-left: 0;
  }
}
#header > .con_mainimg > #obj_mainSlider .slick-slide.is-show img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#header > .con_mainimg > #obj_mainSlider .slick-dots {
  display: none !important;
}
#header > .con_mainimg > #obj_mainSlider.fixed_ratio {
  margin-bottom: 0 !important;
}
#header > .con_mainimg > #obj_mainSlider.fixed_ratio > * {
  display: none;
}
#header > .con_mainimg > #obj_mainSlider.fixed_ratio > *:first-child {
  display: block;
}
#header > .con_mainimg > #obj_mainSlider.fixed_ratio .slide {
  position: relative;
  overflow: hidden;
}
#header > .con_mainimg > #obj_mainSlider.fixed_ratio .slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#header > .con_mainimg #prev,
#header > .con_mainimg #next {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: -0.5em;
  color: #fff;
  font-size: 231%;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  #header > .con_mainimg #prev,
  #header > .con_mainimg #next {
    font-size: 185%;
  }
}
@media only screen and (max-width: 767px) {
  #header > .con_mainimg #prev,
  #header > .con_mainimg #next {
    font-size: 139%;
  }
}
#header > .con_mainimg #prev:hover,
#header > .con_mainimg #next:hover {
  cursor: pointer;
}
#header > .con_mainimg #prev {
  margin-left: -44.27083%;
}
#header > .con_mainimg #next {
  margin-left: 41.66667%;
}
#header > .con_mainimg video {
  object-fit: cover;
  width: 100%;
}