.l-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.feature {
  flex-shrink: 0;
  width: 1400px;
  color: #000;
  font-feature-settings: "palt";
  margin-inline: auto;
}
.feature * {
  box-sizing: border-box;
}
.feature img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.feature a {
  color: inherit;
}

.fadeimg {
  transition: 0.3s;
}

/* =========================================================
ヘッダー
========================================================= */
.hdr {
  position: relative;
  opacity: 0;
  transition: 0.3s;
}
.hdr.show {
  opacity: 1;
}

.hdr-meta {
  width: 100%;
  position: absolute;
  top: 536px;
  left: 0;
}
.hdr-meta * {
  color: white;
}

.hdr-title {
  font-size: 40px;
  text-align: center;
  font-family: "sigurd-semi", sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.04em;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 18px 0;
}

.animate-text {
  overflow: hidden;
  line-height: 1;
  display: flex;
  justify-content: center;
}
.animate-text span {
  display: block;
}
.animate-text span.space {
  width: 0.25em;
}

.hdr-lead {
  font-size: 14px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  text-align: center;
  margin-top: 27px;
  letter-spacing: 0.08em;
  line-height: 2;
}

/* =========================================================
見出し
========================================================= */
.heading {
  font-size: 40px;
  text-align: center;
  font-family: "sigurd-semi", sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.06em;
  margin-top: 171px;
}

/* =========================================================
リンク画像
========================================================= */
.imgs {
  position: relative;
  height: 3765px;
}

.img {
  position: absolute;
}
.img-link {
  display: block;
}

.img01 {
  width: 778px;
  top: 293px;
  left: -352px;
}

.img02 {
  width: 560px;
  top: 178px;
  right: -51px;
  z-index: 2;
}

.img03 {
  width: 997px;
  top: 275px;
  left: 524px;
}

.img04 {
  width: 502px;
  top: 1092px;
  left: -151px;
}

.img05 {
  width: 620px;
  top: 1162px;
  right: -250px;
}

.img06 {
  width: 491px;
  top: 1767px;
  left: 206px;
  z-index: 2;
}

.img07 {
  width: 1000px;
  top: 1908px;
  left: 27px;
}

.img08 {
  width: 521px;
  top: 2802px;
  left: 93px;
}

.img09 {
  width: 1019px;
  top: 2860px;
  right: -503px;
}

/* =========================================================
各テキスト
========================================================= */
.img-meta {
  position: absolute;
}
.img-meta01 {
  width: 269px;
  top: -237px;
  left: 505px;
}
.img-meta02 {
  width: 146px;
  top: 54px;
  left: 260px;
}
.img-meta03 {
  width: 194px;
  top: -4px;
  left: 115px;
  position: relative;
}
.img-meta04 {
  width: 174px;
  top: 127px;
  left: 533px;
}
.img-meta05 {
  width: 155px;
  top: 240px;
  left: -150px;
}
.img-meta06 {
  width: 176px;
  top: 94px;
  left: 20px;
}
.img-meta07 {
  width: 176px;
  top: 268px;
  left: 1052px;
}
.img-meta08 {
  width: 152px;
  top: 33px;
  left: 55px;
}
.img-meta09 {
  width: 171px;
  top: 115px;
  left: -198px;
}

.img-num {
  font-size: 30px;
  font-family: "sigurd-semi", sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.04em;
}
.img-num.right {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}

.img-num span {
  font-size: 50px;
  margin-left: 5px;
}

.img-desc {
  font-size: 12px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  margin-top: 3px;
  letter-spacing: 0.06em;
  line-height: 1.85;
  text-align: justify;
}

/* =========================================================
クレジット
========================================================= */
.credit {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.credit li {
  font-family: "nimbus-sans", sans-serif;
  font-size: 12px;
}
.credit li a {
  text-decoration: underline;
  transition: 0.3s;
}
.credit li a:hover {
  opacity: 0.6;
}

/* =========================================================
ボタン
========================================================= */
.view-all {
  text-align: center;
  margin-top: 123px;
}
.view-all a {
  font-family: "nimbus-sans", sans-serif;
  font-size: 18px;
  letter-spacing: 0.04em;
  padding: 0 5px;
  border-bottom: 1px solid #000;
  display: inline-block;
  transition: 0.3s;
  text-decoration: none;
}
.view-all a:hover {
  opacity: 0.6;
}

/* =========================================================
アニメーション
========================================================= */
/* ヘッダータイトル */
.animate-text span {
  transition: 0.5s;
  transform: translateY(102%);
}
.animate-text span.show {
  transform: translateY(0);
}

/* Style ○ */
.img-num {
  transition: all 1.2s cubic-bezier(0.12, 0.92, 0.31, 0.95);
  opacity: 0;
  transform: translateY(30px);
}
.img-num.show {
  opacity: 1;
  transform: translateY(0);
}

/* モデル画像 */
.img-link {
  transition: all 2s cubic-bezier(0.12, 0.92, 0.31, 0.95);
  opacity: 0;
}
.img-link.left {
  transform: translateX(-100px);
}
.img-link.right {
  transform: translateX(100px);
}
.img-link.left.show,
.img-link.right.show {
  opacity: 1;
  transform: translateY(0);
}