@charset "utf-8";
/* CSS Document */
/* ----------------------------------------

   top

---------------------------------------- */
#mv {
  background: #ebf4f5;
}
.mv_inner {
  width: 1200px;
  margin: 0 auto;
  padding: 25px 0;
}
.mv_left {
  float: left;
  position: relative;
}
.mv_left_inner {
  position: relative;
}
.slide_before, .slide_after {
  position: absolute;
  width: 20px;
  height: 34px;
  top: calc(50% - 17px);
  z-index: 3;
  cursor: pointer;
}
.slide_before {
  background: url(/media_library/jigyoshokei/images/arrow_gray.svg) right center no-repeat;
  transform: scale(-1, 1);
  left: 10px;
}
.slide_after {
  background: url(/media_library/jigyoshokei/images/arrow_gray.svg) right center no-repeat;
  right: 10px;
}
.mv_right {
  float: right;
}
.mv_right li:first-child {
  margin-bottom: 20px;
}
#slider {
  width: 846px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
#slider li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .7s;
  z-index: 0;
}
#slider li.active {
  opacity: 1;
  z-index: 1;
}
#slider_control {
  font-size: 1.9rem;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  line-height: 1;
  bottom: 15px;
  z-index: 1;
}
#slider_control li {
  width: 3rem;
  text-align: center;
  color: #5f948c;
  cursor: pointer;
  transition: all .4s;
}
#slider_control li.active {
  color: #fff;
}
@media screen and (max-width:1040px) {
.mv_inner {
  width: 100%;
  padding: 0;
}
.mv_left, .mv_right {
  float: none;
}
#slider {
  width: 100%;
  height: 100%;
}
.slide_before, .slide_after {
  width: 14px;
  height: 30px;
}
.mv_left li img {
  width: 100%;
  height: auto;
}
.mv_right {
  padding: 15px 0;
}
.mv_right ul {
  width: 95%;
  margin: 0 auto;
}
.mv_right ul::after {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.mv_right li {
  width: 49%;
}
.mv_right li:first-child {
  float: left;
  margin-bottom: 0;
}
.mv_right li:last-child {
  float: right;
}
.mv_right li img {
  width: 100%;
}
}