@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
@media screen and (min-width: 360px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 480px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1040px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1240px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1439px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1239px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1199px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1039px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 479px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 359px) {
  body {
    margin: 0;
  }
}

@media screen and (max-width: 991px) {
  .hidden-md-down {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hidden-sm-down {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .hidden-xs-down {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .hidden-lg-up {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .hidden-ipad-up {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .hidden-md-up {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .hidden-sm-up {
    display: none;
  }
}

@media screen and (min-width: 360px) {
  .hidden-xs-up {
    display: none;
  }
}

html {
  font-size: 62.5%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  html {
    min-width: 1020px;
  }
}

body {
  overflow-x: clip;
  height: 100%;
  word-break: break-all;
  color: #333333;
}

section {
  padding: initial;
}

.contents {
  overflow: initial;
  overflow-x: initial;
}

ul,
ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ol {
  padding-left: 1.4em;
  list-style: none;
}

dl {
  margin-bottom: 0;
}

dl dt {
  margin-bottom: 0;
}

dl dd {
  margin-bottom: 0;
}

a:link {
  color: initial;
  text-decoration: none;
}

a {
  transition: 0.3s all;
  color: #333;
  opacity: 1;
  text-decoration: none;
}
a:visited {
  color: inherit;
}

i, em {
  font-style: normal;
}

h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-bottom: 0;
}

h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin-bottom: 0;
}

button, input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  border-radius: 0;
  color: inherit;
  background: 0 0;
  border: none;
  margin: 0;
  padding: 0;
}

html.is-active {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  html.is-active {
    overflow: visible;
  }
}

.contents__inner {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

img {
  width: 100%;
  vertical-align: bottom;
}

.pageGuide {
  z-index: 10;
}

#header,
#footer {
  position: relative;
  margin-top: 0;
  z-index: 100 !important;
}

#header {
  z-index: 120 !important;
}

.share-sns-column,
.menu-column {
  margin-top: 0;
  position: relative;
  background: #fff !important;
  z-index: 100 !important;
}

.menu-column {
  position: relative;
  z-index: 10;
}

.fadein {
  transform: scale(0.8);
  opacity: 0 !important;
  transition: all 1s;
}
.fadein.is-scroll {
  transform: scale(1);
  transition: opacity 0.3s ease-out 0.05s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  opacity: 1 !important;
}

.fadeSlide {
  opacity: 0 !important;
  transition: all 1s;
}
.fadeSlide.is-scroll {
  transform: scale(1);
  transition: opacity 0.3s ease-out 0.05s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  opacity: 1 !important;
}

.voice {
  transform: translateY(80px) scale(0.8);
  opacity: 0 !important;
  transition: all 1s;
}
.voice.is-active {
  transform: translateY(0) scale(1);
  transition: opacity 0.3s ease-out 0.05s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  opacity: 1 !important;
}

.bound {
  -webkit-animation: boundIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s both;
          animation: boundIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s both;
  /* ↓表示前の状態を設定 */
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}

.bound-in {
  /* 1.2sで実行、最後の状態を維持 */
  -webkit-animation: bound-in-left 1.2s forwards ease-out;
          animation: bound-in-left 1.2s forwards ease-out;
  opacity: 0;
}

.mv {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.top__place {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.top__lead {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.top__anchor {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.human01 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.human04 {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}

.human02 {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}

.human05 {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}

.human03 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.human06 {
  -webkit-animation-delay: 2.05s;
          animation-delay: 2.05s;
}

.top__event {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.top__dog {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

/* アニメーション定義 */
@-webkit-keyframes boundIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes boundIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@-webkit-keyframes bound-in-left {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(0);
  }
  /* 1回目のぴょん */
  20% {
    opacity: 1;
    transform: translateX(-70px) translateY(-50px); /* 上に跳ねる */
  }
  40% {
    transform: translateX(-40px) translateY(0); /* 着地 */
  }
  /* 2回目のぴょん（1回目より低く） */
  60% {
    transform: translateX(-20px) translateY(-20px); /* 少し跳ねる */
  }
  80% {
    transform: translateX(-5px) translateY(0); /* 着地 */
  }
  /* 停止 */
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}
@keyframes bound-in-left {
  0% {
    opacity: 0;
    transform: translateX(-100px) translateY(0);
  }
  /* 1回目のぴょん */
  20% {
    opacity: 1;
    transform: translateX(-70px) translateY(-50px); /* 上に跳ねる */
  }
  40% {
    transform: translateX(-40px) translateY(0); /* 着地 */
  }
  /* 2回目のぴょん（1回目より低く） */
  60% {
    transform: translateX(-20px) translateY(-20px); /* 少し跳ねる */
  }
  80% {
    transform: translateX(-5px) translateY(0); /* 着地 */
  }
  /* 停止 */
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}
@media screen and (min-width: 769px) {
  .pc-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.contents__inner {
  display: grid;
  grid-template: "left center right"/1fr 400px 1fr;
  justify-content: center;
  align-items: flex-start;
  background-image: url(../img/clover_bg.png);
  background-color: #E0F4B0;
  background-attachment: fixed;
  background-size: 65px 70px, 100% 100%;
}
@media screen and (max-width: 768px) {
  .contents__inner {
    gap: 0;
    grid-template: "left center right"/1fr minmax(0, 100%) 1fr;
  }
}
.contents__center {
  flex-shrink: 0;
}

.left {
  grid-area: left;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.left__img {
  max-width: 315px;
  height: auto;
  margin: 333px 60px 24px auto;
}
.left__place {
  max-width: 345px;
  margin: 0 40px 20px auto;
}
@media screen and (max-width: 768px) {
  .left {
    display: none;
  }
}

.center {
  grid-area: center;
}

.right {
  grid-area: right;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 768px) {
  .right {
    display: none;
  }
}
.right__anchor {
  width: 307px;
  height: auto;
  margin: 385px auto 24px 70px;
  transform: translate(-8px, -8px);
  display: block;
  position: relative;
  z-index: 1;
}
.right__anchor li {
  margin-bottom: 45px;
}
.right__anchor li:last-child {
  margin-bottom: 0;
}
.right__anchor li a[href="#tokimeki"] {
  transform: translate(-8px, -8px);
  display: block;
  position: relative;
  z-index: 1;
}
.right__anchor li a[href="#tokimeki"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 307px;
  height: 72px;
  background-color: #FFDA14;
  border: solid 1px #333;
  top: 0;
  left: 0;
  border-radius: 50px;
  z-index: -1;
  transform: translate(4px, 8px);
  transition: 0.3s all;
}
.right__anchor li a[href="#tokimeki"]:hover {
  transform: translate(-4px, -4px);
  opacity: 1;
}
.right__anchor li a[href="#tokimeki"]:hover::before {
  transform: translate(0, 2px);
}
.right__anchor li a[href="#market"] {
  transform: translate(-8px, -8px);
  display: block;
  position: relative;
  z-index: 1;
}
.right__anchor li a[href="#market"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 307px;
  height: 72px;
  background-color: #7FD01D;
  border: solid 1px #333;
  top: 0;
  left: 0;
  border-radius: 50px;
  z-index: -1;
  transform: translate(4px, 8px);
  transition: 0.3s all;
}
.right__anchor li a[href="#market"]:hover {
  opacity: 1;
  transform: translate(-4px, -4px);
}
.right__anchor li a[href="#market"]:hover::before {
  transform: translate(0, 2px);
}

.initial {
  background-color: #E0F4B0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .initial {
    background-color: transparent;
  }
}
.initial .mvbox {
  position: relative;
  background: url(../img/mv_bg.png) no-repeat top center;
  background-size: cover;
}
.initial .mv {
  margin: 0 80px;
  padding: 140px 0 20px;
}
.initial__dog {
  position: absolute;
  top: auto;
  left: -50px;
  width: 211px;
  height: auto;
}
.initial__tokimeki {
  background-color: #4ec5ff;
  padding: 0.1px 0 110px;
}
@media screen and (max-width: 768px) {
  .initial__tokimeki {
    padding: 0.1px 0 120px;
  }
}
.initial__tokimeki h2 {
  margin: 48px 86px 18px;
}
.initial__time {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 230px;
  margin: 10px auto 0;
}
.initial__time li:nth-of-type(1) {
  font-size: 12px !important;
  padding: 4px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #000;
  line-height: 1.2;
  font-weight: 500;
}
.initial__time li:nth-of-type(2) * {
  line-height: 1.4;
}
.initial__time li:nth-of-type(2) strong {
  display: block;
  font-size: 16px !important;
  font-weight: 500;
}
.initial__time li:nth-of-type(2) small {
  display: block;
  font-size: 12px !important;
  font-weight: 500;
}
.initial__place {
  width: 309px;
  margin: 0 auto 20px;
}
.initial__place2 {
  width: 266px;
  margin: 0 auto 20px;
}
.initial__lead {
  margin: 268px 60px 33px;
}
.initial__event {
  margin: 0 16px 80px;
}
.initial__anchor {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  margin: 0 64px;
  padding-bottom: 43px;
}
.initial__anchor li {
  width: calc(50% - 30px);
  flex-grow: 1;
}
.initial__anchor li a[href="#tokimeki"] {
  transform: translate(-8px, -8px);
  display: block;
  position: relative;
  z-index: 1;
}
.initial__anchor li a[href="#tokimeki"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #FFDA14;
  border: solid 1px #333;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
  transform: translate(4px, 4px);
  transition: 0.3s all;
}
.initial__anchor li a[href="#tokimeki"]:hover {
  opacity: 1;
  transform: translate(-4px, -4px);
}
.initial__anchor li a[href="#tokimeki"]:hover::before {
  transform: translate(0, 0);
}
.initial__anchor li a[href="#market"] {
  transform: translate(-8px, -8px);
  display: block;
  position: relative;
  z-index: 1;
}
.initial__anchor li a[href="#market"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #7FD01D;
  border: solid 1px #333;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
  transform: translate(4px, 4px);
  transition: 0.3s all;
}
.initial__anchor li a[href="#market"]:hover {
  opacity: 1;
  transform: translate(-4px, -4px);
}
.initial__anchor li a[href="#market"]:hover::before {
  transform: translate(0, 0);
}
.initial__text {
  color: #fff;
  text-align: center;
  font-size: 13px !important;
  letter-spacing: -0.8px;
}
.initial .human01 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial .human02 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial .human03 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial .human04 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial .human05 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial .human06 {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.initial__annotation {
  position: absolute;
  bottom: 30px;
  left: 28px;
  font-size: 12px !important;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .initial__annotation {
    bottom: 20px;
    left: 20px;
  }
}
.initial .human01 {
  position: absolute;
  width: 207px;
  height: auto;
  bottom: 16%;
  left: -89px;
}
.initial .human02 {
  width: 233px;
  height: auto;
  bottom: 9%;
  left: -122px;
}
.initial .human03 {
  width: 227px;
  height: auto;
  bottom: 1.5%;
  left: -105px;
}
.initial .human04 {
  width: 236px;
  height: auto;
  bottom: 14%;
  right: -118px;
}
.initial .human05 {
  width: 236px;
  height: auto;
  bottom: 7%;
  right: -129px;
  z-index: 2;
}
.initial .human06 {
  width: 210px;
  height: auto;
  bottom: 1%;
  right: -74px;
  z-index: 2;
}

.tile {
  background: url(../img/bg_tile.png) left top repeat #f5f5f5;
  background-size: 36px 36px;
  padding-bottom: 70px;
}

.heritages__priceImg {
  width: 245px;
  height: auto;
  margin: -20px 19px 0 auto;
  position: relative;
}
.heritages__retroImg {
  position: relative;
  z-index: 1;
}
.heritages__retroImg > *:nth-child(1) {
  position: absolute;
  top: -69px;
  left: 36px;
  width: 83px;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .heritages__retroImg > *:nth-child(1) {
    top: -77px;
    left: 10px;
  }
}
.heritages__retroImg > *:nth-child(2) {
  position: absolute;
  top: 30px;
  right: 18px;
  width: 364px;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .heritages__retroImg > *:nth-child(2) {
    width: 90%;
  }
}
.heritages__retroImg > *:nth-child(3) {
  position: relative;
  width: 467px;
  height: auto;
  /* z-index: 1; */
  margin: 60% -9% 0;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media screen and (max-width: 768px) {
  .heritages__retroImg > *:nth-child(3) {
    width: 452px;
    margin: 58% -12% 0;
  }
}
.heritages__retroImg > *:nth-child(4) {
  position: absolute;
  bottom: 56px;
  right: 10px;
  width: 133px;
  height: auto;
  z-index: 0;
}
.heritages__human {
  margin: -72px 10px 0;
  display: flex;
  align-items: flex-end;
}
.heritages__human img {
  display: block;
}
.heritages__human img:nth-of-type(1) {
  width: 81%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.heritages__human img:nth-of-type(2) {
  width: 25%;
  height: auto;
  margin-left: -24px;
}

.retro {
  margin-top: 10px;
}
.retro__human {
  margin: -72px 25px 0 9px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.retro__human img {
  display: block;
}
.retro__human img:nth-of-type(1) {
  width: 76%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 44px;
}
.retro__human img:nth-of-type(2) {
  width: 25%;
  height: auto;
  margin-right: -8px;
}
.retro__human::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 60%;
  transform: translateX(-50%);
  background: url(../img/acc_01.png) center center no-repeat;
  background-size: contain;
  width: 57px;
  height: 57px;
  z-index: -1;
}

.y2k {
  position: relative;
  padding-bottom: 190px;
}
.y2k .y2k__acc2 {
  position: absolute;
}
.y2k .y2k__acc3 {
  position: absolute;
}
.y2k .y2k__acc4 {
  position: absolute;
}
.y2k .y2k__acc5 {
  position: absolute;
}
.y2k .y2k__acc6 {
  position: absolute;
}
.y2k .y2k__acc7 {
  position: absolute;
}
.y2k .y2k__acc8 {
  position: absolute;
}
.y2k .y2k__acc9 {
  position: absolute;
}
.y2k .y2k__acc10 {
  position: absolute;
}
.y2k .y2k__acc11 {
  position: absolute;
}
.y2k .y2k__acc12 {
  position: absolute;
}
.y2k .y2k__acc13 {
  position: absolute;
}
.y2k .y2k__acc14 {
  position: absolute;
}
.y2k .y2k__acc15 {
  position: absolute;
}
.y2k .y2k__acc16 {
  position: absolute;
}
.y2k .y2k__acc17 {
  position: absolute;
}
.y2k .y2k__acc18 {
  position: absolute;
}
.y2k__room {
  margin: 0 24px;
}
.y2k__acc2 {
  top: 0;
  width: 87px;
  height: auto;
  left: 44px;
}
.y2k__acc3 {
  top: 0;
  width: 103px;
  height: auto;
  right: 32px;
}
.y2k__acc4 {
  top: 80px;
  width: 45px;
  height: auto;
  left: 6px;
}
.y2k__acc5 {
  top: 155px;
  width: 40px;
  height: auto;
  right: 15px;
}
.y2k__acc6 {
  bottom: 310px;
  width: 49px;
  height: auto;
  right: 6px;
}
.y2k__acc7 {
  bottom: 246px;
  width: 87px;
  height: auto;
  left: 14px;
}
.y2k__acc9 {
  bottom: 97px;
  width: 130px;
  height: auto;
  right: 14px;
  z-index: 1;
}
.y2k__acc18 {
  bottom: 55px;
  width: 54px;
  height: auto;
  left: 40px;
  z-index: 1;
}
.y2k__human {
  margin-top: -96px;
  margin-left: 16px;
  margin-right: 8px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
.y2k__human img {
  display: block;
}
.y2k__human img:nth-of-type(1) {
  width: 77%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.y2k__human img:nth-of-type(2) {
  width: 25%;
  height: auto;
  margin-left: -10px;
}
.y2k__whiteBoard {
  position: absolute;
  margin-left: 8px;
  bottom: 34px;
  left: 8px;
  width: 323px;
  height: auto;
}

.phone {
  margin-top: -84px;
  padding-bottom: 180px;
  overflow: hidden;
  background: url(../img/bg_text.png) left top 126px no-repeat, url(../img/bg_text2.png) right bottom no-repeat;
  background-size: 99px 294px, 97px 259px;
  position: relative;
  z-index: 1;
}
.phone .phone__acc8 {
  position: absolute;
}
.phone .phone__acc9 {
  position: absolute;
}
.phone .phone__acc10 {
  position: absolute;
}
.phone .phone__acc11 {
  position: absolute;
}
.phone .phone__acc12 {
  position: absolute;
}
.phone .phone__acc13 {
  position: absolute;
}
.phone .phone__acc14 {
  position: absolute;
}
.phone .phone__acc15 {
  position: absolute;
}
.phone .phone__acc16 {
  position: absolute;
}
.phone .phone__acc17 {
  position: absolute;
}
.phone__img {
  width: 325px;
  height: 589px;
  margin-left: auto;
  position: relative;
  z-index: 1;
  margin-right: -3px;
}
.phone__img img {
  height: 100%;
}
.phone__acc8 {
  width: 107px;
  height: auto;
  top: 101px;
  left: 35px;
}
.phone__acc9 {
  width: 130px;
  height: auto;
  top: 10px;
  right: 16px;
  z-index: 2;
}
.phone__acc10 {
  width: 67px;
  height: auto;
  top: 74px;
  left: 170px;
}
.phone__acc11 {
  width: 89px;
  height: auto;
  top: 110px;
  right: 83px;
}
.phone__acc12 {
  width: 73px;
  height: auto;
  top: 236px;
  right: -14px;
  z-index: 2;
}
.phone__acc13 {
  width: 251px;
  height: auto;
  top: 210px;
  left: -115px;
  z-index: 2;
}
.phone__acc14 {
  width: 67px;
  height: auto;
  bottom: 190px;
  right: 25px;
  z-index: 2;
}
.phone__acc15 {
  width: 25px;
  height: auto;
  top: 45%;
  right: 13px;
  z-index: 2;
}
.phone__acc16 {
  width: 43px;
  height: auto;
  bottom: 189px;
  left: 123px;
  z-index: 2;
}
.phone__acc17 {
  width: 26px;
  height: auto;
  top: 160px;
  left: 158px;
  z-index: 2;
}
.phone__human {
  margin-top: -42px;
  margin-right: 58px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.phone__human img {
  display: block;
}
.phone__human img:nth-of-type(1) {
  width: 72%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.phone__human img:nth-of-type(2) {
  width: 25%;
  height: auto;
}

.nounai {
  margin-top: -164px;
  padding-bottom: 38px;
  overflow: hidden;
  background: url(../img/bg_nounai.png) left top 7px no-repeat;
  background-size: 146px 319px;
  position: relative;
  z-index: 1;
}
.nounai__img {
  width: 352px;
  height: 357px;
  margin-left: auto;
  position: relative;
  z-index: 1;
  margin-right: 25px;
}
.nounai__img img {
  height: 100%;
}
.nounai__acc2 {
  position: absolute;
  width: 57px;
  height: auto;
  bottom: -25px;
  left: 180px;
}

.messageboard__img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .messageboard__img {
    width: 102%;
    margin: 0 -1%;
  }
}
.messageboard__img img {
  height: 100%;
}

.life {
  margin-top: -20px;
  overflow: hidden;
}
.life__img {
  margin-left: -20px;
  width: 378px;
  height: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .life__img {
    width: 368px;
  }
}
.life .cd {
  position: absolute;
  bottom: 22px;
  right: 0;
  width: 302px;
  height: auto;
  z-index: -1;
  transition: all 1s ease;
}
.life .cd.is-active {
  right: -138px;
  transform: rotate(180deg);
}
.life__human {
  position: relative;
  z-index: 2;
  margin-top: -80px;
  margin-left: 42px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.life__human img {
  display: block;
}
.life__human img:nth-of-type(1) {
  width: 68%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.life__human img:nth-of-type(2) {
  width: 37%;
  height: auto;
  margin-left: -16px;
}

.profile {
  padding: 53px 15px 0;
}
.profile__column {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  flex-flow: nowrap;
}
.profile__column li:first-child {
  width: 134px;
  height: auto;
}
.profile__column li:last-child {
  width: 220px;
}
.profile__column li:last-child img {
  width: 135px;
  margin-bottom: 10px;
}
.profile__column li p {
  font-size: 12px !important;
}

.lottery {
  padding: 76px 0 140px;
  background: url(../img/dotted_line.png) top 30px center no-repeat, url(../img/dotted_line.png) bottom 104px center no-repeat #fff480;
  background-size: 90% 7px;
  position: relative;
  overflow: hidden;
}
.lottery::before {
  content: "";
  display: block;
  position: absolute;
  top: 91px;
  left: -35px;
  background: url(../img/garagara_bg.png) center center no-repeat;
  background-size: contain;
  width: 120px;
  height: 111px;
}
.lottery h2 {
  width: 253px;
  height: auto;
  margin: 0 auto;
}
.lottery__text {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 13px !important;
  text-align: center;
  font-weight: 600;
}
.lottery__annotation {
  font-size: 12px !important;
  text-align: center;
  font-weight: 400;
  margin-bottom: 14px;
}
.lottery dl {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 auto 8px;
  width: 240px;
}
.lottery dl:last-child {
  margin-bottom: 0;
}
.lottery dl dt {
  width: 40px;
  height: auto;
}
.lottery dl dd {
  font-size: 14px !important;
  font-weight: 800;
  line-height: 1.2;
}

.stamp {
  margin-top: -40px;
  padding: 56px 0px 70px;
  background: url(../img/dotted_line.png) top 40px center no-repeat, no-repeat #FFBFDA;
  background-size: 80% 7px;
  border-radius: 30px 30px 0 0;
  position: relative;
  overflow: hidden;
}
.stamp h2 {
  position: relative;
  margin: 17px auto 12px;
  width: 304px;
}
.stamp h2 span {
  display: inline-block;
  width: 195px;
  height: auto;
}
.stamp h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -61px;
  right: -73px;
  transform: translateX(-50%);
  background: url(../img/stamp_img.png) center center no-repeat;
  background-size: contain;
  width: 102px;
  height: 157px;
}
.stamp__time {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 304px;
  margin: 17px auto 12px;
}
.stamp__time li:nth-of-type(1) {
  font-size: 12px !important;
  padding: 4px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #000;
  line-height: 1.2;
  font-weight: 500;
}
.stamp__time li:nth-of-type(2) * {
  line-height: 1.4;
}
.stamp__time li:nth-of-type(2) strong {
  display: block;
  font-size: 16px !important;
  font-weight: 500;
}
.stamp__time li:nth-of-type(2) small {
  display: block;
  font-size: 12px !important;
}
.stamp__text {
  margin: 0 auto 17px;
  width: 304px;
  font-size: 13px !important;
  letter-spacing: -0.8px;
  font-weight: 600;
}
.stamp__text span {
  font-size: 12px !important;
}
.stamp__img {
  margin: 0 auto 20px;
  width: 247px;
}
.stamp__annotation {
  margin: 0 auto 17px;
  width: 304px;
  font-size: 12px !important;
}
.gacya {
  margin-top: -40px;
  padding: 80px 0px 50px;
  background: url(../img/dotted_line.png) top 40px center no-repeat, no-repeat #fff480;
  background-size: 80% 7px;
  border-radius: 50px 50px 0 0;
  position: relative;
  overflow: hidden;
}
.gacya h2 {
  width: 326px;
  height: auto;
  margin: 0 auto;
}
.gacya__time {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 128px;
  margin: 17px auto 12px;
}
.gacya__time li:nth-of-type(1) {
  font-size: 12px !important;
  padding: 4px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #000;
  line-height: 1.2;
  font-weight: 500;
}
.gacya__time li:nth-of-type(2) * {
  line-height: 1.4;
}
.gacya__time li:nth-of-type(2) strong {
  display: block;
  font-size: 16px !important;
  font-weight: 500;
}
.gacya__time li:nth-of-type(2) small {
  display: block;
  font-size: 12px !important;
}
.gacya__date {
  margin: 0 auto 20px;
  width: 168px;
  font-size: 13px !important;
  letter-spacing: -0.8px;
}
.gacya__text {
  margin: 0 auto 25px;
  width: 280px;
  text-align: center;
  font-size: 13px !important;
  letter-spacing: -0.8px;
  font-weight: 600;
}
.gacya__annotation {
  margin: 0 auto 17px;
  width: 304px;
  font-size: 12px !important;
}
.gacya__img {
  margin: 0 auto;
  width: 243px;
}
.chara {
  background-color: #CCEB92;
  padding-top: 35px;
  border-radius: 50px 50px 0 0;
  margin-top: -60px;
  position: relative;
}
.chara h2 {
  margin: 0 37px;
}
.chara__time {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 304px;
  margin: 17px auto 0;
}
.chara__time li:nth-of-type(1) {
  font-size: 12px !important;
  padding: 4px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #000;
  line-height: 1.2;
  font-weight: 500;
}
.chara__time li:nth-of-type(2) * {
  line-height: 1.4;
}
.chara__time li:nth-of-type(2) strong {
  display: block;
  font-size: 16px !important;
  font-weight: 500;
}
.chara__time li:nth-of-type(2) small {
  display: block;
  font-size: 12px !important;
}
.chara .nm {
  margin-bottom: -1px !important;
}
.chara__coming {
  max-width: 300px;
  margin: 32px auto;
}
.chara__open {
  margin-top: 8px;
  text-align: center;
  font-weight: 500;
  font-size: 17px !important;
}
.chara__lead {
  font-size: 13px !important;
  margin: 17px 0 16px;
  font-weight: 600;
  text-align: center;
}
.chara__box {
  padding: 20px 20px 0;
  display: flex;
  flex-flow: wrap;
  gap: 16px;
  margin-bottom: 12px;
}
.chara__slide {
  padding: 40px 21px 240px 40px;
  margin-bottom: 24px;
  background: url(../img/card_bg.png) top left -9px no-repeat;
  background-size: 103% 320px;
  position: relative;
}
.chara__floor {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: auto;
}
.chara__img {
  width: 103px;
}
.chara__copy {
  font-size: 8px !important;
  position: relative;
  line-height: 1.2;
  margin-top: 12px;
}
.chara__copy::before {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
}
.chara__group {
  width: 173px;
  position: relative;
  width: calc(60% - 16px);
  flex-grow: 1;
}
.chara__group img {
  display: block;
  position: relative;
}
.chara__group img:nth-of-type(1) {
  width: 98px;
  margin-bottom: 10px;
}
.chara__group img:nth-of-type(2) {
  width: 150px;
  margin-bottom: 8px;
}
.chara__group img:nth-of-type(3) {
  width: 150px;
  height: auto;
  margin-bottom: 9px;
}
.chara__group.awawa img:nth-of-type(2) {
  width: 111px;
  margin-left: 20px;
  margin-bottom: -5px;
}
.chara__group.happymarch img:nth-of-type(2) {
  width: 95px;
  margin-left: 20px;
  margin-bottom: -10px;
}
.chara__group.loveberry img:nth-of-type(2) {
  width: 135px;
  margin-left: 15px;
  margin-bottom: 10px;
}
.chara__group.spongebob img:nth-of-type(2) {
  width: 109px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.chara__group.ochaken img:nth-of-type(2) {
  width: 53px;
  margin-left: 30px;
  margin-bottom: 10px;
}
.chara__group.carebears img:nth-of-type(2) {
  width: 68px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.chara__group.gloomy img:nth-of-type(2) {
  width: 85px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.chara__group.kanahei img:nth-of-type(2) {
  width: 68px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.chara__group.hoppe img:nth-of-type(2) {
  width: 119px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.chara__text {
  padding: 0 20px 0;
  font-size: 12px !important;
}
@media screen and (max-width: 376px) {
  .chara__text {
    font-size: 11px !important;
  }
}
.chara__text span {
  padding-bottom: 4px;
  border-bottom: solid 1px #333;
  display: block;
  margin-bottom: 4px;
}

.special {
  margin: 35px 15px 26px;
}
.special__box {
  border-radius: 25px;
  background-color: #fff;
  border: solid 2px #ff7cb1;
  overflow: hidden;
}
.special__app {
  margin: 20px auto 15px;
  border-radius: 15px;
  color: #ff7cb1;
  border: solid 1.5px #ff7cb1;
  text-align: center;
  width: 244px;
  font-size: 13px !important;
  font-weight: 600;
}
.special__heading {
  margin-bottom: 5px;
  font-size: 18px !important;
  font-weight: 700;
  color: #ef018a;
  text-align: center;
  line-height: 1.4;
}
.special__text {
  font-size: 12px !important;
  width: 300px;
  margin: 0 auto 12px;
}
.special__annotation {
  margin: 16px auto 0;
  width: 320px;
}
.special__annotation li {
  font-size: 12px !important;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.4;
}
.special__annotation li:last-child {
  margin-bottom: 0;
}
.special__annotation li::before {
  content: "※";
  position: relative;
  top: 0;
  left: 0;
}

.tokuten {
  margin: 40px 15px 0;
}
.tokuten__box {
  overflow: hidden;
}
.tokuten__ttl {
  margin: 0 auto 15px;
  padding: 10px 0;
  border-radius: 15px 15px 0 0;
  color: #fff;
  background-color: #4DC5FF;
  text-align: center;
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: 3px;
}
.tokuten__heading {
  margin: 0 auto 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.tokuten__txtbox {
  padding: 0 10%;
}

.sl {
  padding: 75px 0 90px;
  background: url(../img/clover.png) center top no-repeat;
  background-size: 142px 29px;
}
.sl__list li {
  margin-bottom: 30px;
}
.sl__list li .sl__name.bonbondrop {
  width: 187px;
}
.sl__list li .sl__name.sanhouseki {
  width: 320px;
}
.sl__list li .sl__name.swimmer {
  width: 138px;
}
.sl__list li .sl__name.skinnydip {
  width: 248px;
}
.sl__list li:last-child {
  margin-bottom: 0;
}
.sl__img {
  margin: 0 40px 16px;
}
.sl__img span {
  position: absolute;
  top: -11px;
  left: -15px;
  width: 43px;
  height: auto;
}
.sl__name {
  margin: 0 auto 12px;
}
.sl__text {
  font-size: 13px !important;
  text-align: center;
  font-weight: 600;
  margin: 0 30px 10px;
}
@media screen and (max-width: 768px) {
  .sl__text {
    margin: 0 30px 10px;
  }
}
.sl__human {
  margin: -40px 12px 0 30px;
  display: flex;
  align-items: flex-end;
  pointer-events: none;
}
.sl__human img {
  display: block;
}
.sl__human img:nth-of-type(1) {
  width: 68%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.sl__human img:nth-of-type(2) {
  width: 37%;
  height: auto;
  margin-left: -16px;
}
.sl__btn {
  margin: 17px auto 0;
}
.sl__btn a {
  position: relative;
  width: 134px;
  height: 34px;
  margin: 0 auto;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.sl__btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  transition: 0.4s ease-in-out;
}
.sl__btn:hover a {
  opacity: 1;
}
.sl__btn:hover img:nth-of-type(2) {
  opacity: 0;
}
.sl__annotation {
  margin: 0 auto;
  width: 344px;
  font-size: 12px !important;
}
@media screen and (max-width: 768px) {
  .sl__annotation {
    width: 304px;
  }
}

.sp__burger {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp__burger {
    background-color: #80C42D;
    width: 42px;
    height: 42px;
    position: fixed;
    top: 112px;
    right: -2%;
    z-index: 5;
    margin-left: auto;
    margin-right: 16px;
    border-radius: 50%;
    gap: 10px;
    display: block;
    cursor: pointer;
  }
}
.sp__burger span {
  position: absolute;
  width: 16px;
  height: 2px;
  border-radius: 50px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
.sp__burger span:nth-child(1) {
  top: 16px;
}
.sp__burger span:nth-child(2) {
  top: 26px;
}
.sp__burger.is-active {
  z-index: 111;
}
.sp__burger.is-active span {
  width: 20px;
  left: 53%;
}
.sp__burger.is-active span:nth-child(1) {
  transform: translateX(-50%) rotate(30deg);
  transform-origin: left;
}
.sp__burger.is-active span:nth-child(2) {
  transform: translateX(-50%) rotate(-30deg);
  transform-origin: left;
}
.sp__burger.is-active span:nth-child(3) {
  display: none;
}

.sp__menu {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp__menu {
    opacity: 0;
    pointer-events: none;
    justify-content: flex-start;
    flex-flow: column;
    gap: 30px;
    background-image: url(../img/sp-bg2.png), url(../img/sp-bg_dog1.png), url(../img/sp-bg_dog2.png), url(../img/sp-bg.png);
    background-position: top 130px center, top 160px right, bottom 0px left, top 55px center;
    background-repeat: no-repeat;
    background-size: 95% auto, 24% auto, 38% auto, cover;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    overflow: auto;
    display: flex;
    transition: all 0.3s ease;
  }
  .sp__menu.is-active {
    opacity: 1;
    pointer-events: all;
    z-index: 110;
  }
}

.sp__img {
  width: 225px;
  height: auto;
  margin: 18vh auto 0;
}

.sp__anchor {
  width: 232px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 27px;
}
.sp__anchor li a[href="#tokimeki"] {
  display: block;
  position: relative;
}
.sp__anchor li a[href="#market"] {
  display: block;
}

.sp__human {
  margin-top: auto;
}

.anchor {
  opacity: 0;
  transition: all 0.3s ease;
}
.anchor.is-active {
  opacity: 1;
}

.splide__pagination {
  display: flex;
  place-items: center;
  position: absolute;
  top: 310px;
  left: 2%;
  right: auto;
  gap: 16px;
  margin: 0 32px;
}
@media screen and (max-width: 768px) {
  .splide__pagination {
    left: 0;
    max-width: 100%;
    margin: 0 5%;
  }
}
.splide__pagination li {
  width: 51px;
  height: 51px;
}
.splide__pagination li button {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 11px;
  border: solid 1px #333;
}
.splide__pagination li button.is-active {
  border: solid 2px #80C42D;
}
.splide__pagination li:nth-of-type(1) button {
  background: url(../img/profile-page1.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(2) button {
  background: url(../img/profile-page2.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(3) button {
  background: url(../img/profile-page4.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(4) button {
  background: url(../img/profile-page9.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(5) button {
  background: url(../img/profile-page10.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(6) button {
  background: url(../img/profile-page11.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(7) button {
  background: url(../img/profile-page13.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(8) button {
  background: url(../img/profile-page14.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(9) button {
  background: url(../img/profile-page15.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__pagination li:nth-of-type(10) button {
  background: url(../img/profile-page16.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.splide__slide {
  width: 100%;
}
.splide__arrow {
  position: absolute;
  z-index: 2;
  top: 130px;
  cursor: pointer;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow--prev {
  left: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23333;%7D.b%7Bfill:%23fff;stroke:rgba(0,0,0,0);stroke-miterlimit:10;font-size:13px;font-family:NotoSansJP-Regular,%20Noto%20Sans%20JP;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(93 4637) rotate(180)'%3E%3Ccircle class='a' cx='13' cy='13' r='13' transform='translate(67 4611)'/%3E%3Ctext class='b' transform='translate(80.5 4628.5)'%3E%3Ctspan x='-6.5' y='0'%3E%E2%86%92%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  width: 26px;
  height: 26px;
}
.splide__arrow--next {
  right: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23333;%7D.b%7Bfill:%23fff;stroke:rgba(0,0,0,0);stroke-miterlimit:10;font-size:13px;font-family:NotoSansJP-Regular,%20Noto%20Sans%20JP;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(93 4637) rotate(180)'%3E%3Ccircle class='a' cx='13' cy='13' r='13' transform='translate(67 4611)'/%3E%3Ctext class='b' transform='translate(80.5 4628.5)'%3E%3Ctspan x='-6.5' y='0'%3E%E2%86%92%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  width: 26px;
  height: 26px;
  transform: rotate(180deg);
}/*# sourceMappingURL=styles.css.map */