* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
 }

html {
  margin: 0;
  overflow-x: hidden; 
}

html,
body {
  height: 100%;
  margin: 0 auto;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none
}
img {
  width: 100%;
  border: none;
  vertical-align: bottom
}

a {
  text-decoration: none
}
  a:link,
  a:visited {
    text-decoration: none
  }
  a:hover,
  a:active {
    color: #666666
  }
  a:focus {
    outline: none
  }
#wrapper {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  overflow: hidden
}
button:hover {
  outline: 0
}
  .contents {
    background-color: #FFEA01;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden
  }
  .img img {
    width: 100%;
  }
  .btn,
   .btn2,
   .btn3 {
    margin: 20px auto;
    text-align: center;
  }
   .btn {
    padding: 0 35px;
  }
  .btn img {
    width: 100%;
    max-width: 480px;
    animation: pururun 1.2s ease-in-out infinite;
    transform-origin: center;
  }
  .btn3 img {
    width: 100%;
    max-width: 480px;
    animation: pururun 1.2s ease-in-out infinite;
    transform-origin: center;
  }
    .btn2 img {
    width: 80%;
  }
@keyframes pururun {
  0%   { transform: scale(1) translateX(0); }
  10%  { transform: scale(1.05, 0.95) translateX(-2px); }
  20%  { transform: scale(0.95, 1.05) translateX(2px); }
  30%  { transform: scale(1.04, 0.96) translateX(-1.5px); }
  40%  { transform: scale(0.96, 1.04) translateX(1.5px); }
  50%  { transform: scale(1.02, 0.98) translateX(-1px); }
  60%  { transform: scale(0.98, 1.02) translateX(1px); }
  70%  { transform: scale(1, 1) translateX(0); }
  100% { transform: scale(1, 1) translateX(0); }
}
  .insta {
    position: relative;
    margin: 0 auto;
    z-index: 1;
  }
  .insta > .img {
    position: relative;
    margin: 0 auto;
  }
  .insta > .btn2 {
    position: absolute;
    bottom: 7%;
    margin: 0 auto;
    z-index: 2;
  }
  /* .slider-wrapper {
    position: relative;
  }
  .slider-wrapper > .img {
    position: relative;
    z-index: 1;
  }
  .swiper-box {
    position: absolute;
    bottom: 5%;
     left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 10;
  }
  .slider {
    width: 375px;
    height: 686px;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }
  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
   .jisseki {
    background: url("../images/add_bg.png") no-repeat center center / cover;
    padding: 30px 20px;
   }
   .jisseki-img1 {
    text-align: center;
   }
   .jisseki-img1 img {
    max-width: 500px;
   }
.jisseki-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 100%;
  margin-top: 20px;
}

.jisseki-flex > div {
  width: 100%;
  overflow: hidden;
}

.jisseki-flex img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.last {
  position: relative;
  background-color: #06C755;
  padding: 50px 20px;
  z-index: 1;
}
.last-box {
  background-color: white;
  border: 2px solid #FFEA01;
  border-radius: 15px;
  margin-top: 20px;
  padding: 20px 15px 0;
}
  .last > .btn {
    width: 100%!important;
  }
  .link {
    text-align: center;
    margin-top: 20px;
  }
    .link a {
      display: block;
      width: 250px;
      color: black;
      margin: 0 auto 20px;
      background-color:white;
      border-radius: 25px;
      border: 3px solid #FFEA01;
    }
    .link a:last-child {
      margin-bottom: 0;
    }