@charset "utf-8";
/* CSS Document */
/*-----------------------------
 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;}
/*-----------------------------
 common
-------------------------------*/
.wrap,.footer{
max-width: 750px;
margin: 0 auto;
background:#fff;
}
.footer img{
	display: inline;
	max-width: 750px;
}
.footer p{
	font-size: 0.9rem;
}
.verisign{
	width: 101px;
	height: 71px;
}
.mlritz{
	width: 130px;
	height: 47px;
}
.overlaid{
		position: relative;
}
.overlaid2{
		position: relative;
	    margin: auto;
	    height: 450px;
}
.btn,.option,.gif,.pop{
	position: absolute;
}
.btn1{
	width: 92%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 3.5%;
}
.gif01{
	width: 86%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10%;
}
.gif02{
	width: 100%;
    margin: 0 auto;
    left: 0;
    right: 10%;
    bottom: 0%;
}
.option01{
	width: 100%;
    left: 0%;
	bottom: 0%;
	z-index: 2;
}
.slide_bg_01{
	position: absolute;
}
.slideArea01{
	padding: 436px 0 47px;
	max-height: 1419px;
	width: 97%;
	margin: 0 auto;
	background: #F0F0EB;
}
.slick-slide {
	position: relative;
}
#thumb{
	margin: 0 auto 1% 1.6%;
}
#slick01{
	width: 99%;
    margin: 0 auto;
}
#thumb .slick-slide::after{
	width: 100%;
    max-width: 103px;
    height: 13.8vw;
    max-height: 104px;
	position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	border-radius: 5px;
}
#thumb .slick-slide{
    margin: 0 2.4% 0 0;
	cursor: pointer;
	max-width: 103px;
}
#thumb .slick-slide:last-child{
    margin: 0 0 0 0;
}
#thumb .slick-current::after{
	background: none;
}
.pop01{
	width: 86%;
    left: 0.7%;
    right: 0;
    margin: 0 auto;
    bottom: 6.3%;
}
.pop01:hover{
	opacity: .6;
}
.close{
	width: 11.25vw;
	max-width: 72px;
	height: 11.25vw;
	max-height: 72px;
	background: rgba(0,0,0,0.9);
	border-radius: 50%;
	position: absolute;
	right: -5%;
    top: -4%;
	display: block;
	cursor: pointer;
}
.close:hover{
	opacity: 0.6;
}
.close::before{
	position: absolute;
	content: "";
	width: 60%;
	height: 1px;
	border-bottom: solid #fff 3px;
	transform:rotate(-45deg);
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.close::after{
	position: absolute;
	content: "";
	width: 60%;
	height: 1px;
	border-bottom: solid #fff 3px;
	transform:rotate(45deg);
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.modal-window-content img{
	width: 100%;
}
.slide_wrap{
	background: #F0F0EB;
}
.iziModal .iziModal-wrap {
    width: 86%;
}
#thumb .slick-track{
	transform: translate3d(0, 0px, 0px) !important;
}
@media screen and (max-width: 750px){
	.footer p{
		font-size: 1.92vw;
	}
	.verisign{
		width: 13.466vw;
		height: 9.46vw;
	}
	.mlritz{
		width: 17.33vw;
		height: 6.266vw;
	}
	.pop01:hover{
		opacity: 1;
	}
	.iziModal .iziModal-wrap {
		width: 90%;
	}
}/*SP end*/
/*------------------------------------
/  footer
/ ------------------------------------*/
.toggle {
    position: relative;
    overflow: hidden;
}
.toggle:before {
    contnt: '';
    width: 100%;
    height: 100%;
    background:url(ico_down.png)no-repeat;
    background-size: 6%;
    position: absolute;
    top: 22%;
    right: -92%;
}
.toggle.active:before {
    content: '';
    width: 100%;
    height: 100%;
    background:url(ico_up.png)no-repeat;
    background-size: 6%;
    position: absolute;
    top: 22%;
    right: -92%;
}
.footermoji {
    width: 100%;
    height: 100%;
    background-color: #6b4d2b;
    padding: 5px 20px;
    font-size: 20px;
    color: white;
}
.footersetumei {
    width: 80%;
    height: 100%;
    background-color: white;
    padding: 5px 10%;
    font-size: 15px;
    color: black;
}


/*-----------------------------
 tab offer
-------------------------------*/
.wrap{
max-width: 750px;
margin: 0 auto;
background:#fff;
}
.abs{
	position: absolute;
}
.btn{
	position: absolute
}
.btn01{
	top: 89%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
/*-----------------------------
Q&A
-------------------------------*/
.scroll{
	position: absolute;
	width:100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;
	max-height: 810px;
	height: 450px;
	top: 0
	left: 0;
	right: 0;
	margin: 0 auto;
	-ms-overflow-style:none;
}
.scroll::-webkit-scrollbar{
	display:none;
}