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


/* 
font-family: "haboro", sans-serif;
font-weight: 400 500 600 700;
font-style: normal;

font-family: "toppan-bunkyu-gothic-pr6n", serif;
font-weight: 400 600;
font-style: normal;
*/




body{
	position: relative;
	font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium",sans-serif;
	font-weight: 400;
	margin: 0;
}

img{
	width: 100%;
}

a{
	text-decoration: none;
}

h1,h2,h3,h4,p{
	margin: 0;
	line-height: 0;
}




.footer{
  display: none;
}

.lp__logo-img{
  width: 250px;
  padding: 2em;
  margin: 0 auto;
}

.lp__cs{
  margin: 0 auto;
  text-align: center;
  font-size: 3em;
  font-weight: 400;
}



main#main{
  background: #eee;
}

.lp__wrap{
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 0 10px #ccc;
}

.lp__main-img{
  width: 100%;
	font-size: 0;
}

.lp__slider{
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  background: #013e6e;
  padding: 5em 0em;
}

.lp__slider-ttl {
    width: 50%;
    margin: 0 auto 3em;
}

.slick-dots li button:before{
  color: #fff !important;
  font-size: 10px !important;
}

.slick-dots li.slick-active button:before{
  color: #fff !important;
}

.slick-dots li{
  margin: 0 !important;
}

.slick-dots{
  bottom: -30px !important;
}

.btn_back{
  position: relative;
}

.btn_img{
  width: 90%;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}



.slick-slide img{
	width: 95%;
    margin: 0 auto;
}