:root {
  --vw: 1vw;
}


.contents article {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: min(2.86 * var(--vw), 55px);
  padding-right: min(2.86 * var(--vw), 55px);
  /* ---------------------------------------------------------
  .post-area
  ----------------------------------------------------------*/
}
.contents article .post-area {
  position: relative;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: flex-start;
  gap: min(3.12 * var(--vw), 60px) 0;
  padding-bottom: min(1.56 * var(--vw), 30px);
  margin-top: min(3.12 * var(--vw), 60px);
  background-image: repeating-linear-gradient(90deg, #d1d3d2, #d1d3d2 4px, transparent 4px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media screen and (max-width: 768px) {
  .contents article .post-area {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: calc(5.33 * var(--vw));
    margin-top: calc(10.66 * var(--vw));
  }
}
.contents article .post-area time {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: min(1.14 * var(--vw), 22px);
  padding: min(0.31 * var(--vw), 6px) 0;
  margin-right: min(1.04 * var(--vw), 20px);
}
@media screen and (max-width: 768px) {
  .contents article .post-area time {
    font-size: calc(4.26 * var(--vw));
    padding: calc(1.6 * var(--vw)) 0;
    margin-right: calc(2.66 * var(--vw));
  }
}
.contents article .post-area .cat {
  display: flex;
  gap: min(0.31 * var(--vw), 6px);
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .contents article .post-area .cat {
    gap: 0 calc(1.6 * var(--vw));
  }
}
.contents article .post-area .cat span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.93 * var(--vw), 18px);
  font-weight: bold;
  padding: min(0.31 * var(--vw), 6px) min(0.52 * var(--vw), 10px);
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .contents article .post-area .cat span {
    width: auto;
    height: auto;
    font-size: calc(2.93 * var(--vw));
    padding: calc(1.6 * var(--vw)) calc(2.66 * var(--vw));
  }
}
.contents article .post-area a {
  color: #000;
}
@media screen and (max-width: 768px) {
  .contents article .post-area a:last-child .txt {
    margin-bottom: 0;
  }
}
.contents article .post-area .txt {
  font-size: min(1.04 * var(--vw), 20px);
  line-height: 1.6;
  margin-left: min(1.04 * var(--vw), 20px);
}
@media screen and (max-width: 768px) {
  .contents article .post-area .txt {
    width: 100%;
    font-size: calc(4.26 * var(--vw));
    font-weight: 700;
    margin: calc(1.6 * var(--vw)) 0 calc(10.66 * var(--vw)) 0;
  }
}
.contents article .post-area .txt::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, #d1d3d2, #d1d3d2 4px, transparent 4px, transparent 6px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  margin-top: min(-1.57 * var(--vw), -30px);
}
@media screen and (max-width: 768px) {
  .contents article .post-area .txt::before {
    margin-top: calc(-14.67 * var(--vw));
  }
}
.contents article .tab-list {
  display: flex;
  justify-content: center;
  gap: 0 min(0.52 * var(--vw), 10px);
  margin-top: min(1.04 * var(--vw), 20px);
}
@media screen and (max-width: 768px) {
  .contents article .tab-list {
    flex-wrap: wrap;
    gap: calc(2.66 * var(--vw));
    margin: calc(5.33 * var(--vw)) 0 0;
  }
}
.contents article .tab-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(10.41 * var(--vw), 200px);
  height: min(2.81 * var(--vw), 54px);
  font-size: min(0.93 * var(--vw), 18px);
  font-weight: bold;
  text-decoration: none;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .contents article .tab-list a {
    width: calc(42.66 * var(--vw));
    width: auto;
    font-size: calc(4.26 * var(--vw));
    padding: calc(3.73 * var(--vw)) calc(4.26 * var(--vw));
  }
}
.contents article .tab-list a.is-cr {
  color: #fff;
  background-color: #000;
}
.contents article .cat-all {
  color: #000;
  border: 1px solid #000;
}
.contents article .cat-news {
  color: #00B13F;
  border: 1px solid #00B13F;
}
.contents article .cat-news.is-cr {
  background-color: #00B13F !important;
}
.contents article .cat-seminar {
  color: #f0813c;
  border: 1px solid #f0813c;
}
.contents article .cat-seminar.is-cr {
  background-color: #f0813c !important;
}
.contents article .cat-nursing {
  color: #ee408d;
  border: 1px solid #ee408d;
}
.contents article .cat-nursing.is-cr {
  background-color: #ee408d !important;
}
.contents article .cat-red {
  color: #ea3223;
  border: 1px solid #ea3223;
}
.contents article .cat-red.is-cr {
  background-color: #ea3223 !important;
}

