@charset "UTF-8";

html {
  scroll-behavior: smooth
}

/*----------------------------------------
general
----------------------------------------*/



html{
  scroll-behavior: smooth;
}

body {
	background: #fff;
}



.wrapper img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}
.wrapper a {
	display: block;
}

.wrapper ul,
.wrapper dl,
.wrapper ol{
  list-style: none;
}
.wrapper ul li,
.wrapper dl dt,
.wrapper dl dd,
.wrapper ol li{
	line-height: 0;
	font-size: 0;
}

.wrapper {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.wrapper *{
  position: relative;
  box-sizing: border-box;
}

.wrapper a{
  transition: all ease 0.3s;
}
.wrapper a:hover{
  filter: brightness(1.1)
}
.wrapper {
}

/*============================
#fv
============================*/
.wrapper #fv {
}

/*============================
#start
============================*/
.wrapper #start {
}
.wrapper .offer {
}
.wrapper .offer .p-box {
}

/*============================
.offer
============================*/
.wrapper .offer {

}

.wrapper .btn-offer {
  position: absolute;
  width: calc(630/750*100%);
  top: 3%;
  left: calc(60/750*100%);
  animation: btn_animation 1s infinite;
}

@keyframes btn_animation {
    0% {
        transform: scale(1, 0.8);
    }
    20% {
        transform: scale(0.8, 1.1);
    }
    95% {
      transform: scale(1, 1);
  }
  100% {
      transform: scale(1, 0.8);
  }
}

@keyframes purun{
  from,to{
    transform:scale(1, 1)
  }
  5%{
    transform:scale(.85, 1.15)
  }
  10%{
    transform:scale(1.1, .9)
  }15%{
    transform:scale(.9, 1.1)
  }20%{
    transform: scale(1,1)
  }
}
.wrapper .offer .offer-bg-box {
  background-image: url(../img/offfer-bg.jpg);
  background-size: cover;
  background-repeat: repeat-y;
  padding-bottom: 7%;
}
.wrapper .offer .offer-acc-box {
  width: calc(690/750*100%);
  margin: 0 auto;
}
.btn-offer-acc {

}
.offer-acc-bottom {
  width: calc(690/750*100%);
}

.wrapper .offer .offer-acc-box .accordion .btn-offer-acc {
  cursor: pointer;
  position: absolute;
  bottom:0;
  width: calc(630/690*100%);
  left:calc(30/690*100%);
}

.wrapper .offer .offer-acc-box .accordion .btn-offer-acc:before,
.wrapper .offer .offer-acc-box .accordion .btn-offer-acc:after {
  content:"";
  display: block;
  width: min(calc(22/750*100vw),22px);
  height: min(calc(3/750*100vw),3px);
  background-color: #333333;
  position: absolute;
  top:48%;
  right:4.6%;
  transition: all ease 0.2s;
  z-index:2;
}
.wrapper .offer .offer-acc-box .accordion .btn-offer-acc:before {
  transform: rotate(90deg);
}
.wrapper .offer .offer-acc-box .accordion dt.selected .btn-offer-acc:before {
  transform: rotate(0deg);
}
.wrapper .offer .offer-acc-box .accordion dd {
  display: none;
}

/*============================
#sec04
============================*/
.wrapper #sec04 .slide-area {
  padding: 0 0 5%;
  background-color: #EEB9BF;
}
.wrapper #sec04 .slide-area .slick-slide {
  margin-right: min(calc(30/750*100vw), 30px);
}
.wrapper #sec04 .slide-area .slick-slide > div {
  width: min(calc(620/750*100vw), 620px);
}
.wrapper #sec04 .slide-area .slick-slide div {
  border-radius: min(calc(20/750*100vw), 20px);
  overflow: hidden;
}
.wrapper #sec04 .slide-area .slick-list {
  overflow: visible;
  padding-left: min(calc(30/750*100vw), 30px) !important;
}
.wrapper #sec04 .slide-area .slick-dots {
  bottom: --%;
  display: flex !important;
  justify-content: center;
  gap: 3%;
  padding: 0;
}
.wrapper #sec04 .slide-area .slick-dots li {
  width: min(calc(25/750*100vw),25px);
  height: min(calc(25/750*100vw),25px);
  margin: 0;
}
.wrapper #sec04 .slide-area .slick-dots li button {
  width: min(calc(25/750*100vw),25px);
  height: min(calc(25/750*100vw),25px);
  padding: 0;
}
.wrapper #sec04 .slide-area .slick-dots li button:before {
  font-size: min(calc(25/750*100vw),25px);
  width: min(calc(25/750*100vw),25px);
  height: min(calc(25/750*100vw),25px);
  color: #FFFFFF;
  opacity: 1;
}
.wrapper #sec04 .slide-area .slick-dots li.slick-active button:before {
  color: #C681B1;
  opacity: 1;
}

/*============================
#sec08
============================*/

.wrapper #sec08 video {
  position: absolute;
  width: calc(365/750*100%);
  left:calc(355/750*100%);
  top:29.2%;
  border-radius: min(calc(10/750*100vw),10px);
  overflow: hidden;
}
/*============================
#faq
============================*/
.wrapper #faq .faq-bg-area {
  background-image: url(../img/faq-bg.jpg);
  background-size: cover;
  padding-bottom: 7%;
}
.wrapper #faq .js-accordion {
  width: calc(690/750*100%);
  margin: 0 auto 5%;
  border-radius: min(calc(10/750*100vw),10px);
  overflow: hidden;
 
}

.wrapper #faq .js-accordion dt {
  cursor: pointer;
}

.wrapper #faq .js-accordion dt .icon-wrap {
  position: absolute;
  width: calc(44/690*100%);
  padding-top: calc(44/750*100%);
  position: absolute;
  top:40%;
  right:4%;
  border: 2px solid #FFF;
  border-radius: 100%;
}
.wrapper #faq .js-accordion dt:before,
.wrapper #faq .js-accordion dt:after {
  position: absolute;
  content:"";
  display: block;
  width: calc(40/750*100%);
  padding-top: calc(4/750*100%);
  background-color: #cabda4;
  top:50%;
  right:5%;
  transition: all ease 0.2s;
  z-index:2;
}

.wrapper #faq .js-accordion dt:before {
  transform: rotate(90deg);
}
.wrapper #faq .js-accordion dt.selected:before {
  transform: rotate(0deg);
}

.wrapper #faq .js-accordion dd {
  display: none;
}



/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
.bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
  box-sizing: border-box;
}
.bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}
.bl_floatArea_inner {
  max-width: 750px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  padding: 0 ;
}

/* ボタン */
.bl_floatArea_btn {
  display: block;
  width: calc(630/750*100%);
  margin: 0 auto -2%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}