.articleContent {
  padding: 24px 16px 0 16px;
}

@media (min-width: 769px) {
  .articleContent {
    margin-top: 40px;
    padding: 0;
  }
}

.articleTitleArea {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.5;
}

.articleTitleArea h1 {
  font-size: 18px;
}

.articleBody {
  margin-top: 24px;
}
.articleBody h1 {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 1.5;
  color: #383838;
}
 
.articleBody h2 {
  margin: 24px 0 8px;
  font-size: 16px;
  line-height: 1.5;
  color: #383838;
 }
 
.articleBody h3 {
  font-size: 14px;
  margin: 16px 0 8px;
  line-height: 1.5;
  color: #383838;

}

.articleBody p {
  font-size: 14px;
  line-height: 1.8;
  color: #383838;
}

.articleBody ul,
.articleBody ol {
  margin: 1em 0;
  padding-left: 1.5em;
  list-style-position: outside;
  line-height: 1.8;
  color: #383838;
}
.articleBody ul>li {
  list-style-type: disc;
}

.articleBody ol>li {
  list-style-type: decimal;
}

.articleBody li + li {
  margin-top: 8px;
}

.articleBody pre {
  font-family: Hiragino sans-serif;
  font-size: 12px;
  color: #807B77;
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.8;
}

.articleBody img {
  margin: 16px 0 24px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 769px) {
  .articleBody img {
    max-width: none;
    height: auto;
  }
}

.articleBody table {
  margin: 16px 0 24px;
  width: 100%;
  border-collapse: collapse;
  color: #807B77;
}

.articleBody th {
  background: #f9f8f6;
  padding: 16px 12px;
  text-align: left;
  font-weight: normal;
  border: 1px solid #e6e6e1;
}

.articleBody td {
  border: 1px solid #e6e6e1;
  padding: 16px 12px;
}

.feedbackWrap {
  margin-top: 40px;
  border: 1px solid #EEEEEA;
  padding: 24px;
  border-radius: 4px;

}

.feedbackTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.feedbackText {
  margin-top: 16px;
  line-height: 1.8;
}
.feedbackAnswer,
.feedbackThanks {
  margin: 24px auto 0 auto;
  max-width: 100%;
}

@media (min-width: 769px) {
  .feedbackAnswer,
  .feedbackThanks
    {
      max-width: 280px;
    }
}

.feedbackAnswer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.btn {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 16px;
}

.feedbackBtn,
.topBackBtn{
  border: 1px solid #CBC8C4;
  background: #FAF9F7;
  width: 100%;
}

/* YESクリック後 */
.feedbackThanks {
  display: none;
}
.feedbackThanksMsg {
  gap: 8px;
  background: #FFF7EA;
  border: 1px solid #FFF7EA;
  font-size: 14px;
}
.feedbackThanksBtn {
  border: 1px solid #F77C3A;
  background: #FFF;
  color: #F77C3A !important;
  font-weight: bold;
  margin-top: 16px;
}


.is-hidden { display: none !important; }
.is-block { display: block !important; }

.topBackBtnArea {
  width: auto;
  margin: 40px 16px;
}

@media (min-width: 769px) {
  .topBackBtnArea {
    width: 280px;
    margin: 40px auto 0 auto;
  }
}

.topBackBtn {
  width: auto;
  color: #383838 !important;
}