:root {
  --imgMt: 40px;
  --imgMb: 40px;
  --imgDoubleMt: 10px;
}
@media screen and (min-width: 768px) {
  :root {
    --imgMt: 70px;
    --imgMb: 80px;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --imgDoubleMt: 20px;
  }
}

.catNav {
  width: 100%;
  margin: -4.7143em 0 4.2857em;
}
@media screen and (min-width: 768px) {
  .catNav {
    margin: -2.8571em 0 1.0714em;
  }
}
.catNav__inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.catNav__list {
  font-size: var(--fsz20);
  --lh: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  grid-gap: 0.65em;
}
.catNav__list a {
  opacity: 0.57;
}
.catNav__list a.current {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .catNav__list {
    flex-direction: row;
    grid-gap: 1.5em;
  }
}

.secArchive {
  padding: 0.8571em 0 2.7143em;
}
@media screen and (min-width: 768px) {
  .secArchive {
    padding: 7.1429em 0 0;
  }
}
.secArchive__ttl {
  margin-bottom: 1.3214em;
  font-size: var(--fsz28);
  --lh: 1;
}
@media screen and (min-width: 768px) {
  .secArchive__ttl {
    margin-bottom: 34px;
  }
}
.secArchive__list {
  width: 100%;
  display: grid;
  grid-gap: 4em;
}
@media screen and (min-width: 768px) {
  .secArchive__list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5.3571em clamp(20px, 2.6vw, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .secArchive__list {
    grid-gap: 5.3571em 2.8571em;
  }
}
.secArchive__list .jnlItem {
  width: 100%;
}
.secArchive__list .jnlItem__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.secArchive__list .jnlItem__link:hover .jnlItem__cat, .secArchive__list .jnlItem__link:hover .jnlItem__date, .secArchive__list .jnlItem__link:hover .jnlItem__txt {
  opacity: 0.8;
}
.secArchive__list .jnlItem__link:hover .moreLink__link::before {
  animation: moreLinkHov 0.5s ease;
}
.secArchive__list .jnlItem__cat, .secArchive__list .jnlItem__date, .secArchive__list .jnlItem__txt {
  transition: 0.5s;
}
.secArchive__list .jnlItem__cat {
  margin-bottom: 0.5714em;
  --lh: 1;
}
.secArchive__list .jnlItem__img {
  width: 100%;
  padding-top: 71.8654%;
  margin-bottom: 2em;
  border-radius: 8px;
}
.secArchive__list .jnlItem__date {
  margin-bottom: 1.2857em;
  --lh: 1;
}
.secArchive__list .jnlItem__txt {
  margin-bottom: 2.8571em;
}
.secArchive__list .jnlItem__moreLink {
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .secArchive__list .jnlItem {
    height: 100%;
  }
  .secArchive__list .jnlItem__link {
    height: 100%;
  }
  .secArchive__list .jnlItem__img {
    padding-top: 63.0027%;
  }
  .secArchive__list .jnlItem__moreLink {
    margin-top: auto;
  }
}
@media screen and (min-width: 1024px) {
  .secArchive__list .jnlItem__txt {
    margin-bottom: 4.2857em;
  }
}

.single {
  padding: 0 0 2.8571em;
}
@media screen and (min-width: 768px) {
  .single {
    padding: 0;
  }
}
.single__ttlWrap {
  padding: 0.3571em 0 0;
  margin-bottom: 2.6429em;
}
@media screen and (min-width: 768px) {
  .single__ttlWrap {
    padding-top: 3.6429em;
    margin-bottom: 5.5714em;
  }
}
.single__ttl {
  font-size: var(--fsz18);
  --lh: 1.8;
}
@media screen and (min-width: 768px) {
  .single__ttl {
    font-size: var(--fsz20);
  }
}
.single__info {
  margin-top: 0.3571em;
  --lh: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 0 1.1429em;
}
@media screen and (min-width: 768px) {
  .single__info {
    margin-top: 0.3571em;
  }
}
.single__thumb {
  width: 100%;
  margin-bottom: 2.8571em;
}
.single__thumb img {
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .single__thumb {
    margin-bottom: 5.5714em;
  }
}

.secContents {
  width: 100%;
}
.secContents__txtWrap {
  width: 100%;
}
.secContents h2, .secContents h3, .secContents h4, .secContents ul, .secContents ol {
  --lh: 1.8;
}
.secContents h2:not(:first-child), .secContents h3:not(:first-child), .secContents h4:not(:first-child), .secContents ul:not(:first-child), .secContents ol:not(:first-child) {
  margin-top: 40px;
}
.secContents h2:not(:last-child), .secContents h3:not(:last-child), .secContents h4:not(:last-child), .secContents ul:not(:last-child), .secContents ol:not(:last-child) {
  margin-bottom: 40px;
}
.secContents h2 {
  font-size: var(--fsz16);
}
.secContents figure {
  margin-top: var(--imgMt);
}
.secContents figure:first-child {
  margin-top: 0;
}
.secContents figure img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.secContents figure img + img {
  margin-top: var(--imgDoubleMt);
}
.secContents figure + figure {
  margin-top: var(--imgDoubleMt);
}
.secContents p {
  margin-top: 2em;
}
.secContents p:first-child {
  margin-top: 0;
}
.secContents p:has(img):not(:first-child) {
  margin-top: var(--imgMt);
}
.secContents p:has(img):not(:last-child) {
  margin-bottom: var(--imgMb);
}
.secContents p:has(img) img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.secContents p:has(img) img + img {
  margin-top: var(--imgDoubleMt);
}
.secContents p:has(img) + p:has(img) {
  margin-top: var(--imgDoubleMt);
}
.secContents p a {
  text-decoration: underline;
}
.secContents p a:hover {
  text-decoration: none;
}
.secContents ul li {
  padding-left: 2.7143em;
  position: relative;
}
.secContents ul li:not(:last-child) {
  margin-bottom: 0.6429em;
}
.secContents ul li::before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: var(--text);
  display: block;
  position: absolute;
  top: 0.42857143em;
  left: 0;
}
.secContents ol {
  counter-reset: list 0;
}
.secContents ol li {
  padding-left: 2.7143em;
  position: relative;
}
.secContents ol li::before {
  counter-increment: list 1;
  content: counter(list, decimal-leading-zero) ".";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .secContents h2 {
    font-size: var(--fsz20);
  }
  .secContents h3 {
    font-size: var(--fsz18);
  }
  .secContents h4 {
    font-size: var(--fsz16);
  }
}