@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
.content_wrap img {
	height:auto;
	border:0;
	vertical-align:top;
  max-width: 100%;
	margin:0;
  display: block;
}
.content_wrap video {
  vertical-align: top;
  width:100%;
  height:auto;
  outline: none;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
}
.content_wrap a {
  display: block;
}
.content_wrap .rl {
  position: relative;
}
.content_wrap .fv {
  position: fixed;
  top:0;
  left:50%;
  margin-left:-375px;
  padding-top:141px;
  width: 750px;
  z-index: -1;
}
.content_wrap .fv.active {
  position: absolute;
  left:0;
  top:0;
  opacity: 0;
}
.content_wrap .fv .pic01 {
  position: absolute;
  top:0;
  left:0;
}
.content_wrap .pic02_wrap {
  position: absolute;
  top:141px;
  left:0;
}
.content_wrap .video01 {
  position: absolute;
  width: 100%;
  left:0;
  top:141px;
  z-index: -2;
}
.content_wrap .fv2 {
  margin-top:100vh;
  z-index: 2;
}
.content_wrap .pt01 {
  width: 304px;
  position: fixed;
  top:490px;
  left:calc( 50% - 138px );
  z-index: 10;
}
.content_wrap .pt01.active {
  position: absolute;
  top:280px;
  left:237px;
  z-index: 0;
}
.content_wrap .sld01 {
  position: absolute;
  width: 100%;
  top:14.95%;
  left:0;
  padding-left:5.7%;
  padding-right:5.7%;
}
.content_wrap .sld01 {
  width: 100%;
  opacity: 0;
  transition: opacity .3s linear;
}
.content_wrap .sld01.slick-initialized {
  opacity: 1;
}
.content_wrap .sld01 .slick-track {
  line-height: 0;
}
.content_wrap .sld01 .slick-prev {
  left: 32%;
  background: url(../images/sld-prev.png) left top/100% no-repeat;
  background-size: 100%;
  content: "";
}
.content_wrap .sld01 .slick-arrow {
  position: absolute;
  top: 105%;
  width: 88px;
  height: 28px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  text-indent: -9999px;
  z-index: 100;
  cursor: pointer;
}
.content_wrap .sld01 .slick-next {
  right: 32%;
  background: url(../images/sld-next.png) left top/100% no-repeat;
  background-size: 100%;
  content: "";
}
.content_wrap .sld01 .slick-disabled {
  opacity: 0.4;
  cursor: default;
}
.content_wrap .btn01 {
  position: absolute;
  width: 94.8%;
  top:67.8%;
  left:4%;
}
.content_wrap .pic27 {
  margin-top:-6.5%;
}
@media(max-width:749px) {
  .content_wrap img {
   width: 100%;
 }
 .content_wrap .fv {
   left:0;
   padding-top:18.8vw;
   width: 100%;
   margin-left: 0;
   z-index: -1;
 }
 .content_wrap .pic02_wrap {
   top:18.8vw;
 }
 .content_wrap .video01 {
   top:18.8vw;
 }
 .content_wrap .fv2 {
   margin-top:192.3vw;
 }
 .content_wrap .pt01 {
   width: 40.53vw;
   top:65.333vw;
   left:31.6vw;
   z-index: 10;
 }
 .content_wrap .pt01.active {
   top:37.33vw;
   left:31.6vw;
 }
 .content_wrap .sld01 .slick-arrow {
   width: 11.73%;
   height: 3.73vw;
 }
}