.secPost .secPostIn {
  margin: 0 auto;
}
.secPost .secPostIn .titleArea {
  font-weight: bold;
}
.secPost .secPostIn .tagArea {
  display: flex;
  flex-wrap: wrap;
}
.secPost .secPostIn .tagArea__chap {
  border: 1px solid #C1A87D;
  color: #C1A87D;
  display: inline-block;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .secPost .secPostIn {
    padding: 43px 0 51px 0;
  }
  .secPost .secPostIn .titleArea {
    font-size: 28px;
    line-height: 150%;
    margin: 0 auto;
    width: 89.33%;
  }
  .secPost .secPostIn .tagArea {
    gap: 10px;
    margin: 0 auto;
    margin-top: 16px;
    width: 89.33%;
  }
  .secPost .secPostIn .tagArea__chap {
    font-size: 19px;
    padding: 1px 2px 4px 2px;
  }
  .secPost .secPostIn .ogpArea {
    margin: 21px 0 0 0;
  }
  .secPost .secPostIn .editor-styles-wrapper {
    margin: 50px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secPost .secPostIn {
    padding: 70px 0 48px 0;
    max-width: 1200px;
    width: 85.71%;
  }
  .secPost .secPostIn .titleArea {
    font-size: 45px;
    line-height: 155.5555555556%;
  }
  .secPost .secPostIn .tagArea {
    gap: 10px;
    margin: 15px 0 0 0;
  }
  .secPost .secPostIn .tagArea__chap {
    font-size: 19px;
    padding: 2px 0 4px 3px;
  }
  .secPost .secPostIn .ogpArea {
    margin: 50px 0 0 0;
  }
  .secPost .secPostIn .editor-styles-wrapper {
    margin: 80px 0 0 0;
  }
}