@charset 'UTF-8';
/*  Add Custom CSS here.  */

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.fadein {
  opacity: 0.1;
  transform: translate(0, 50px);
  transition: all 500ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.sec-mv {
  padding: 100px 50px;
}

.sec-mv h3 {
  max-width: 820px;
  margin: 0 auto;
}

.sec-style {
  padding: 0 50px;
}

.sec-style .box {
  position: relative;
  max-width: 820px;
  margin: 0 auto 140px;
}
.sec-style .box img {
  width: 100%;
}
.sec-style .box .img-03 {
  width: calc(780 / 820 * 100%);
  transform: translateX(-20px);
}
.sec-style .box .ttl {
  margin-bottom: 60px;
}
.sec-style .box .ttl img {
  width: 92px;
}
.sec-style .box ul {
  text-align: center;
}
.sec-style .box ul li {
  margin-bottom: 40px;
}
.sec-style .box ul li a {
  font-size: 11px;
  color: #666;
  letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
  .sec-mv {
    padding: 50px 15px 80px;
  }
  .sec-style {
    padding: 0;
  }
  .sec-style .box {
    margin: 0 auto 50px;
  }
  .sec-style .box .img-03 {
    transform: none;
  }
  .sec-style .box .ttl {
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .sec-style .box .ttl img {
    width: 72px;
  }
}