body {
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: sans-serif; /* 一般的なフォントを使用 */
}

.wrapper {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

img {
  width: 100%;
  display: block;
}

.cva {
  position: relative;
}

.cva .button, .button2, .button3, .oripa{
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.language{
  position: absolute;
  top: 15px;
  right: 20px;
  text-align: right;
  width: auto;
}

.cva .button, .button2, .button3 {
  -webkit-animation: anime1 0.8s ease 0s infinite alternate;
          animation: anime1 0.8s ease 0s infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.cva .button3 {
  bottom: 220px;
}

.cva .oripa {
  bottom: 50px;
}

.cva .button img, .button2 img, .button3 img, .oripa img{
  max-width: 83%;
  margin: 0 auto;
}

.fotter {
  padding: 3% 6%;
}

.copy {
  background-color: #A7A8A7;
  color: #fff;
  font-size: 15px;
  padding: 3%;
  text-align: center;
}

.footer-nav {
    /* リンク全体を中央寄せ */
    text-align: center;
    padding-bottom: 3%;
}

.nav-list {
    /* リストマーカーを削除 */
    list-style: none; 
    margin: 0;
    padding: 0;
    /* リンクを中央で折り返して表示 */
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
}

.nav-list li {
    /* 各リンク間の左右マージン */
    margin: 5px 10px; 
}

.nav-item {
    text-decoration: none;
    color: #fff;
    /* フォントサイズが必要であれば追加 */
}

.copy .footer-divider {
  border: none;
  border-top: 2px solid #fff;
  width: 100%;
  margin: 20px auto;
}

.copy .footer-copyright {
  font-size: 10px;
}

/*ラインナップ*/

.lu_wrapper {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.lu_wrapper .lu_contents {
  width: calc((100% - 10px) / 2);
}

.lu_text {
  font-size: small;
}

.lu_cta {
  position: relative;
}

.lu_cta .button {
  margin: 30px auto;
  text-align: center;
}

.lu_cta .button {
  -webkit-animation: anime1 0.8s ease 0s infinite alternate;
          animation: anime1 0.8s ease 0s infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.lu_cta .button img {
  max-width: 83%; /* 他のボタンと同じサイズに制限 */
  margin: 0 auto;
}

@-webkit-keyframes anime1 {
  from {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes anime1 {
  from {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
/*# sourceMappingURL=style.css.map */

/* ============================================== */
/* SEO/アクセシビリティ用 隠しテキスト (style.cssの末尾に追加) */
/* ============================================== */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}