wran,
.hint__main {
  display: block;
  margin-bottom: 1em;
  padding: 1em;
  font-size: .875em; }

wran,
.hint__wran {
  background: #fffba4; }
article {
  letter-spacing: .05em;
  font-size: 14px;
  line-height: 1.57; }
  article a:link, article a:visited {
    color: #49bc85; }
  article em, article strong {
    font-weight: bolder; }
  article h1, article h2, article h3, article h4, article h5, article h6 {
    line-height: 1.5; }
  article h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4; }
  article h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    padding-top: 24px; }
  article h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-top: -8px;
    padding-top: 24px; }
  article p, article ol, article ul {
    margin-top: 8px; }
  article img {
    display: block;
    max-width: 100%;
    border: 1px solid #f3f7f7;
    margin: 8px 0 24px 0; }
  article iframe, article video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid #f3f7f7;
    margin: 8px 0 24px 0; }
  article ul p, article ol p {
    display: inline; }
  article ul li, article ol li {
    list-style-position: inside; }
  article ol li {
    list-style-type: decimal; }
  article ul li {
    list-style-type: disc; }
  article ol ol, article ol ul, article ul ol, article ul ul {
    margin-left: 2em;
    margin-bottom: 8px; }
  article ol ol li, article ul ol li {
    list-style-type: lower-alpha; }
  article table {
    margin: 2em 0; }
    article table thead {
      background: #f3f7f7; }
  article img[src*="@w200"] {
    max-width: 200px; }
  article img[src*="@w350"] {
    max-width: 350px; }
  article img[src*="@w500"] {
    max-width: 500px; }
  article img[src*="@w800"] {
    max-width: 800px; }
  article img[src*="@w1000"] {
    max-width: 1000px; }

@media (max-width: 640px) {
  article h1 {
    line-height: 1.3; }
  article h2 {
    margin-top: 24px; }
  article h3 {
    margin-top: 12px; }
  article img[src] {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  article iframe {
    height: 15em; } }
.helpfeedback__feedback {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .helpfeedback__feedback .helpfeedback__highlight-text {
    color: #49bc85; }
  .helpfeedback__feedback [data-show-negative], .helpfeedback__feedback [data-show-positive] {
    display: none; }
  .helpfeedback__feedback[data-status="positive"] [data-show-positive] {
    display: initial; }
  .helpfeedback__feedback[data-status="positive"] .helpfeedback__positive-btn {
    color: #49bc85; }
    .helpfeedback__feedback[data-status="positive"] .helpfeedback__positive-btn .helpfeedback__icon-plain {
      display: none; }
    .helpfeedback__feedback[data-status="positive"] .helpfeedback__positive-btn .helpfeedback__icon-hl {
      display: initial; }
  .helpfeedback__feedback[data-status="negative"] [data-show-negative] {
    display: initial; }
  .helpfeedback__feedback[data-status="negative"] .helpfeedback__negative-btn {
    color: #49bc85; }
    .helpfeedback__feedback[data-status="negative"] .helpfeedback__negative-btn .helpfeedback__icon-plain {
      display: none; }
    .helpfeedback__feedback[data-status="negative"] .helpfeedback__negative-btn .helpfeedback__icon-hl {
      display: initial; }
  .helpfeedback__feedback h3 {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 1.57; }
  .helpfeedback__feedback .helpfeedback__feedback-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 16px; }
    .helpfeedback__feedback .helpfeedback__feedback-select button {
      width: 104px;
      height: 36px;
      background: #f5f5f5;
      border-radius: 4px;
      color: #7f7f7f;
      border: none;
      font-size: 12px;
      line-height: 1.67;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .helpfeedback__feedback .helpfeedback__feedback-select button + button {
        margin-left: 16px; }
      .helpfeedback__feedback .helpfeedback__feedback-select button .helpfeedback__icon-hl {
        display: none; }
      .helpfeedback__feedback .helpfeedback__feedback-select button .helpfeedback__icon {
        width: 16px;
        height: 16px;
        margin-right: 8px; }

.helpfeedback__feedback-message, .helpfeedback__customer-hint {
  font-size: 14px;
  line-height: 1.57;
  margin-top: 24px; }

.helpfeedback__feedback-message {
  color: #9f9f9f; }

.helpfeedback__customer-hint {
  display: block; }
.helppart__iframe {
  padding: 1em; }

.helppart__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: normal;
  -ms-flex-pack: center;
      justify-content: center;
  background-image: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); }
  .helppart__main ::-webkit-scrollbar {
    width: 4px;
    height: 4px; }
  .helppart__main ::-webkit-scrollbar-thumb {
    height: 200px;
    border-radius: 2px;
    background-color: #ccc; }
  .helppart__main ::-webkit-scrollbar-track {
    background: #ececec;
    border-radius: 2px; }
  .helppart__main .helppart__content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    width: 100%; }
  .helppart__main .helppart__highlight-text {
    color: #49bc85; }
  .helppart__main .helppart__article-wrap {
    background: #ffffff;
    width: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 1200px;
    padding: 24px 32px 56px; }
    .helppart__main .helppart__article-wrap .helppart__article-content {
      position: relative;
      margin-top: 24px;
      width: 100%; }
      .helppart__main .helppart__article-wrap .helppart__article-content .helppart__feedback {
        margin-top: 48px; }
      .helppart__main .helppart__article-wrap .helppart__article-content .helppart__customer-hint {
        display: block;
        font-size: 14px;
        line-height: 1.57;
        margin-top: 40px; }
  .helppart__main .helppart__article-index-wrap {
    background: #ffffff;
    position: relative;
    margin-top: 48px;
    width: 150px;
    -ms-flex-positive: 0;
        flex-grow: 0; }
    .helppart__main .helppart__article-index-wrap .helppart__article-index {
      width: 150px;
      max-height: 100vh;
      padding-top: 24px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: sticky;
      top: 0; }
      .helppart__main .helppart__article-index-wrap .helppart__article-index h3 {
        font-size: 14px;
        line-height: 1.57;
        font-weight: 500; }
      .helppart__main .helppart__article-index-wrap .helppart__article-index > ul {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        overflow: auto;
        margin-top: 10px;
        position: relative;
        padding-bottom: 2px; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index > ul:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          width: 2px;
          height: 100%;
          background: #ececec; }
      .helppart__main .helppart__article-index-wrap .helppart__article-index li {
        font-size: 14px;
        line-height: 1.57;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        position: relative;
        padding-left: 10px;
        padding-right: 16px; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index li:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          width: 2px;
          height: 24px;
          background: #ececec;
          z-index: 1; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index li.helppart__highlight-text:before {
          background: #49bc85; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index li.helppart__level-2 {
          padding-left: 18px; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index li a {
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .helppart__main .helppart__article-index-wrap .helppart__article-index li a:hover {
            color: #49bc85; }
        .helppart__main .helppart__article-index-wrap .helppart__article-index li + li {
          padding-top: 6px; }

@media (min-width: 1281px) {
  .helppart__main .helppart__content-wrap {
    width: 1200px; } }

@media (min-width: 1441px) {
  .helppart__main .helppart__content-wrap {
    width: calc(100vw - 1440px + 1200px); } }

@media (max-width: 640px) {
  .helppart__main .helppart__article-wrap {
    max-width: 100%;
    padding: 16px 16px 40px; }
    .helppart__main .helppart__article-wrap .helppart__article-content {
      margin-top: 12px; }
      .helppart__main .helppart__article-wrap .helppart__article-content .helppart__feedback {
        margin-top: 24px; }
      .helppart__main .helppart__article-wrap .helppart__article-content .helppart__customer-hint {
        margin-top: 32px; }
  .helppart__main .helppart__article-index-wrap {
    display: none; } }