@charset "utf-8";
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, 
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;	padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;line-height:1.7;
}
th{font-style:normal;font-weight:normal;}
ul li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}

body {line-height:1;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
nav ul {list-style:none;}
table {	border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
img{vertical-align:bottom;width:100%;display: block;}


/* 画面全体の大きさ wrapper -> warp */

.warp{
max-width:750px;
margin: 0 auto;
background:#fff;
}

/* 画像の大きさ基本設定 Image box -> img-b */
.img-b {
  width: 100%;
  display: block;
}

.offer01{
	max-width: 100%;
    height: auto;
    display: block;
    border-style: none;
}




.slide_wrap{
	background: #F0F0EB;
}

.overlaid{
		position: relative;
}

.slide_bg_02{
	position: absolute;
	top:0;
}

#slick02{
	padding: 350px 0 0;
	z-index: 3;
}

#overlaid-box{
	position: relative;
}


.graph1{
	z-index: 10;
	position: relative;
}

.graph2{
	width: 100%;
	z-index:20;
    right:5%;
	top:30%;
	position: absolute;
}


/* ---------- フッター ---------- */
.footer-text {
  text-align: center;
  font-size: 0.9rem;
}
a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
/* 画面サイズが 750px まではここを読み込む */
@media screen and (max-width: 750px){
	
body{
    overflow-x: hidden;
}

	
	image{
	max-width:100%;
	}
	
	img{
		max-width: 100%;
	}
	
	.slide_wrap{
	background: #F0F0EB;
	    line-height: 0;	
}

    .overlaid{
		position: relative;
}

   .slide_bg_02{
	position: absolute;
	top:0;
}

#slick02{
	padding: 40% 0 0;
	z-index: 3;
}

#overlaid-box{
	position: relative;
}

	
.offer01{
	max-width: 100%;
		 
	}
	
	.graph1{
	z-index: 10;
	position: relative;
}

.graph2{
	z-index: 20;
	top: 30%;
	position: absolute;
}

	
	
	p{
	 max-width: 100%;
	}
	
	.footer p{
		font-size: 1.92vw;
	}
	.verisign{
		width: 13.466vw;
		height: 9.46vw;
	}
	.mlritz{
		width: 17.33vw;
		height: 6.266vw;
	}
	.slick-dots li button:before{
		font-size: 6vw;
	}
	.slick-prev, .slick-next {
		width:12.2vw; 
		height:12.2vw; 
	}
	.slideArea01{
		padding: 58vw 0 6vw;
	}
	#slick02{
		padding: 72.8vw  0 0;
		z-index: 3;
	}
	#slick03{
		padding: 0 0 11.47vw;
		z-index: 3;
	}
	#slick04 {
	}
	#slick05{
		padding: 0vw  0 0;
		z-index: 3;
	}
	.slick-dots li{
		width: 2.7vw;
		height: 2.7vw;
	}
	.pop01:hover{
		opacity: 1;
	}

}/*SP end*/

.toggle {
    position: relative;
    overflow: hidden;
}

.wrap{
max-width: 100%;
margin: 0 auto;
background:#fff;
}
.abs{
	position: absolute;
}
.btn{
	position: absolute
}
.btn01{
	top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.btn02{
    top:1667%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40%;
}
.btn03{
	top: 60.9%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92.3%;
}


@media screen and (max-width: 480px){
.slide_wrap{
	background: #F0F0EB;
	    line-height: 0;	
}

    .overlaid{
		position: relative;
}

   .slide_bg_02{
	position: absolute;
	top:0;
}

#slick02{
	padding: 50% 0 0;
	z-index: 3;
}

#overlaid-box{
	position: relative;
}	
	
	
}