/** image viewer */
/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: middle; background: transparent; }

body { /* background-image:url(); */ text-align:center; font-size: 13px; *font-size: small; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif; line-height: 123.1%; }

#contents {
	max-width: 1030px;
	margin: 0 auto;
	font-size:12px;
	color:#505050;
    box-shadow:0px 0px 15px 0px #a9a9a9,0px 0px 25px 0px #c5c5c5;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.conte1 {
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: relative ;
}
/*.conte1 img{
	width: 1000px ;
	display: block;
}*/

a img{
    transition: .7s;
}
a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

.short_video{
    margin: 20px 0 30px 0;
}
.long_video{
    position: absolute;
    left: 185px;
    top: 83px;
    width: 664px;
    height: 447px;
}
.step01{
	position:absolute;
	top: 3.5%;
    left: 6%;
    width: 28%;
}
.step02{
	position:absolute;
	top: 3.5%;
    left: 36%;
    width: 28%;
}
.step03{
	position:absolute;
	top: 3.5%;
    left: 67%;
    width: 28%;
}


.slider {
	overflow: hidden;
  }
  .slider ul {
	position: relative;
	  left: 4.7vw; /* (100vw - SlideWidth) / 2 */
	  overflow: visible !important;
  }
  .slider ul li {
	/*width: 29.5vw !important;*/
	  width:0.81% !important
  }
  .slider ul li img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
  .footer_cookie{
	  background: url(../images/footer02_bg.jpg) repeat;
	  padding: 40px 30px;
	  margin: 0 15px 20px 15px;
	  text-align: left;
	  color: #4b413c;
	  font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	  font-size: 13px;
	  line-height: 1.3em;
  }
  .footer_cookie .title{
	  font-size: 15px;
	  font-weight: 700;
	  line-height: 1.8em;
  }
  .footer_cookie a{
	color: #4b413c;
  }

  #footer{
	display: flex;
	justify-content: center;
	padding: 0 0 20px 0;
  }
  

/* Offer
----------------------------------------------- */
#offer,
#offer2{
	width:1000px;
	margin:0 auto;
	position:relative;
}

#offer .bt,
#offer2 .bt {
	position: absolute;
    left: 32px;
    top:373px;
}
#offer .bt:hover {
opacity: 0.98;
}
#offer2 .bt {
	left:30px;
    top:365px;
}

#offer .bt2,
#offer2 .bt2{
	position: absolute;
	left:419px;
	top:255px;
}

#offer .bt3{
	position: absolute;
	left:359px;
	top:500px;
}

#offer2 .bt3{
	position: absolute;
	left:359px;
	top:497px;
}
#offer .bt4,
#offer2 .bt4{
	position: absolute;
	left:390px;
	top:538px;
}
#offer .bt5,
#offer2 .bt5{
	position: absolute;
	left:41px;
	top:815px;
}
#offer .bt6,
#offer2 .bt6{
	position: absolute;
	left:419px;
	top:815px;
}
#offer .bt7,
#offer2 .bt7{
	position: absolute;
	left:359px;
	bottom:33px;
}


.pc_only{
	display: inline;
}
.sp_only{
	display: none;
}