:root {
  --dt: 0;
  --dd: 0;
  --gap: 0;
}

.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: 2.8571em;
}
.secArchive__list .pjItem__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 1.2857em;
}
.secArchive__list .pjItem__link:hover .pjItem__ttl, .secArchive__list .pjItem__link:hover .pjItem__info {
  opacity: 0.8;
}
.secArchive__list .pjItem__img {
  width: 100%;
  padding-top: 140.67278288%;
  border-radius: 8px;
}
.secArchive__list .pjItem__img_wrapper {
  width: 100%;
  height: 50%;
  position: absolute;
}
.secArchive__list .pjItem__img_wrapper:nth-child(1) {
  top: 0;
  left: 0;
}
.secArchive__list .pjItem__img_wrapper:nth-child(2) {
  bottom: 0;
  right: 0;
}
.secArchive__list .pjItem__ttl {
  --lh: 1.8;
}
.secArchive__list .pjItem__info {
  margin-top: -1.2143em;
  --lh: 1;
}
@media screen and (min-width: 576px) {
  .secArchive__list .pjItem__img {
    padding-top: 31%;
  }
  .secArchive__list .pjItem__img_wrapper {
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .secArchive__list .pjItem__link {
    grid-gap: 1.2857em;
  }
  .secArchive__list .pjItem__ttl {
    font-size: var(--fsz16);
  }
  .secArchive__list .pjItem__info {
    margin-top: -0.7143em;
  }
}
@media screen and (min-width: 768px) {
  .secArchive__list {
    grid-gap: 5.3571em;
  }
}

.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 {
  --lh: 1;
}
@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: 4.8571em;
  }
}

.secContents {
  width: 100%;
}
.secContents__txtWrap {
  width: 100%;
  max-width: 840px;
}
.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 p:not(:first-child) {
  margin-top: 2em;
}
.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);
  }
}

.videoArea {
  width: 100%;
  margin-top: 2.8571em;
}
@media screen and (min-width: 768px) {
  .videoArea {
    margin-top: 5.7143em;
  }
}
.videoArea__videoWrap {
  width: 100%;
  padding-top: 56.25%;
  border-radius: 8px;
}

.imgArea {
  width: 100%;
  margin-top: 1.4286em;
}
@media screen and (min-width: 768px) {
  .imgArea {
    margin-top: 2.8571em;
  }
}
.imgArea__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 1.4286em;
}
@media screen and (min-width: 768px) {
  .imgArea__inner {
    grid-gap: 2.8571em;
  }
}
.imgArea img {
  border-radius: 8px;
}
.imgArea__moreLink {
  margin: 1.4286em auto 0;
}
.imgArea__moreLink .txt::before {
  content: "View More";
}
.imgArea__moreLink.open {
  order: 1;
}
.imgArea__moreLink.open .moreLink__link::after {
  transform: rotate(-90deg);
}
.imgArea__moreLink.open .txt::before {
  content: "Close";
}
.imgArea__moreBox {
  width: 100%;
  max-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: 0.5s;
}
.imgArea__moreBox.open {
  max-height: 50000px;
  grid-gap: 1.4286em;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .imgArea__moreBox.open {
    grid-gap: 2.8571em;
  }
}

