.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
ul,li{
	list-style:none;
}
.contain{
	width:1200px;
	margin: auto;
  background: #fff;
}
.mv{
  margin: 0 auto;
}
/*-----------height調整----------*/
.slick-slide{
	height:auto!important;
}
/*------------------------------*/


/*-----------矢印表示----------*/
.slick-next{
    right:-50px !important;
}
.slick-prev{
    left:-50px !important;
}
.slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}
.slick-arrow:before{
    font-size: 30px!important;
}
/*------------------------------*/

.slider{
    margin: 100px auto 0;
    width: 80%;
    padding-bottom: 100px;
}
.slider img{
    height: auto;
    width: 100%;
}
.slick-prev:before, .slick-next:before {
    color: black;
}
.slick-dots{
      bottom: 20px;
}
.btn {
    width: 976px;
    margin: 0 auto;
    padding: 50px 0 100px;
}
.btn p a {
    background-color: #000;
    color: #fff;
    display: block;
    padding: 20px 40px;
    margin: 0 auto;
    width: 60%;
    text-align: center;
  font-size: 20px;
}
.btn p a:hover{
  opacity: 0.7;
}
.btn_note{
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
  .pc-only{
    display: none;
  }
  .sp-only{
    display: block;
  }
  .contain {
    width: auto;
  }
  .container{
    width: 95%;
    margin:auto;
  }
  .mv{
    width: auto;
    height: auto;
    background: #B0B0B0;
  }
  
  .slider {
    margin: 60px auto 0;
    padding-bottom: 0px;
  }
  .slick-dots {
    bottom: -40px;
  }
  .btn {
    width: 100%;
  }
  .btn p a {
    font-size: 16px;
    line-height: 1.4;
  }
  .slick-arrow:before {
    font-size: 20px!important;
  }
  .slick-next {
    right: -30px !important;
  }
  .slick-prev {
    left: -30px !important;
  }
}