@charset "utf-8";
* {margin:0;padding:0;box-sizing: border-box;}
body {font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #343434;line-height: 1.5em;}
ul,ol { list-style-type:none;}
a:hover {opacity:0.95;}
a:focus {outline: none;}
img{height:auto;border:0;	vertical-align:top; max-width: 100%;	margin:0;}
button { outline:none;border:0;}
video { vertical-align: bottom; width: 100%; outline: none;}
.content_wrap { max-width: 750px; margin:0 auto;}
.sp { display: none; }
.pc { display: block; }

.btn {display: block;}
.hikari{ border: 2px solid transparent; position: relative;overflow: hidden;}
.hikari:before{ content: ""; animation: hikari 4s cubic-bezier(0.25, 0, 0.25, 1) infinite;background-color: #fff; width: 140%; height: 100%;transform: skewX(-45deg);top: 0;left: -160%;opacity: 0.5;position: absolute;}
.btn01 { position: absolute; width: 660px; bottom: 27px;left:50px;}
.btn02 { position: absolute; width: 100%; bottom:47px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.btn03 { position: absolute; width: 100%; bottom: 47px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.rl{position: relative;}
.content_wrap .video-type{position: relative;z-index: 1;}

@keyframes hikari{
  0% { left: -160%; opacity: 0; }70% { left: -160%; opacity: 0.5; }71% { left: -160%; opacity: 1;}100% { left: -20%;  opacity: 0;}}
.mv02 {position: absolute;width: 652px;border:1px solid #fff;bottom:0; left:49px;}
#ba {position: absolute;width: 627px;top:0;left:61px;}

@media(max-width:749px) {.content_wrap {padding-bottom: 14vw;}
  a:hover {opacity:1;}
  img {width: 100%;}
  .btn01 {position: absolute;width: 88vw;bottom:3.6vw;left:6.66vw;}
  .btn02 {bottom: 5vw;}
  .btn03 {bottom: 5vw;}
  .mv02 {width: 86.6vw;left:6.7vw;}
  #ba {width: 83.6vw;left:8.2vw;}
  .mv03 {width: 86.6vw;left:6.7vw;}
  .sp { display:block; }
.pc { display: none; }
}

/* hero
----------------------------------------------- */
/* FV扉 */
.fv.active .fv_bg {display: none;}
.fv-panel {position: absolute;width: 50%;top:0;z-index: 10;transition-timing-function: ease-out;transition-duration: 1s;}
.fv-panel.fv-left {background: url(../images/fv-right.jpg) top left no-repeat;background-size: 100%;left:0;}
.fv-panel.fv-right {background: url(../images/fv-left.jpg) top left no-repeat;background-size: 100%;right:0;}
.fv.active .fv-right {transform: translateX(100%);transition-delay: 0s;}
.fv.active .fv-left {transform: translateX(-100%);transition-delay: 0s;}

/* 看板まわり */
.fv video {z-index: -1;position: absolute;left:0;top:0;}
.fv-hero{position: relative;}
.fv {position: relative;overflow-x: hidden;}
.hero{position: relative;}
.hero-inner{position: relative;width: 100%;margin-bottom: 0px;}
.hero-inner img.hero-price{position: absolute;bottom: 40px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-box-shadow: 0 0 10px -4px #ccc;-webkit-box-shadow: 0 0 10px -4px #ccc;box-shadow: 0 0 10px -4px #ccc;}
.hero-movie{position: absolute;z-index: -1;top: 660px;left: 50%;-moz-transform: translateX(-520px);-ms-transform: translateX(-520px);-webkit-transform: translateX(-520px);transform: translateX(-520px);width: 580px;}
.hero-att{margin-top: -110px;position: relative;}

/* hero sp
====================================== */
@media(max-width:749px) {
.hero{position: relative;}
.hero-inner{position: relative;width: 100%;margin-bottom: 0px;}
.hero-inner img.hero-price{bottom: 6vw;width: 94%;}
.hero-movie{top: 88vw;-moz-transform: translateX(-74vw);-ms-transform: translateX(-74vw);-webkit-transform: translateX(-74vw);transform: translateX(-74vw);width: 82%;}
.hero-att{margin-top: -16vw;}
}

/* slider
----------------------------------------------- */
.slider {position: relative;overflow: hidden;height: 620px;}
.slider__item {overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.slider__item img {width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';}
.slider__item.pre {z-index: 2;}
.slider__item.now { z-index: 3;}
.slider__item.now img {animation :fadeInOut 4s linear forwards;}
@supports (-webkit-mask-size: 100% 100%) {
  .slider__item img {-webkit-mask-image: url("../images/mask.jpg");-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;-webkit-mask-position: left center;}
  .slider li:nth-of-type(1).now img { animation: slide1 2s cubic-bezier(.4, 0, .2, 1) 0s forwards; -webkit-mask-position:top 0 left 0; mask-position:top 0 left 0;}
  .slider li:nth-of-type(2).now img {animation: slide2 2s cubic-bezier(.4, 0, .2, 1) 0s forwards;}
}
@supports (mask-size: 100% 100%) {
  .slider__item img {mask-image: url("../images/mask.jpg");mask-repeat: no-repeat;mask-size: 100% 100%;mask-position: left center;}
  .slider li:nth-of-type(1).now img {-webkit-mask-position:left top;mask-position:left top;animation: slide1 2s cubic-bezier(.4, 0, .2, 1) 0s forwards;}
  .slider li:nth-of-type(2).now img {-webkit-mask-position:right top;mask-position:right top;animation: slide2 2s cubic-bezier(.4, 0, .2, 1) 0s forwards;}
}

@keyframes slide1 {
  0% {-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size: 0% 100%;mask-size: 0% 100%;}
  100% {-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;}
}
@keyframes slide2 {
  0% {-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size: 0% 100%;mask-size: 0% 100%;}
  100% {-webkit-mask-position:top 0 right 0;mask-position:top 0 right 0;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;}
}
@keyframes fadeInOut {0%{ opacity: 0; }5%{ opacity: 1; }95%{ opacity: 1; }100%{ opacity: 0; }}

/* voice
----------------------------------------------- */
.mv03 {position: absolute;width: 650px;top:0; left:50px;}
.voice_wrap {background: url(../images/pic50.jpg) left top no-repeat;background-size:100%;padding-bottom: 48px;}
.voice_slide {width: 100%;padding:0 33px;margin: 0 auto;text-align: center;}

.bx-wrapper a.bx-prev {width: 65px;height: 100%;background: url(../images/sld_l.png) no-repeat center;background-size: contain;top: 50%; left: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bx-wrapper a.bx-next {width: 65px;height: 100%;background: url(../images/sld_r.png) no-repeat center;background-size: contain;top: 50%;right: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

@media(max-width:749px) {
  .voice_wrap{padding-bottom: 28px;}
  .voice_slide li img{width: 90%;}
  .bx-wrapper a.bx-prev {width: 40px;}
  .bx-wrapper a.bx-next {width: 40px;}

}
/* qa
----------------------------------------------- */
.qa_wrap {background: url(../images/qa_wrap.jpg) left top no-repeat;background-size: 100%;padding:0 0 75px 0;}
.qa_list{width: 90%;margin: 0 auto 40px;}

.qa_list dl {margin: 0 auto 3%;}
.qa_list dt {position: relative;padding: 12px 10px 8px 60px;cursor: pointer;line-height: 1;font-feature-settings: "palt"1;letter-spacing:.05em;font-size: 24px;display: inline-block;width: 100%;text-indent: -1.8em;background: #fff;}
.qa_list dt span{font-size: 41px;color: #dab08d;line-height: 1.4;font-family: 'Josefin Sans', sans-serif;margin-right: 10px;font-weight: 600;}
.qa_list dt:before, .qa_list dt:after {content: '';background: #bb9c90;position: absolute;top: 0;right: 0;}
.qa_list dt:before {width: 20px;height: 2px;top: 50%;right: 12px;}
.qa_list dt:after {width: 2px;height: 20px;top: 50%;right: 20px;-webkit-transition: 0.3s;transition: 0.3s;margin-top: -12px;transform: translate(0, 3px);}
.qa_list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.qa_list dd {display: none;padding: 20px;font-size: 20px;line-height: 1.7;text-align: justify;font-feature-settings: "palt"1;letter-spacing: .04em;background: #f7f7f7;color: #474747;}
.qa_list dd span{color: #f03250;}

@media(max-width:749px) {
  .qa_list{margin: 0 auto 7%;}
  .qa_list dt {padding: 4% 4% 4% 12%;font-size: 4.2vw;}
  .qa_list dt span{font-size: 7vw;margin-right: 2%;}
  .qa_list dd {display: none;padding: 4% 5%;font-size: 3.8vw;}
}


/* link
----------------------------------------------- */
.links{margin-bottom: 100px;}

/* link sp
=============================================== */
@media(max-width:749px)
 {.links{margin-bottom: 0;}
}


/* content
----------------------------------------------- */
.fixed {position: fixed;left:50%;bottom:0;width: 750px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: 4;}
.btn04 {position: absolute;right: 22px;bottom:10px;width: 235px;}

/* content sp
====================================== */
@media(max-width:749px) {
  .fixed {left:0;width: 100%;transform: none;-webkit-transform: none;-ms-transform: none;}
  .btn04 {position: absolute;right:0.7vw;bottom:1.4vw;width: 31.33vw;}
}


/* pop-up
----------------------------------------------- */
p.img-set01{margin: 2% auto;text-align: center;}
/* -----pop up----- */
.popup {  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 9999;  opacity: 0;  visibility: hidden;  transition: .6s;}
.popup p{text-align: center;}
.popup.is-show {  opacity: 1;  visibility: visible;}
.popup.close {	display: none !important;}
.popup-inner {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);  width: 90%;  max-width: 600px;  box-sizing: border-box;  padding: 2.0em 0 0;  z-index: 2;}
.close-btn {  position: absolute;  right: 0;  top: 0;  width: 1.5em;  height: 1.5em;background: url(../images/close.png) no-repeat center center;	background-size: contain;}
.black-background {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background-color: rgba(255,255,255,.8);  z-index: 1;  cursor: pointer;}

/* -----pop up(on click)----- */
.pop_coupon{width: 150px;}

.case-chr-box-in {position: fixed;bottom: 160px;right: 0;}
.case-chr-detail {display: none;position: fixed;top: 0;left: 50%;background: rgba(255,255,255,.8);width: 100%;transform: translate(-50%,-100%);height: 100vh;z-index: 100;}
.case-chr-detail-in {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 600px;box-sizing: border-box;padding: 2.0em 0 0;z-index: 2;text-align: center;}
.case-chr-detail .close_btn {position: absolute;  right: 0;  top: 0;  width: 1.5em;  height: 1.5em;background: url(../images/close.png) no-repeat center center;	background-size: contain;}

/* pop-up sp
====================================== */
@media(max-width:749px) {.pop_coupon{width: 110px;}.case-chr-box-in {bottom: 22vw;}.case-chr-detail {top: 0;transform: translate(-50%,0%);}}
.cv-tel-number{color: #303030;text-decoration: none;position: absolute;top: -170px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 80px;display: inline-block;text-align: center;font-family: 'Josefin Sans', sans-serif;width: 100%;}
.cv-tel-number02{position: absolute;top: -190px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 590px;}

/* cv-tel
----------------------------------------------- */
.cv-tel-number{display: inline-block;top: -228px;}
.cv-tel-number img{width: 88%;}

/* cv-tel sp
====================================== */
@media(max-width:749px) {
  .cv-tel-number{top: -30vw;}
  .cv-tel-number02{width: 90%;top: -27vw;}
}