@media only screen and (max-width: 767px) {
  .postContent p {
    padding-bottom: 0;
  }
  .pnkzArea {
    padding: 0 0 30px 0;
  }
}
@media print, screen and (min-width: 768px) {
  #mainContent {
    overflow-x: initial !important;
    overflow-y: initial !important;
  }
  .postContent p {
    padding-bottom: 0;
  }
  .pnkzArea {
    padding: 0 0 10px 0;
  }
  .pnkzArea .commonWidth {
    width: auto;
  }
}
.secMainArea {
  position: relative;
}
.secMainArea .textCol .date {
  font-size: 12px;
  color: #8E8E8E;
}
.secMainArea .textCol .title {
  font-family: "Shippori Mincho B1", serif;
  font-size: 20px;
  padding: 56px 0 54px 0;
}
.secMainArea .textCol .workInfo {
  color: #707070;
}
.secMainArea .textCol .categoryRow {
  display: flex;
  flex-wrap: wrap;
}
.secMainArea .textCol .categoryRow .cat {
  padding-left: 14px;
  background: url(../../shared/images/icon_circle_gray.svg) left center no-repeat;
  background-size: 6px;
  color: #707070;
}
.secMainArea .imgCol .subImgArea {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .secMainArea {
    padding: 0 0 50px 0;
  }
  .secMainArea .textCol {
    padding: 0 0 50px 0;
  }
  .secMainArea .textCol .title {
    font-size: clamp(14px, 5.13vw, 20px);
    padding: 10px 0 10px 0;
  }
  .secMainArea .textCol .workInfo {
    padding: 22px 0 16px 0;
  }
  .secMainArea .textCol .workInfo .workTitle {
    font-size: 13px;
  }
  .secMainArea .textCol .workInfo .workData {
    font-size: 13px;
  }
  .secMainArea .textCol .categoryRow {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 4px;
  }
  .secMainArea .textCol .categoryRow .cat {
    font-size: 12px;
  }
  .secMainArea .imgCol .mainImgArea {
    padding: 0 0 70px 0;
  }
  .secMainArea .imgCol .subImgArea {
    row-gap: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  .secMainArea {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 220px 0;
  }
  .secMainArea .textCol {
    flex-shrink: 0;
    position: sticky;
    top: 120px;
    z-index: 10;
    height: -moz-fit-content;
    height: fit-content;
    width: min(22%, 236px);
  }
  .secMainArea .textCol .title {
    font-size: clamp(14px, 1.67vw, 20px);
    padding: 10px 0 54px 0;
  }
  .secMainArea .textCol .workInfo {
    padding: 22px 0 16px 0;
  }
  .secMainArea .textCol .workInfo .workTitle {
    font-size: 13px;
  }
  .secMainArea .textCol .workInfo .workData {
    font-size: 13px;
  }
  .secMainArea .textCol .categoryRow {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 4px;
  }
  .secMainArea .textCol .categoryRow .cat {
    font-size: 12px;
  }
  .secMainArea .imgCol {
    width: min(75%, 890px);
  }
  .secMainArea .imgCol .mainImgArea {
    padding: 0 0 116px 0;
  }
  .secMainArea .imgCol .subImgArea {
    row-gap: 87px;
  }
}/*# sourceMappingURL=style.css.map */