@charset "UTF-8";
/* home
----------------------------------------------------------*/

/*** slick.min.js ***/
.slick-prev,
.slick-next {
  height: 100%;
  width: 10%;
  z-index: 9999;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
.slick-prev:before,
.slick-next:before {
  display: block;
  color: transparent;
  font-family: 'FontAwesome';
  font-size: 70px;
  font-size: 7.0rem;
}
.slick-prev:before {
  content: "\f104";
  margin-right: auto
}
.slick-next:before {
  content: "\f105";
  margin-left: auto
}
:hover.slick-prev:before,
:hover.slick-next:before {
  color: #fff;
}
.js-slider-slick-not {
  max-width: 1480px;
  margin: 0 auto;
}

.header-group {
  position: fixed;
  background: none;
}
.main-group {
  margin-top: 684px;
}

.mv-slider {
  z-index: 2;
  background: #fafafa;
}
.mv-slider .slick-slide {
  position: relative;
  z-index: 1;
  filter: alpha(opacity=90); /* IE lt 8 */
  opacity: 0.9;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Webkit */
  filter: grayscale(1); /* W3C */
}
.mv-slider .slick-slide:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.4);
  width: 100%;
  height: 100%;
}
.mv-slider .slick-current {
  filter: alpha(opacity=100); /* IE lt 8 */
  opacity: 1;
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Webkit */
  filter: grayscale(0); /* W3C */
}
.mv-slider .slick-current:before {
  display: none;
}
.mv-slider .slick-current.bg-light:before {
  display: block;
}


.mvs-bg {
  width: 100%;
  height: 684px;
  margin: 0 auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.mv-txt {
  position: absolute;
  width: 100%;
  bottom: 10%;
  left: 0;
  z-index: 2;
}
.mvt-cont {
  width: 475px;
  color: #323232;
  background: #fff;
  background: rgba(255,255,255,0.65);
  box-sizing: border-box;
  padding: 20px;
}
.mvt-ttl {
  font-weight: 600;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.2;
  margin: 0 0 0.75em 0;
}
.mvt-bdy {
  font-weight: 300;
  font-size: 18px;
  font-size: 1.8rem;
}
.mcc-contact {
  text-align: center;
  margin: 50px 0 0 0;
}
.mcc-contact li {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 10px;
}
.mcc-contact li a {
  display: block;
  position: relative;
}
.mcc-contact li a:before {
  content: " ";
  background: #42B4B6;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  position: absolute;
  left: 0;
  z-index: 1;
}
.mcc-contact li .fa {
  color: #fff;
  font-size: 40px;
  font-size: 4.0rem;
  position: relative;
  top: 16px;
  z-index: 2;
}
.mcc-example {
  width: 100%;
  box-sizing: border-box;
  background: #ECF1F8;
}
.mcc-example th {
  background: #78B6E6;
  color: #fff;
  border-left: 1px solid #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.mcc-example th:first-child {
  border-left: none;
}
.mcc-example td {
  color: #4271B6;
  border-left: 1px solid #A0B8DA;
  border-top: 1px solid #A0B8DA;
  box-sizing: border-box;
  padding: 15px 20px;
}
.mcc-example td:first-child {
  border-left: none;
  width: 32%;
}
.mcc-example td:nth-child(2) {
  text-align: center;
}
.mcc-example td ul {
  text-align: left;
}


.main-cont-02 .mc-cont {
  padding: 10px 0;
}
.main-cont-02 .mcc-img {
  margin: 4em 0 6em 0;
}



@media screen and (max-width: 640px) {

  .mvs-bg {
    height: 475px;
  }
  .mv-txt {
    bottom: 14%;
  }
  .mvt-cont {
    width: auto;
  }
  .mvt-ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mvt-bdy {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .mcc-example {
    min-width: 700px;
  }

}