@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  line-height: 1;
}

ul, ol {
  list-style-type: none;
}

a:hover {
  opacity: 1;
}

a:focus {
  outline: none;
}

img {
  height: auto;
  border: 0;
  vertical-align: top;
  max-width: 100%;
  margin: 0;
}

video {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  outline: none;
}

.content_wrap img {
  display: block;
  height: auto;
}

.content_wrap a:hover {
  opacity: 0.8;
}

.rl {
  position: relative;
}

.btn01 {
  position: absolute;
  width: 678px;
  top: 1026px;
  left: 39px;
}

.slide01 {
  position: absolute !important;
  left: 0;
  top: 124px;
  width: 100%;
  padding-left: 12px;
}

.slide01 .slick-slide {
  margin-left: 18px;
}

.slide01 .slick-list {
  padding: 0 19.2% 0 0 !important;
}

.slide02 {
  position: absolute !important;
  width: 100%;
  left: 0;
  top: 129px;
}

.slide02.slide02-2 {
  position: absolute !important;
  width: 100%;
  left: 0;
  top: 723px;
}

.slide02 .slick-slide img {
  border-radius: 40px;
  -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.slide01, .slide02 {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.slide01.slick-initialized, .slide02.slick-initialized {
  opacity: 1;
}

.sld-i {
  position: absolute;
  width: 581px;
  top: 322px;
  left: 10px;
  z-index: 2;
}

@media (max-width: 749px) {
  img {
    width: 100%;
  }
  .content_wrap a:hover {
    opacity: 1;
  }
  .btn01 {
    width: 90.4vw;
    top: 136.8vw;
    left: 5.2vw;
  }
  .slide01 {
    top: 16.53vw;
    padding-left: 1.6vw;
  }
  .slide01 .slick-slide {
    margin-left: 2.4vw;
  }
  .slide02 {
    top: 17.2vw;
  }
  .slide02 .slick-slide {
    margin: 0 1vw !important;
  }
  .slide02 .slick-slide img {
    border-radius: 5.33vw;
    -webkit-box-shadow: 1.33vw 1.33vw 2vw rgba(0, 0, 0, 0.1);
            box-shadow: 1.33vw 1.33vw 2vw rgba(0, 0, 0, 0.1);
    margin-bottom: 4vw;
  }
  .slide02.slide02-2 {
    top: 96.4vw;
  }
  .sld-i {
    width: 77.46vw;
    top: 42.93vw;
    left: 1.33vw;
  }
}
.content_wrap {
  /*============================================================================ 
    #ResetCSS 
  ==============================================================================*/
  /* HTML5 display-role reset for older browsers */
  /*============================================================================ 
  #MultiClass
  ==============================================================================*/
  /* ============ デバイス制御 ============ */
  /*============================================================================ 
  #Compornent
  ==============================================================================*/
  /* ========== Layout ========== */
  /* ========== Header ========== */
  /* Section header */
  /*============================================================================ 
  #LP
  ==============================================================================*/
  /* ========== Hero ========== */
  /* ========== Countdown ========== */
  /* ========== Voice ========== */
  /* ========== Voice ========== */
  /* ========== Achievements ========== */
  /*============================================================================ 
  #Footer
  ==============================================================================*/
}
.content_wrap *, .content_wrap *:before, .content_wrap *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.04em;
}
.content_wrap html, .content_wrap body, .content_wrap div, .content_wrap span, .content_wrap applet, .content_wrap object, .content_wrap iframe,
.content_wrap h1, .content_wrap h2, .content_wrap h3, .content_wrap h4, .content_wrap h5, .content_wrap h6, .content_wrap p, .content_wrap blockquote, .content_wrap pre,
.content_wrap a, .content_wrap abbr, .content_wrap acronym, .content_wrap address, .content_wrap big, .content_wrap cite, .content_wrap code,
.content_wrap del, .content_wrap dfn, .content_wrap em, .content_wrap img, .content_wrap ins, .content_wrap kbd, .content_wrap q, .content_wrap s, .content_wrap samp,
.content_wrap small, .content_wrap strike, .content_wrap strong, .content_wrap sub, .content_wrap sup, .content_wrap tt, .content_wrap var,
.content_wrap b, .content_wrap u, .content_wrap i, .content_wrap center,
.content_wrap dl, .content_wrap dt, .content_wrap dd, .content_wrap ol, .content_wrap ul, .content_wrap li,
.content_wrap fieldset, .content_wrap form, .content_wrap label, .content_wrap legend,
.content_wrap table, .content_wrap caption, .content_wrap tbody, .content_wrap tfoot, .content_wrap thead, .content_wrap tr, .content_wrap th, .content_wrap td,
.content_wrap article, .content_wrap aside, .content_wrap canvas, .content_wrap details, .content_wrap embed,
.content_wrap figure, .content_wrap figcaption, .content_wrap footer, .content_wrap header, .content_wrap hgroup,
.content_wrap menu, .content_wrap nav, .content_wrap output, .content_wrap ruby, .content_wrap section, .content_wrap summary,
.content_wrap time, .content_wrap mark, .content_wrap audio, .content_wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.content_wrap article, .content_wrap aside, .content_wrap details, .content_wrap figcaption, .content_wrap figure,
.content_wrap footer, .content_wrap header, .content_wrap hgroup, .content_wrap menu, .content_wrap nav, .content_wrap section {
  display: block;
}
.content_wrap body {
  margin: 0;
}
.content_wrap ol, .content_wrap ul {
  list-style: none;
}
.content_wrap blockquote, .content_wrap q {
  quotes: none;
}
.content_wrap blockquote:before, .content_wrap blockquote:after,
.content_wrap q:before, .content_wrap q:after {
  content: "";
  content: none;
}
.content_wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.content_wrap img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.content_wrap .visible-xs, .content_wrap .visible-sm, .content_wrap .visible-md, .content_wrap .visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .content_wrap .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content_wrap .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content_wrap .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .content_wrap .visible-lg {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .content_wrap .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content_wrap .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .content_wrap .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .content_wrap .hidden-lg {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .content_wrap .Container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .content_wrap main {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}
.content_wrap .SectionHeader {
  text-align: center;
  margin-bottom: 54px;
  line-height: 1.4;
}
.content_wrap .SectionHeader__Title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.content_wrap .SectionHeader__SubTitle {
  font-size: 16px;
  margin-top: 10px;
}
.content_wrap .SectionHeader--white {
  color: #FFF;
}
@media (max-width: 767px) {
  .content_wrap .SectionHeader {
    margin-bottom: 30px;
  }
  .content_wrap .SectionHeader__Title {
    font-size: 28px;
  }
  .content_wrap .SectionHeader__SubTitle {
    font-size: 12px;
    margin-top: 3px;
  }
}
.content_wrap .SectionCta__01 {
  position: relative;
}
.content_wrap .SectionCta__01 a {
  width: 100%;
  display: block;
  height: 9%;
  position: absolute;
  bottom: 8%;
}
.content_wrap .SectionCta__02 {
  position: relative;
}
.content_wrap .SectionCta__02 a {
  width: 100%;
  display: block;
  height: 16%;
  position: absolute;
  bottom: 5%;
}
.content_wrap .SectionCountdown {
  background: url("../img/lp_v-base-dog_01.jpg?v=1751462934") no-repeat left center/cover;
}
.content_wrap .SectionCountdown__Timer {
  color: #FFF;
}
.content_wrap .SectionCountdown__Timer #countdown {
  letter-spacing: -0.03em;
  text-align: center;
  padding: 5px 0 12px;
  width: 92%;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  /*    font-size: clamp(16px, 1vw + 1rem, 34px); */
}
.content_wrap .SectionCountdown__Timer span {
  font-size: 50px;
  letter-spacing: 0;
  display: inline-block;
  margin: 0 3px;
  min-width: 55px;
  /*    font-size: clamp(16px, 1vw + 2rem, 55px); */
}
@media (max-width: 830px) {
  .content_wrap .SectionCountdown__Timer #countdown {
    font-size: 24px;
  }
  .content_wrap .SectionCountdown__Timer span {
    font-size: 42px;
    min-width: 42px;
  }
}
@media (max-width: 414px) {
  .content_wrap .SectionCountdown__Timer #countdown {
    font-size: 16px;
  }
  .content_wrap .SectionCountdown__Timer span {
    font-size: 32px;
    min-width: 30px;
  }
}
@media (max-width: 375px) {
  .content_wrap .SectionCountdown__Timer #countdown {
    font-size: 15px;
  }
  .content_wrap .SectionCountdown__Timer span {
    font-size: 26px;
    min-width: 24px;
    margin: 0 2px;
  }
}
@media (max-width: 320px) {
  .content_wrap .SectionCountdown__Timer #countdown {
    font-size: 12px;
  }
  .content_wrap .SectionCountdown__Timer span {
    font-size: 21px;
    min-width: 20px;
  }
}
.content_wrap .SectionVoice {
  position: relative;
}
.content_wrap .SectionVoice__Movie {
  width: 37.5%;
  position: absolute;
}
.content_wrap .SectionVoice__Movie--01 {
  top: 13.8%;
  right: 3%;
}
.content_wrap .SectionVoice__Movie--02 {
  top: 31%;
  left: 3%;
}
.content_wrap .SectionVoice__Movie--03 {
  top: 47.8%;
  right: 3%;
}
.content_wrap .SectionPoint {
  position: relative;
}
.content_wrap .SectionPoint__Movie {
  position: absolute;
}
.content_wrap .SectionPoint__Movie--01 {
  top: 23.5%;
  left: 9.5%;
  width: 81%;
}
.content_wrap .SectionPoint__Movie--02 {
  top: 30.8%;
  left: 26%;
  width: 48%;
}
.content_wrap .SectionAchievements {
  position: relative;
}
.content_wrap .SectionAchievements__Movie {
  width: 30.4%;
  position: absolute;
}
.content_wrap .SectionAchievements__Movie--01 {
  top: 57.1%;
  left: 2.5%;
}
.content_wrap .SectionAchievements__Movie--02 {
  top: 57.1%;
  left: 34.8%;
}
.content_wrap .SectionAchievements__Movie--03 {
  top: 57.1%;
  left: 67%;
}
.content_wrap .SectionAchievements__Movie--04 {
  top: 70.7%;
  left: 17.8%;
}
.content_wrap .SectionAchievements__Movie--05 {
  top: 70.7%;
  left: 50.3%;
}
.content_wrap .SectionAchievements__Movie--06 {
  top: 84.2%;
  left: 2.5%;
}
.content_wrap .SectionAchievements__Movie--07 {
  top: 84.2%;
  left: 34.8%;
}
.content_wrap .SectionAchievements__Movie--08 {
  top: 84.2%;
  left: 67%;
}
.content_wrap .SectionFooter {
  padding: 90px 0 0;
  background: #F5F5F5;
  margin-top: 100px;
}
.content_wrap .SectionFooter__Logo {
  text-align: center;
}
.content_wrap .SectionFooter__Link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 45px;
  margin-top: 35px;
}
.content_wrap .SectionFooter__Link li a {
  color: #000;
  text-decoration: none;
}
.content_wrap .SectionFooter__Link li a:hover {
  text-decoration: underline;
}
.content_wrap .SectionFooter__Social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 60px;
}
.content_wrap .SectionFooter__Bottom {
  background: #FFF;
  padding: 33px 0 57px;
  margin-top: 85px;
}
.content_wrap .SectionFooter__Copy {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .content_wrap .SectionFooter {
    padding: 47px 0 0;
  }
  .content_wrap .SectionFooter:after {
    background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22264.5%22%20height%3D%2224.121%22%20viewBox%3D%220%200%20264.5%2024.121%22%3E%3Cpath%20d%3D%22M131.857%2C0c27.574%2C0%2C56.468%2C6.348%2C79.609%2C13.32%2C32.189%2C9.7%2C53.035%2C10.8%2C53.035%2C10.8H0s37.5-1.132%2C52.4-6.639C75.714%2C9.912%2C102.3%2C0%2C131.857%2C0Z%22%20fill%3D%22%23f5f5f5%22%2F%3E%3C%2Fsvg%3E");
    height: 24px;
    top: -23px;
    -webkit-transform: unset;
            transform: unset;
    right: auto;
    left: 0;
  }
  .content_wrap .SectionFooter__Logo svg {
    width: 137px;
  }
  .content_wrap .SectionFooter__Link {
    font-size: 14px;
  }
  .content_wrap .SectionFooter__Link li {
    width: 100%;
    text-align: center;
  }
  .content_wrap .SectionFooter__Social {
    gap: 20px 45px;
    margin-top: 34px;
  }
  .content_wrap .SectionFooter__Bottom {
    background: #FFF;
    padding: 22px 0 26px;
    margin-top: 64px;
  }
  .content_wrap .SectionFooter__Copy {
    font-size: 10px;
  }
}