.help-wrapper {
  width: 100%;
  height: auto;
}

.help-ttl {
  display: flex;
  width: 100%;
  height: auto;
  min-height: calc(100vw / 7.2);
  margin-bottom: calc(100vw / 120);
  padding-left: calc(100vw / 12);
  box-sizing: border-box;
  background-size: 100%;
  background-repeat: no-repeat;
  align-items: center;
}

.help-ttl .help-ttl-text {
  font-size: calc(100vw / 26);
  text-shadow: white calc(100vw / 360) 0px, white calc(100vw / -360) 0px, white 0px calc(100vw / -360), white 0px calc(100vw / 360), white calc(100vw / 360) calc(100vw / 360), white calc(100vw / -360) calc(100vw / 360), white calc(100vw / 360) calc(100vw / -360), white calc(100vw / -360) calc(100vw / -360), white calc(100vw / 360) calc(100vw / 360), white calc(100vw / -720) calc(100vw / 360), white calc(100vw / 720) calc(100vw / -360), white calc(100vw / -720) calc(100vw / -360), white calc(100vw / 360) calc(100vw / 720), white calc(100vw / -360) calc(100vw / 720), white calc(100vw / 360) calc(100vw / -720), white calc(100vw / -360) calc(100vw / -720), rgba(105, 128, 132, 0.7) 2px 2px 3px;
}

.help-ttl--01 {
  background-image: url("../img/help01.png");
}

.help-ttl--02 {
  background-image: url("../img/help02.png");
}

.help-ttl--03 {
  background-image: url("../img/help03.png");
}

.help-ttl--04 {
  background-image: url("../img/help04.png");
}

.help-ttl--05 {
  background-image: url("../img/help05.png");
}

.help-ttl--06 {
  background-image: url("../img/help06.png");
}

.help-ttl--07 {
  background-image: url("../img/help07.png");
}

.help-ttl--08 {
  background-image: url("../img/help08.png");
}

.help-ul {
  display: none;
  width: 100%;
  height: auto;
}

.help-ul .help-li {
  list-style: none;
  width: 100%;
  height: auto;
  margin-bottom: calc(100vw / 120);
  border: solid calc(100vw / 320) #d0ac49;
  border-radius: calc(100vw / 120);
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
}

.help-ul .help-li:last-child {
  margin-bottom: calc(100vw / 34.2);
}

.help-ul .help-li .help-li-ttl {
  display: flex;
  width: 100%;
  height: calc(100vw / 11.25);
  padding: 0 calc(100vw / 18) 0 calc(100vw / 12);
  box-sizing: border-box;
  font-size: calc(100vw / 28.8);
  align-items: center;
}

.help-ul .help-li .help-li-ttl .help-li-ttl-icon {
  width: calc(100vw / 20.5);
  height: calc(100vw / 20.5);
  background-image: url("../img/emblem.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.help-ul .help-li .help-li-ttl .help-li-ttl-text {
  margin-left: calc(100vw / 32);
  color: #a68630;
}

.help-li-ttl-arrow {
  margin-left: auto;
  border-style: solid;
  border-width: calc(100vw / 65) calc(100vw / 31 / 2) 0 calc(100vw / 31 / 2);
  border-color: #a79e84 transparent transparent transparent;
}

.help-li-ttl-arrow.active {
  margin-left: auto;
  border-width: 0 calc(100vw / 31 / 2) calc(100vw / 65) calc(100vw / 31 / 2);
  border-style: solid;
  border-color: transparent transparent #a79e84 transparent;
}

.help-inner-wrapper {
  display: none;
  margin: 0 calc(100vw / 36);
  padding: calc(100vw / 48) 0 calc(100vw / 36);
  border-top: #849898 dotted calc(100vw / 270);
  box-sizing: border-box;
  font-size: calc(100vw / 31.3);
  line-height: calc(100vw / 31.3 * 1.5);
}

.help-inner-wrapper .help-inner-text {
  margin-bottom: calc(100vw / 42);
  padding-left: 2%;
  box-sizing: border-box;
  color: #a68630;
}

.help-inner-wrapper .help-inner-text:last-child {
  margin-bottom: 0;
}