@charset "UTF-8";
.rule {
  margin: 3em auto;
}

.rule .rule_box {
  padding-right: 1em;
  padding-bottom: 1em;
  border-bottom: dashed 1px #212325;
}

.rule h2 {
  text-align: center;
}

.rule .rule_body li {
  margin-bottom: 0.8em;
}

.help {
  margin-top: 5em;
}

.help h2 {
  text-align: center;
}

.help .help_body {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.help .help_category h3 {
  padding-left: 0.5em;
  border-bottom: solid 1px;
}

.help .help_group h4 {
  cursor: pointer;
  background-image: url(https://emoor.itembox.design/item/common/img/footer/plus.png);
  background-color: #E5E5E5;
  background-repeat: no-repeat;
  background-size: 20px 26px;
  background-position: 96% center;
  padding: 0.5em 2.5em 0.5em 0.8em;
  margin: 0;
  border-bottom: solid 1px #fff;
}

.help .help_group h4.click_on {
  background-image: url(https://emoor.itembox.design/item/common/img/footer/minus.png);
}

.help .group_box {
  padding: 0.8em;
}

.help .help_q {
  cursor: pointer;
  padding: 0.5em 0.8em 0.5em 2.5em;
  position: relative;
  font-size: 1em;
  margin: 0.5em auto;
}

.help .help_q::before {
  content: '▶︎';
  position: absolute;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 0.5em;
  left: 1em;
}

.help .help_q.click_on::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.help .help_a {
  padding: 0.5em;
}

.howto {
  margin-top: 4em;
  padding: 2em 0;
}

.howto h2 {
  text-align: center;
}

.howto .howto_image {
  width: 100%;
  max-width: 600px;
  margin: auto;
  margin-bottom: 5em;
}

.button_sec {
  text-align: center;
  margin-bottom: 3em;
}

.button_sec button {
  margin: auto;
  width: 60%;
  max-width: 200px;
  padding: 0.5em 1em;
}

@media screen and (min-width: 500px) {
  .rule .rule_box {
    padding: 0.5em 3em 2em 1em;
    width: 90%;
    max-width: 800px;
    margin: auto;
    background: #E5E5E5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
  }
}
/*# sourceMappingURL=help.css.map */