@charset "utf-8";

/*======================================================
	Original style
======================================================== */

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: clamp(1.6rem,4vw,2rem);
  font-weight: 500;
  font-family: "noto-sans-cjk-jp", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic",
    "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 1.7;
  word-wrap: break-word;
  transition: 0.3s;
}

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

li {
  list-style-type: none;
}

hr {
  display: none;
}

section button {
  margin: 0 auto;
}

a:hover {
  opacity: 0.6;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/*======================================================
	main
======================================================== */

.wrapper {
  padding: 1em 0;
}

.inner {
  margin: auto;
  max-width: 780px;
}

/*
footer
--------------------------------*/

footer {
  margin-top: 5em;
}

.app-dl {
  display: block;
  position: relative;
  margin: 0 auto 1.5em;
  padding: 1em 2em;
  width: 90%;
  background: #AA0979;
  text-align: center;
  color: #fff;
  font-size: clamp(2rem,4vw,4rem);
  font-weight: 700;
  line-height: 1.4;
  border-radius: 20px;
}

.dli-caret-right {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
}

.close {
  text-align: center;
  text-decoration: underline;
}

/* SP用（767.98px以下） */
@media screen and (max-width: 767.98px) {
  .wrapper {
    padding: 0 0 1em;
  }
  footer {
    margin-top: 3em;
  }
}