body,
html {
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP',
    sans-serif;
  font-size: 10px;
  line-height: 1.25;
  margin: 0;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

#root {
  padding-top: 2rem;
}

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

p {
  line-height: 23px;
  margin: 0;
  color: #333;
}

.main-img object {
  display: block;
  margin: 20px auto;
}

.container {
  padding: 24px 16px 0;
}

.main-text {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #333;
  text-align: center;
}

.main-text_2 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #eb5505;
  text-align: center;
  padding-bottom: 10px;
}

.sub-text {
  font-size: 1.4rem;
  line-height: 23px;
  margin: 0;
  color: #333;
  text-align: center;
}

.sub-text_2 {
  font-size: 1.4rem;
  line-height: 23px;
  margin: 0;
  color: #333;
  text-align: left;
}

.annotation {
  text-align: left;
  margin: 0 25px 140px;
  background: #fff3ed;
  color: #eb5505;
  padding: 12px 16px;
  border-radius: 10px;
}

.button-area {
  position: fixed;
  bottom: 0;
  text-align: center;
  width: calc(100% - 40px);
  padding: 10px 20px 20px 20px;
  background: #fff;
}

.button-area_2 {
  position: fixed;
  text-align: center;
  width: calc(100% - 40px);
  padding: 10px 20px 20px 20px;
  background: #fff;
}

button {
  width: 100%;
  margin: 0 auto;
  padding: 15px 10px;
  border: 2px solid #eb5505;
  border-radius: 9px;
  color: #eb5505;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.22;
  text-align: center;
  overflow: hidden;
  background: #fff;
}

.fill {
  background: #eb5505;
  color: #fff;
}

.no-line {
  border: none;
  color: #333;
}

.disabled {
  color: #ddd;
  border: 2px solid #ccc;
}