body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background: #e8e8e8;
}

.wrapper {
  margin-top: 2vh;
  text-align: center;
}

.step_line img {
  width: min(90%, 450px);
  height: auto;
  aspect-ratio: 10/15;
}

.line_account_title {
  font-weight: 900;
  font-size: min(8vw, 30px);
  margin: 3vh auto;
  color: #00ae49;
}
.line_account_title img {
  margin-top: 1vh;
  width: min(80%, 300px);
}

.sentence {
  font-weight: bold;
  margin-bottom: 25px;
}

.text_2 {
  font-size: clamp(12px, 5vw, 25px);
  margin-bottom: 25px;
  white-space: nowrap;
  width: 100%;
}

.add_line {
  font-weight: bold;
  font-size: min(6.5vw, 28px);
  padding: 1.2rem 1rem;
  background-color: #00ae49;
  background-image: linear-gradient(0deg, #006a2c, #00ae49);
  color: #fff;
  border-radius: 50px;
  width: min(80%, 400px);
  margin: 0 auto 1.5rem;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.footer {
  margin-top: 30px;
  background-color: #e0e0e0;
  font-size: clamp(6px, 4vw, 12px);
  padding: 10px 0;
  line-height: 1rem;
  overflow-wrap: anywhere;
}

.color_1 {
  color: #008136;
}

.color_2 {
  color: #505050;
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

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

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}