/* Sakura.css v1.0.0
 * ================
 * Minimal css theme.
 * Project: https://github.com/oxalorg/sakura
 */


/*--共通--*/
html {
  font-size: 62.5%;
  font-family: Hiragino Sans,
    "ヒラギノ角ゴシック"
    /*, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", YuGothic, "游ゴシック", Meiryo, "メイリオ",
    Verdana, "ＭＳ Ｐゴシック", sans-serif*/
  ;
}

body {
  max-width: 94rem;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 2rem;
  letter-spacing: 0.1rem;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*--共通終わり--*/


#page-1,
#page-2,
#page-3,
#page-4 {
  text-align: center;
  background-color: #fff;
  max-width: 94rem;
  justify-content: center;
  align-content: center;
  padding: 3rem;
  border-radius: 10px;
}

.page-1--contents,
.page-2--contents,
.page-3--contents,
.page-4--contents {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.page-1--contents p,
.page-2--contents p,
.page-3--contents p,
.page-4--contents p {
  color: #4A4A4A;
  font-size: 3.2rem;
  font-weight: 900;
}

.page-1--contents p span,
.page-2--contents p span,
.page-3--contents p span,
.page-4--contents p span {
  color: #4A4A4A;
  font-size: 2.2rem;
}

.page-1--contents p img {
  color: #4A4A4A;
  width: 80%;
}

.page-1--contents h1,
.page-2--contents h1,
.page-3--contents h1,
.page-4--contents h1 {
  color: #4A4A4A;
  font-size: 3.2rem;
  font-weight: 700;
}

.page-1--contents h2,
.page-2--contents h2,
.page-3--contents h2,
.page-4--contents h2 {
  color: #4A4A4A;
  font-size: 2rem;
  font-weight: 700;
}

.page-1--contents ul,
.page-2--contents ul,
.page-3--contents ul,
.page-4--contents ul {
  list-style: none;
  color: #4A4A4A;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
  padding: 0;
}

.page-1--contents ul li,
.page-2--contents ul li,
.page-3--contents ul li,
.page-4--contents ul li {
  color: #4A4A4A;
  font-size: 1.4rem;
  text-align: left;
  padding: 1rem 0;
}

.btn #set-paripi,
#connect,
#reload,
#update {
  width: 25rem;
  height: 7rem;
  background-color: #38B291;
  border-radius: 1rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin: 2rem 2rem;
}

.btn #set-paripi,
#connect :hover {
  background-color: #48C1A0;
}

.btn #back {
  width: 25rem;
  height: 7rem;
  background-color: #ADADAD;
  border-radius: 1rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin-right: 2rem;
}

ul.firm-list {
  border: medium solid #4A4A4A;
}

li.firm-active {
  background-color: rgb(242, 238, 238);
}

progress {
  height: 50px;
  width: 276px;
  background-color: #FF6583;
  margin-top: 4rem;
}
progress::-webkit-progress-value { background: #FF6583; } ;