@media print, screen and (min-width: 768px) {
  .commonTitleArea {
    padding: 0px 0 20px 0;
  }
}
.secHeadArea {
  border-bottom: solid 2px #e9e9e9;
}
.secHeadArea .postTitle {
  color: #13b9a8;
  font-weight: 700;
  line-height: 1.45;
}
.secHeadArea .categoryList {
  display: flex;
  flex-wrap: wrap;
}
.secHeadArea .categoryList .category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d6f9f1;
  color: #13b9a8;
  border-radius: 100px;
  font-weight: 500;
  line-height: 1;
}
.secHeadArea .date {
  color: #3F3F3F;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .secHeadArea {
    padding: 0 0 18px 0;
    margin: 0 0 24px 0;
  }
  .secHeadArea .postTitle {
    font-size: clamp(14px, 5.64vw, 22px);
    padding: 0 0 12px 0;
  }
  .secHeadArea .categoryList {
    column-gap: 10px;
    row-gap: 8px;
    padding: 0 0 10px 0;
  }
  .secHeadArea .categoryList .category {
    min-height: 20px;
    padding: 4px 10px;
    font-size: 13px;
  }
  .secHeadArea .date {
    font-size: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .secHeadArea {
    padding: 0 0 28px 0;
    margin: 0 0 40px 0;
  }
  .secHeadArea .postTitle {
    font-size: clamp(19px, 2.5vw, 32px);
    padding: 0 0 16px 0;
  }
  .secHeadArea .categoryList {
    column-gap: 18px;
    row-gap: 10px;
    padding: 0 0 16px 0;
  }
  .secHeadArea .categoryList .category {
    min-height: 22px;
    min-width: 140px;
    padding: 5px 18px;
    font-size: 13px;
  }
  .secHeadArea .date {
    font-size: 12px;
  }
}
.secMainImage {
  overflow: hidden;
  background: #ffffff;
}
.secMainImage .mainImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .secMainImage {
    border-radius: 0;
    aspect-ratio: 335/210;
    margin: 0 0 24px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secMainImage {
    border-radius: 0;
    aspect-ratio: 850/510;
    margin: 0 0 32px 0;
  }
}
.postDetail {
  color: #3F3F3F;
}

.secOtherArea {
  border-top: solid 2px #e9e9e9;
}
.secOtherArea .otherTitle {
  text-align: center;
  color: #3F3F3F;
  font-weight: 700;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .secOtherArea {
    margin: 34px 0 0 0;
    padding: 28px 0 0 0;
  }
  .secOtherArea .otherTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 0 0 24px 0;
  }
  .secOtherArea .commonColumnArea {
    row-gap: 28px;
  }
}
@media print, screen and (min-width: 768px) {
  .secOtherArea {
    margin: 54px 0 0 0;
    padding: 42px 0 0 0;
  }
  .secOtherArea .otherTitle {
    font-size: clamp(14px, 1.72vw, 22px);
    padding: 0 0 34px 0;
  }
  .secOtherArea .commonColumnArea {
    column-gap: clamp(32px, 4.2vw, 58px);
    row-gap: 48px;
  }
  .secOtherArea .commonColumnArea .columnItem {
    width: calc((100% - clamp(32px, 4.2vw, 58px)) / 2);
  }
}/*# sourceMappingURL=style.css.map */