.secInfo {
  padding: 4em 0 5.7143em;
}
@media screen and (min-width: 768px) {
  .secInfo {
    padding: 8.2857em 0 11.4286em;
  }
}
@media screen and (min-width: 768px) {
  .secInfo__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 1.4286em;
  }
}
.secInfo__ttl {
  margin-bottom: 1.5em;
  font-size: var(--fsz24);
  --lh: 1;
}
.secInfo__txtWrap {
  width: 100%;
  padding-left: 24px;
  border-left: 1px solid #D6D2CB;
}
@media screen and (min-width: 768px) {
  .secInfo__txtWrap {
    width: 65%;
    padding-top: 0.4286em;
    padding-left: clamp(20px, 2.6vw, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .secInfo__txtWrap {
    width: 80%;
    padding-left: 2.8571em;
  }
}
@media screen and (min-width: 1200px) {
  .secInfo__txtWrap {
    max-width: 1004px;
    padding-left: 5.6429em;
  }
}
.secInfo__infoData {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 0.7857em 0;
  --dt: 50%;
  --dd: calc(100% - var(--dt));
}
.secInfo__infoData_label {
  width: var(--dt);
  font-size: var(--fsz16);
  font-weight: 400;
  --lh: 1.2;
}
.secInfo__infoData_txt {
  width: var(--dd);
  font-size: var(--fsz13);
}
@media screen and (min-width: 1024px) {
  .secInfo__infoData {
    --dt: 170px;
    --dd: calc((100% - (var(--gap)*3) - (var(--dt)*2))/2);
    --gap: 30px;
    grid-gap: 22px var(--gap);
  }
}
@media screen and (min-width: 1200px) {
  .secInfo__infoData {
    --gap: 40px;
  }
}

.pjSlider {
  width: var(--innerWidth);
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pjSlider .swiper-wrapper {
    display: contents;
  }
  .pjSlider__slide:nth-child(2) {
    margin-top: 2.4286em;
  }
  .pjSlider__slide:nth-child(n+3) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pjSlider {
    width: calc(100% - 24px);
    max-width: 100%;
    margin: 0 0 0 24px;
  }
}
@media screen and (min-width: 1248px) {
  .pjSlider {
    width: calc(100% - (50vw - 1200px / 2));
    margin-left: calc(50vw - 1200px / 2);
  }
}
.pjSlider__arrow {
  width: 40px;
  height: 40px;
  background: var(--text) url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M11.6328 5.81055C11.8281 5.61528 12.1446 5.61528 12.3398 5.81055L14.3945 7.86523C14.5897 8.0605 14.5898 8.37702 14.3945 8.57227L12.3398 10.627C12.1446 10.8222 11.8281 10.8222 11.6328 10.627C11.4377 10.4317 11.4376 10.1151 11.6328 9.91992L12.834 8.71875H2.39648C2.12035 8.71875 1.8965 8.49488 1.89648 8.21875C1.89648 7.94261 2.12034 7.71875 2.39648 7.71875H12.834L11.6328 6.51758C11.4376 6.32232 11.4376 6.00581 11.6328 5.81055Z" fill="%23FAF9F8"/></svg>') center/16px no-repeat;
  background-color: var(--text);
  border: 0;
  border-radius: 50%;
  position: absolute;
  top: 40.6568736647%;
  right: 24px;
  transform: translateY(-50%);
  z-index: 2;
}
.pjSlider__arrow:focus {
  outline: 0;
}
@media screen and (min-width: 1288px) {
  .pjSlider__arrow {
    right: calc(50vw - 1200px / 2);
    transform: translate(50%, -50%);
  }
}
.pjSlider .pjItem__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 1.2857em;
}
.pjSlider .pjItem__link:hover .pjItem__ttl, .pjSlider .pjItem__link:hover .pjItem__info {
  opacity: 0.8;
}
.pjSlider .pjItem__img {
  width: 100%;
  padding-top: 140.67278288%;
  border-radius: 8px;
}
.pjSlider .pjItem__img_wrapper {
  width: 100%;
  height: 50%;
  position: absolute;
}
.pjSlider .pjItem__img_wrapper:nth-child(1) {
  top: 0;
  left: 0;
}
.pjSlider .pjItem__img_wrapper:nth-child(2) {
  bottom: 0;
  right: 0;
}
.pjSlider .pjItem__ttl {
  --lh: 1.8;
}
.pjSlider .pjItem__info {
  margin-top: -1.2143em;
  --lh: 1;
}
@media screen and (min-width: 576px) {
  .pjSlider .pjItem__img {
    padding-top: 31%;
  }
  .pjSlider .pjItem__img_wrapper {
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .pjSlider .pjItem__link {
    grid-gap: 1.2857em;
  }
  .pjSlider .pjItem__ttl {
    font-size: var(--fsz16);
  }
  .pjSlider .pjItem__info {
    margin-top: -0.7143em;
  }
}