main > section.guide-content {
  max-width: 920px;
  margin: 0 auto;
}

.guide-accordion-sub > div {
  margin-bottom: 30px;
}

.guide-accordion-sub > div ul,
.guide-accordion-sub > div ol,
.guide-accordion-sub > ul,
.guide-accordion-sub > ol,
.guide-section-sub ul,
.guide-section-sub ol {
  padding-left: 1em;
}

.guide-accordion-sub > div li {
  margin-bottom: 8px;
}

.guide-accordion-wrap {
  padding-top: 40px;
}
h1 + .guide-accordion-wrap {
  padding-top: 0;
}
.guide-accordion-block {
  position: relative;
  padding-bottom: 10px;
}
.guide-accordion-block:last-child {
  padding-bottom: 0;
}
.guide-accordion-title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 50px;
  font-size: 2.4rem;
  font-weight: var(--font-normal);
  line-height: 1.25;
  vertical-align: bottom;
  border: solid var(--color-main);
  border-width: 1px 1px 1px 25px;
  cursor: pointer;
}
.guide-accordion-title::after,
.guide-accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin: auto;
  width: 20px;
  height: 3px;
  background-color: var(--color-main);
  transform: translateY(-50%);
  transition: all 0.3s;
}
.guide-accordion-title::after {
  transform: translateY(-47%) rotate(90deg);
}
.guide-accordion-title.on::after {
  transform: translateY(-50%) rotate(0deg);
}
.guide-accordion-main {
  display: none;
  padding: 20px 15px 30px 40px;
}
.guide-accordion-main img {
  vertical-align: bottom;
}
.guide-accordion-block:last-child > .guide-accordion-main {
  padding-bottom: 0;
}
.guide-accordion-sub {
  padding-bottom: 1.5em;
}
.guide-accordion-sub:last-child {
  padding-bottom: 0;
}
.guide-accordion-sub img {
  vertical-align: bottom;
}
.guide-accordion-subtitle {
  font-size: 2rem;
  font-weight: var(--font-bold);
}
.guide-accordion-subtitle.normal {
  font-weight: var(--font-normal);
}
.guide-accordion-subtitle.blue {
  color: var(--color-main);
}
.guide-accordion-subtitle.red {
  color: var(--text-red);
}
.guide-accordion-label {
  font-size: 1.6rem;
  font-weight: var(--font-bold);
}
.guide-text_blue {
  color: var(--color-main);
}
.guide-text_red {
  color: var(--text-red);
}
.guide-text_red2 {
  color: var(--text-red);
}
.guide-accordion-operation {
  padding-bottom: 40px;
}
.guide-accordion-operation:last-child {
  padding-bottom: 0;
}
.guide-accordion-operation.set_sp {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 440px;
}
.guide-accordion-operation.set_pc {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 820px;
}
.guide-accordion-subtitle.set_pb,
.guide-accordion-operation p,
.guide-accordion-operation img {
  padding-bottom: 20px;
}
.guide-accordion-operation *:last-child {
  padding-bottom: 0;
}

.guide-detail {
  white-space: nowrap;
}

.guide-content {
  padding: 3px;
}
.guide-pdf {
  width: 100%;
  height: 680px;
}
@media screen and (max-width: 960px) {
  .guide-accordion-title {
    min-height: calc(45px + 15 * ((100vw - 520px) / 440));
    padding-left: 10px;
    font-size: calc(1.6rem + 8 * ((100vw - 520px) / 440));
    border-left-width: 18px;
  }
  .guide-accordion-subtitle {
    font-size: calc(1.6rem + 4 * ((100vw - 520px) / 440));
  }
  .guide-accordion-main {
    padding-left: 28px;
  }
  .guide-pdf {
    height: 480px;
  }
}

@media screen and (max-width: 520px) {
  .guide-accordion-title,
  .guide-accordion-subtitle {
    font-size: 1.6rem;
  }
  .guide-accordion-title {
    min-height: 45px;
  }
}