/* ---------------------------------------------------------
.post-detail
----------------------------------------------------------*/
.post-detail .contents article {
  padding-top: min(17.44 * var(--vw), 335px);
}
@media screen and (max-width: 768px) {
  .post-detail .contents article {
    padding-top: calc(26.66 * var(--vw));
  }
}
.post-detail .contents article::before {
  padding-top: min(17.44 * var(--vw), 335px);
}
@media screen and (max-width: 768px) {
  .post-detail .contents article::before {
    padding-top: calc(26.66 * var(--vw));
  }
}
.post-detail .post-header, .single .post-header {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: min(1.82 * var(--vw), 35px) 0;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  margin-top: min(5.2 * var(--vw), 100px);
}
@media screen and (max-width: 768px) {
  .post-detail .post-header, .single .post-header {
    display: grid;
    padding: calc(3.46 * var(--vw)) 0;
    margin-top: calc(8 * var(--vw));
  }
}
.post-detail .post-header time, .single .post-header time {
  grid-column: 1;
  grid-row: 1/3;
  font-size: min(1.25 * var(--vw), 24px);
  font-weight: bold;
  color: #7d7d7d;
  margin-right: min(2.91 * var(--vw), 56px);
}
@media screen and (max-width: 768px) {
  .post-detail .post-header time, .single .post-header time {
    grid-row: 1;
    font-size: calc(4.26 * var(--vw));
    font-weight: 700;
    margin-right: calc(2.66 * var(--vw));
  }
}
.post-detail .post-header .cat, .single .post-header .cat {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  gap: min(0.31 * var(--vw), 6px);
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: min(0.62 * var(--vw), 12px);
}
@media screen and (max-width: 768px) {
  .post-detail .post-header .cat, .single .post-header .cat {
    gap: 0 calc(1.6 * var(--vw));
    margin-bottom: 0;
  }
}
.post-detail .post-header .cat span, .single .post-header .cat span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.93 * var(--vw), 18px);
  font-weight: bold;
  padding: min(0.31 * var(--vw), 6px) min(0.52 * var(--vw), 10px);
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .post-detail .post-header .cat span, .single .post-header .cat span {
    width: auto;
    height: auto;
    font-size: calc(2.93 * var(--vw));
    padding: calc(1.6 * var(--vw)) calc(2.66 * var(--vw));
  }
}
.post-detail .post-header .post-ttl, .single .post-header .post-ttl {
  grid-column: 2;
  grid-row: 2;
  font-size: min(1.71 * var(--vw), 33px);
  font-weight: bold;
  line-height: 1.6;
  color: #00B13F;
}
@media screen and (max-width: 768px) {
  .post-detail .post-header .post-ttl, .single .post-header .post-ttl {
    grid-column: 1/3;
    grid-row: 2;
    font-size: calc(4.26 * var(--vw));
    margin-top: calc(2.66 * var(--vw));
  }
}
.post-detail .post-body, .single .post-body {
  font-size: min(1.25 * var(--vw), 24px);
  line-height: 1.6666666667;
}
@media screen and (max-width: 768px) {
  .post-detail .post-body, .single .post-body {
    font-size: calc(4.26 * var(--vw));
    font-weight: 700;
    padding-top: calc(2.66 * var(--vw));
  }
}
.post-detail .post-body p, .single .post-body p {
  margin-top: min(2.08 * var(--vw), 40px);
}
@media screen and (max-width: 768px) {
  .post-detail .post-body p, .single .post-body p {
    margin-top: calc(4.26 * var(--vw));
  }
}
.post-detail .post-body a[href$=".pdf"]::after, .single .post-body a[href$=".pdf"]::after {
  content: "";
  display: inline-block;
  width: min(1.77 * var(--vw), 34px);
  aspect-ratio: 54/66;
  background: url(/assets/img/common/icon_pdf.png) no-repeat;
  background-size: contain;
  margin-left: min(1.04 * var(--vw), 20px);
  margin-bottom: min(-0.68 * var(--vw), -13px);
}
@media screen and (max-width: 768px) {
  .post-detail .post-body a[href$=".pdf"]::after, .single .post-body a[href$=".pdf"]::after {
    width: calc(5.33 * var(--vw));
    margin-top: 0;
    margin-bottom: calc(-1.6 * var(--vw));
    margin-left: calc(2.66 * var(--vw));
  }
}
.post-detail .btn-back, .single .btn-back {
  margin-top: min(3.12 * var(--vw), 60px);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .post-detail .btn-back, .single .btn-back {
    margin-top: calc(10.66 * var(--vw));
  }
}
.post-detail .btn-back a, .single .btn-back a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(13.8 * var(--vw), 265px);
  height: min(2.76 * var(--vw), 53px);
  font-size: min(0.93 * var(--vw), 18px);
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #00B13F;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .post-detail .btn-back a, .single .btn-back a {
    width: calc(53.33 * var(--vw));
    height: calc(10.66 * var(--vw));
    font-size: calc(4.26 * var(--vw));
    margin: 0 auto;
  }
}
.post-detail .btn-back a::before, .single .btn-back a::before {
  content: "";
  display: block;
  width: min(0.93 * var(--vw), 18px);
  aspect-ratio: 18/16;
  background: url(../img/common/icon_arrow_green.png) no-repeat;
  background-size: contain;
  margin-right: min(0.52 * var(--vw), 10px);
  transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
  .post-detail .btn-back a::before, .single .btn-back a::before {
    width: calc(3.2 * var(--vw));
    margin-left: calc(2.66 * var(--vw));
  }
}
.post-detail .nav-col .ttl, .single .nav-col .ttl {
  margin-bottom: min(1.56 * var(--vw), 30px);
}

.post-type-archive-news .breadcrumb + *,
.single-news .breadcrumb + * {
  margin-top: min(1.04 * var(--vw), 20px);
}
@media screen and (max-width: 768px) {
  .post-type-archive-news .breadcrumb + *,
  .single-news .breadcrumb + * {
    margin-top: calc(4 * var(--vw));
  }
}
.post-type-archive-news .breadcrumb + .tab-list,
.tax-news_category .breadcrumb + .tab-list {
  margin-top: min(1.04 * var(--vw), 20px);
}
.single-news .breadcrumb + .post-header {
  margin-top: min(1.04 * var(--vw), 20px);
}
.post-type-archive-news .breadcrumb,
.tax-news_category .breadcrumb,
.single-news .breadcrumb {
  margin-bottom: min(2.08 * var(--vw), 40px);
}
@media screen and (max-width: 768px) {
  .post-type-archive-news .breadcrumb + .tab-list,
  .tax-news_category .breadcrumb + .tab-list,
  .single-news .breadcrumb + .post-header {
    margin-top: calc(4 * var(--vw));
  }
  .post-type-archive-news .breadcrumb,
  .tax-news_category .breadcrumb,
  .single-news .breadcrumb {
    margin-bottom: calc(8 * var(--vw));
  }
}