@charset "UTF-8";
/* ヘッダー */
.head {
  max-width: 750px;
  margin: 0 auto;
}
.head-logo img {
  width: 16%;
  height: auto;
}
.head-logo {
  padding: 2%;
}

/* ボタン */
.button {
  position:relative;
 animation:scaleAnim infinite 0.7s ease-in-out alternate;
}
@keyframes scaleAnim{
  0%{ transform:scale(1); }
  100%{ transform:scale(1.1); }
}
.button-image {
  position: absolute;
  z-index: 5;
}
.button-image__bg{
  position: relative;
  overflow: hidden;
  border-radius: 120px;
  display: inline-block;
  width: 99.1%;
  left: 0.9%;
  box-shadow: 5px 5px 10px rgba(73,73,73,0.4);
}
@media screen and (max-width:750px){
  .button-image__bg{
    font-size:4vw;
    border-radius: 4em;
    box-shadow: 0.2em 0.2em 0.4em rgba(73,73,73,0.4);
  }
}
.button-image__bg:after {
  content:"";
  display: block;
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: -20%;
  background: rgba(255,255,255,0.5);
  transform: skew(-10deg);
  animation:flash 4s infinite normal ease-in-out;
}
@keyframes flash{
  0%{ left:-20%; }
  30%{ left:100%; }
  100%{ left:100%; }
}

/* CTA */
.ctatab {
  display: flex;
}
.ctatab-image__on {
  display: none;
}
.ctatab-item__active .ctatab-image__on {
  display: block;
}
.ctatab-item__active .ctatab-image__off{
  display: none;
}
.cta-box {
  margin: 0 auto;
  padding: 2% 7% 5%;
  background: #fef4e8;
}
.cta-button {
  position: absolute;
  bottom: 25%;
  width: 91.1%;
  left: 4.45%;
}
.cta-box2 {
  position: relative;
}
.cta {
  position: relative;
}
.cta-wrap {
  background: #896238;
  padding: 0 0.8% 0.8%;
}
.result {
  filter: drop-shadow(0 5px 5px rgba(73,73,73,0.4));
}
.result-item {
  display: none;
}
.result-item__active {
  display: block;
}
/* メインコンテンツ */
.contents {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.contents img {
  max-width: 100%;
  height: auto;
}
.fv {
  position: relative;
}
.fv-image__abs {
  position: absolute;
  bottom: 9%;
  width: 89%;
  left: 5.5%;
  height: auto;
}
.sec1 {
  position: relative;
}
.sec1-image__abs {
  position: absolute;
  bottom: 10%;
  width: 86%;
  left: 7%;
}
.sec3-box {
  position: relative;
}
.sec3-image__abs {
  width: 92%;
  left: 4%;
  position: absolute;
  top: 28%;
}
.sec7-box {
  position: relative;
}
.sec7-image__abs {
  position: absolute;
  width: 49%;
  left: 25.5%;
  top: 32%;
}
.sec8-box {
  position: relative;
}
.sec8-image__abs {
  position: absolute;
  z-index: -1;
  width: 87%;
  left: 0;
  top: 0;
}

.sec8-button {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 5%;
}
.sec9-box {
  position: relative;
}
.sec9abs-item {
  position: absolute;
  width: 21.4%;
}
.sec9abs-item__1 {
  top: 39%;
  left: 13%;
}
.sec9abs-item__2 {
  right: 22%;
  top: 30%;
}
.sec9abs-item__3 {
  right: 12.5%;
  top: 40.5%;
}
.sec11-button {
  width: 90%;
  position: absolute;
  bottom: 3%;
  left: 5%;
}
.sec11 {
  position: relative;
}
.sec15 {
  position: relative;
}
.sec15-image__abs {
  width: 92%;
  left: 4%;
  position: absolute;
  bottom: 3%;
}
.sec14 {
  position: relative;
}
.sec14-video {
  position: absolute;
  width: 81%;
  left: 9.5%;
  top: 18%;
  overflow: hidden;
  border-radius: 1em;
}
@media screen and (max-width:750px){
  .sec14-video {
    border-radius: 4vw;
  }  
}
.sec14-video video {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* クチコミ */
.voice {
  background-image: url(../img/voice_bg.webp);
  background-position: bottom center;
  background-size:100% auto;
}
.voice-title {
  padding-bottom: 6%;
}
/* スクロールアニメーション */
.inview {
  position: relative;
}
.inview_line {
  position: absolute;
  display: block;
  height: 1px;
  top: 30%;
  left: 0;
  width: 100%;
  touch-action: none;
  pointer-events: none;
}
.fv-image__abs,.sec1-image__abs,.sec3-image__abs,.sec9abs-item,.sec15-image__abs {
  opacity: 0;
  transition: all 1s ease;
  transform: translate3d(0,20%,0);
}
.inview-active .fv-image__abs,
.inview-active .sec1-image__abs,
.inview-active .sec3-image__abs,
.inview-active .sec9abs-item,
.inview-active .sec15-image__abs{
  opacity: 1;
  transform: translate3d(0,0,0);
}
.sec8-image__abs{
  transition: all 1s ease;
  transform: translate3d(-100%,-0%,0);
}
.inview-active .sec8-image__abs{
  transform: translate3d(-0%,-0%,0);
}
.sec9-box .inview_line {
  top: 40%;
}
/* ==================== ページ下部の商品情報まわりのスタイル調整 ==================== */
.lp-contents {
  font-size: 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  line-height: 1.5;
}
.notes {
  padding: 1em 3em 3em;
}
.notes dt,
.notes dd {
  font-size: 2.2em;
}

.notes dt {
  padding-top: 1.5em;
}

.notes .notes--border {
  margin: 2em 0;
  padding: 2em 0;
  border-top: #000 solid .2em;
}
.notes .notes--border p {
  font-size: 2em;
}
.notes .notes--border a {
  text-decoration: underline;
}