* {
  margin: 0;
  padding: 0;
  list-style: none;
  /* text-align: center; */

  vertical-align: bottom;
}

body {
  background-color: #cde8f3;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/*a {
  width: auto;
  height: auto;
  padding: none;
  margin: none;
}*/

.lp-content {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  background-color: #cde8f3;
}

.lp-img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.gif-fv-wrap{
  position: relative;
}
.gif-fv-body {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}


/* ------------------------- */
/* タブ */
/* ------------------------- */
.tab-area {
  display: flex;
  cursor: pointer;
}

.tab {
  display: flex;
}

.tab .on {
  display: none;
}

.tab .off {
  display: block;
}

.tab.active .on {
  display: block;
}

.tab.active .off {
  display: none;
}

/* ------------------------- */
/* タブの中身 */
/* ------------------------- */
.panel-area {
  margin-top: -6px;
}

.panel {
  display: none;
}

.panel.active {
  display: block;
  border: none;
  margin: 0;
}

.gif-area {
  position: relative;
}

.gif-image {
  position: absolute;
  top: 0;
  left: calc(50% - 40%);
  z-index: 2;
  width: 80%;
  max-width: 624px;
  margin: 0 auto;
}

.gif-txt {
  text-align: right;
  font-weight: thin;
  font-size: 10px;
}