.l-container {
  width: auto;
}

.js-fade {
  opacity: 0;
  transition: opacity 1.2s ease;
}
.js-fade.is-active {
  opacity: 1;
}

img {
  max-width: 100%;
}

a img {
  transition: 0.3s;
}
a img:hover {
  opacity: 0.7;
}

.credit {
  position: absolute;
  bottom: 2vw;
  left: 0;
  width: 100%;
  text-align: center;
}
.credit .item {
  display: inline-block;
  margin-right: 0.1428571429vw;
  color: #fff;
}
.credit .item:last-child {
  margin-right: 0;
}
.credit .link {
  font-size: 0.8571428571vw;
  color: #fff !important;
  font-family: "nimbus-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1em;
  letter-spacing: 0.05em;
  position: relative;
}
.credit .link:before {
  position: absolute;
  left: 0;
  bottom: 0.0714285714vw;
  width: 100%;
  content: "";
  background: #fff;
  height: 0.0714285714vw;
}
.credit .link:hover {
  text-decoration: none;
}
.credit .txt {
  font-size: 0.8571428571vw;
}
.credit .price {
  margin-left: 0.2857142857vw;
}

.feature {
  background: #451400;
  color: #fff;
  position: relative;
  overflow: hidden;
  font-feature-settings: "palt" 1;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.mv__Inner {
  width: 100vw;
  height: 71.4285714286vw;
  position: relative;
  margin: auto;
}
.mv__Bg {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
}
.mv__Thum {
  position: absolute;
  width: 24.2857142857vw;
  top: 17.8071428571vw;
  left: 13vw;
}
.mv__Date {
  position: absolute;
  width: 4.65vw;
  top: 8.7142857143vw;
  left: 22.9285714286vw;
  opacity: 0;
  transform: translate(0, 20px);
}
.mv__Date.is-active {
  opacity: 1;
  transform: none;
  transition: all 2s ease 0.4s;
}
.mv__Date img {
  max-width: none;
  width: 100%;
}
.mv__Ttl {
  position: absolute;
  width: 46.5714285714vw;
  top: 11.5714285714vw;
  left: 1.5714285714vw;
  opacity: 0;
  transform: translate(0, 20px);
}
.mv__Ttl.is-active {
  opacity: 1;
  transform: none;
  transition: all 2s ease 0.4s;
}
.mv__Ttl img {
  max-width: none;
  width: 100%;
}
.mv__Subttl01 {
  position: absolute;
  width: 34.5714285714vw;
  top: 48.5714285714vw;
  left: 57.5714285714vw;
  opacity: 0;
  transform: translate(0, 20px);
}
.mv__Subttl01.is-active {
  opacity: 1;
  transform: none;
  transition: all 2s ease 0.4s;
}
.mv__Subttl01 img {
  max-width: none;
  width: 100%;
}
.mv__Subttl02 {
  position: absolute;
  width: 23.9vw;
  top: 53.4285714286vw;
  left: 62.8571428571vw;
  opacity: 0;
}
.mv__Subttl02.is-active {
  opacity: 1;
  transition: opacity 2s ease 1s;
}
.mv__Subttl02 img {
  max-width: none;
  width: 100%;
}
.mv__Txt {
  position: absolute;
  width: 23.5714285714vw;
  top: 57.5714285714vw;
  left: 63.0714285714vw;
  font-size: 1vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.13em;
  text-align: center;
  opacity: 0;
  transition: 2s ease 1s;
  transition-delay: 1.2s;
}
.mv__Txt.is-active {
  opacity: 1;
}

.mvbottom__Inner {
  width: 100vw;
  height: 23.5714285714vw;
  position: relative;
  margin: auto;
}
.mvbottom__Txt {
  position: absolute;
  width: 37.5vw;
  top: 7.6428571429vw;
  left: 31.2142857143vw;
  font-size: 1vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.13em;
  text-align: center;
}

.-js-clip {
  clip-path: inset(0 100% 0 0);
}
.-js-clip.is-active {
  transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  clip-path: inset(0 0 0 0);
}

.sec01 {
  margin-bottom: 11.4285714286vw;
}
.sec01__Inner {
  width: 100vw;
  height: 75vw;
  position: relative;
  margin: auto;
}
.sec01__Thum {
  position: absolute;
  width: 50vw;
  top: 0;
  left: 50vw;
}
.sec01__Detail {
  position: absolute;
  width: 50vw;
  height: 75vw;
  top: 0;
  left: 0vw;
  background: url("./../img/img_sec01_01.png");
  background-size: cover;
}
.sec01__Detail-Number {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 5vw;
  line-height: 1;
  top: 5.5vw;
  left: 4.3571428571vw;
  color: #fff;
}
.sec01__Detail-Ttl {
  position: absolute;
  font-size: 1.2142857143vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.08em;
  top: 10.2142857143vw;
  left: 4.2857142857vw;
  color: #fff;
  font-weight: 500;
}
.sec01__Detail-Engname {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 1.4285714286vw;
  line-height: 1;
  top: 20.1428571429vw;
  left: 5.2142857143vw;
  letter-spacing: 0.08em;
  color: #fff;
}
.sec01__Detail-Jpname {
  position: absolute;
  font-size: 1.0714285714vw;
  line-height: 1;
  top: 22.2142857143vw;
  left: 5.2142857143vw;
  color: #fff;
  letter-spacing: 0.13em;
}
.sec01__Detail-Flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 39.2857142857vw;
  top: 25.8571428571vw;
  left: 5.2142857143vw;
}
.sec01__Detail-Flex-Thum {
  margin-top: 0.3571428571vw;
  width: 17.1428571429vw;
}
.sec01__Detail-Flex-Txt {
  width: 19.5714285714vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.1em;
}
.sec01__Detail-Txt {
  position: absolute;
  top: 51.4285714286vw;
  left: 5.1428571429vw;
  width: 39.3571428571vw;
  font-size: 0.9285714286vw;
  line-height: 1.8571428571vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.1em;
}

.sec02 {
  margin-bottom: 11.7142857143vw;
}
.sec02__Inner {
  width: 100vw;
  height: 75vw;
  position: relative;
  margin: auto;
}
.sec02__Thum {
  position: absolute;
  width: 50vw;
  top: 0;
  left: 0vw;
}
.sec02__Detail {
  position: absolute;
  width: 50vw;
  height: 75vw;
  top: 0;
  left: 50vw;
  background: url("./../img/img_sec02_02.png");
  background-size: cover;
}
.sec02__Detail-Number {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 5vw;
  line-height: 1;
  top: 2.5vw;
  left: 3.2857142857vw;
  color: #fff;
}
.sec02__Detail-Ttl {
  position: absolute;
  font-size: 1.2142857143vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.06em;
  top: 2.6428571429vw;
  left: 7.1428571429vw;
  color: #fff;
  font-weight: 500;
}
.sec02__Detail-Engname {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 1.4285714286vw;
  line-height: 1;
  top: 9.4285714286vw;
  left: 3.3571428571vw;
  color: #fff;
  letter-spacing: 0.08em;
}
.sec02__Detail-Jpname {
  position: absolute;
  font-size: 1.0714285714vw;
  line-height: 1;
  top: 11.4285714286vw;
  left: 3.3571428571vw;
  color: #fff;
  letter-spacing: 0.1em;
}
.sec02__Detail-Flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 41.7857142857vw;
  left: 3.2857142857vw;
}
.sec02__Detail-Flex-Thum {
  width: 17.1428571429vw;
}
.sec02__Detail-Flex-Txt {
  width: 21.7142857143vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.015em;
}
.sec02__Detail-Flex.-flex01 {
  top: 14vw;
}
.sec02__Detail-Flex.-flex01 .sec02__Detail-Flex-Thum {
  margin-top: 0.3571428571vw;
}
.sec02__Detail-Flex.-flex02 {
  top: 34.5714285714vw;
  flex-direction: row-reverse;
  width: 41.5vw;
}
.sec02__Detail-Flex.-flex02 .sec02__Detail-Flex-Thum {
  margin-top: 0.3571428571vw;
}
.sec02__Detail-Flex.-flex03 {
  top: 55vw;
}
.sec02__Detail-Txt {
  position: absolute;
  top: 51.7857142857vw;
  left: 4.3571428571vw;
  width: 39.2857142857vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.1em;
}

.sec03 {
  margin-bottom: 11.4285714286vw;
}
.sec03__Inner {
  width: 100vw;
  height: 75vw;
  position: relative;
  margin: auto;
}
.sec03__Thum {
  position: absolute;
  width: 50vw;
  top: 0;
  left: 50vw;
}
.sec03__Detail {
  position: absolute;
  width: 50vw;
  height: 75vw;
  top: 0;
  left: 0vw;
  background: url("./../img/img_sec03_01.png");
  background-size: cover;
}
.sec03__Detail-Number {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 5vw;
  line-height: 1;
  top: 5.3571428571vw;
  left: 5.2142857143vw;
  color: #fff;
}
.sec03__Detail-Ttl {
  position: absolute;
  font-size: 1.2142857143vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.11em;
  top: 10.2142857143vw;
  left: 5.2142857143vw;
  color: #fff;
  font-weight: 500;
}
.sec03__Detail-Engname {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 1.4285714286vw;
  line-height: 1;
  top: 20.0714285714vw;
  left: 5.2142857143vw;
  color: #fff;
  letter-spacing: 0.06em;
}
.sec03__Detail-Jpname {
  position: absolute;
  font-size: 1.0714285714vw;
  line-height: 1;
  top: 22.0714285714vw;
  left: 5.2142857143vw;
  color: #fff;
  letter-spacing: 0.1em;
}
.sec03__Detail-Flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 39.2857142857vw;
  top: 24.6428571429vw;
  left: 5.1428571429vw;
}
.sec03__Detail-Flex-Thum {
  width: 17.1428571429vw;
  margin-top: 0.3571428571vw;
}
.sec03__Detail-Flex-Txt {
  width: 19.5714285714vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.11em;
}
.sec03__Detail-Txt {
  position: absolute;
  top: 51.3571428571vw;
  left: 5.1428571429vw;
  width: 39.2857142857vw;
  font-size: 0.9285714286vw;
  line-height: 1.8571428571vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.05em;
}

.sec04 {
  margin-bottom: 11.4285714286vw;
}
.sec04__Inner {
  width: 100vw;
  height: 75vw;
  position: relative;
  margin: auto;
}
.sec04__Thum {
  position: absolute;
  width: 50vw;
  top: 0;
  left: 0vw;
}
.sec04__Detail {
  position: absolute;
  width: 50vw;
  height: 75vw;
  top: 0;
  left: 50vw;
  background: url("./../img/img_sec04_02.png");
  background-size: cover;
}
.sec04__Detail-Number {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 5vw;
  line-height: 1;
  top: 4vw;
  left: 3.5714285714vw;
  color: #fff;
}
.sec04__Detail-Ttl {
  position: absolute;
  font-size: 1.2142857143vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.13em;
  top: 3.7142857143vw;
  left: 8vw;
  color: #fff;
  font-weight: 500;
}
.sec04__Detail-Engname {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 1.4285714286vw;
  line-height: 1;
  top: 13.7142857143vw;
  left: 4vw;
  color: #fff;
  letter-spacing: 0.08em;
}
.sec04__Detail-Jpname {
  position: absolute;
  font-size: 1.0714285714vw;
  line-height: 1;
  top: 15.7142857143vw;
  left: 4.0714285714vw;
  color: #fff;
  letter-spacing: 0.1em;
}
.sec04__Detail-Flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 41.7857142857vw;
  left: 4.0714285714vw;
}
.sec04__Detail-Flex-Thum {
  width: 17.1428571429vw;
  margin-top: 0.4285714286vw;
}
.sec04__Detail-Flex-Txt {
  width: 21.7142857143vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.045em;
}
.sec04__Detail-Flex.-flex01 {
  top: 18.2857142857vw;
}
.sec04__Detail-Flex.-flex02 {
  top: 38.8571428571vw;
  flex-direction: row-reverse;
  width: 41.2857142857vw;
}
.sec04__Detail-Flex.-flex02 .sec04__Detail-Flex-Txt {
  width: 21.1428571429vw;
}
.sec04__Detail-Txt {
  position: absolute;
  top: 61.7142857143vw;
  left: 4.0714285714vw;
  width: 41.6428571429vw;
  font-size: 0.9285714286vw;
  line-height: 1.8571428571vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.05em;
}

.sec05 {
  margin-bottom: 12.2857142857vw;
}
.sec05__Inner {
  width: 100vw;
  height: 75vw;
  position: relative;
  margin: auto;
}
.sec05__Thum {
  position: absolute;
  width: 50vw;
  top: 0;
  left: 50vw;
}
.sec05__Thum.-thum01 {
  top: 0;
}
.sec05__Thum.-thum02 {
  top: 37.5vw;
}
.sec05__Detail {
  position: absolute;
  width: 50vw;
  height: 75vw;
  top: 0;
  left: 0vw;
  background: url("./../img/img_sec05_01.png");
  background-size: cover;
}
.sec05__Detail-Number {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 5vw;
  line-height: 1;
  top: 5.5vw;
  left: 4.7857142857vw;
  color: #fff;
}
.sec05__Detail-Ttl {
  position: absolute;
  font-size: 1.2142857143vw;
  line-height: 2.1428571429vw;
  letter-spacing: 0.11em;
  top: 10.2142857143vw;
  left: 4.7857142857vw;
  color: #fff;
  font-weight: 500;
}
.sec05__Detail-Engname {
  position: absolute;
  font-family: "sigurd", sans-serif;
  font-style: italic;
  font-size: 1.4285714286vw;
  line-height: 1;
  top: 20.1428571429vw;
  left: 4.7142857143vw;
  color: #fff;
  letter-spacing: 0.1em;
}
.sec05__Detail-Jpname {
  position: absolute;
  font-size: 1.0714285714vw;
  line-height: 1;
  top: 22.2142857143vw;
  left: 4.7857142857vw;
  color: #fff;
  letter-spacing: 0.12em;
}
.sec05__Detail-Flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 39.2857142857vw;
  left: 5.2857142857vw;
}
.sec05__Detail-Flex-Thum {
  width: 17.1428571429vw;
  margin-top: 0.4285714286vw;
}
.sec05__Detail-Flex-Txt {
  width: 19.2857142857vw;
  font-size: 0.9285714286vw;
  line-height: 1.9285714286vw;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.05em;
}
.sec05__Detail-Flex.-flex01 {
  top: 25.2857142857vw;
}
.sec05__Detail-Flex.-flex01 .sec05__Detail-Flex-Txt {
  width: 19.2857142857vw;
}
.sec05__Detail-Flex.-flex02 {
  top: 48.1428571429vw;
  flex-direction: row-reverse;
}

.viewallBtn {
  margin-bottom: 11.4285714286vw;
  text-align: center;
}
.viewallBtn a {
  display: inline-block;
  color: #fff;
  font-family: "nimbus-sans", sans-serif;
  font-size: 1.2857142857vw;
  padding-bottom: 0.1428571429vw;
  letter-spacing: 0.037em;
  position: relative;
  transform: translateX(0.5vw);
}
.viewallBtn a:before {
  position: absolute;
  left: 0;
  bottom: 0.0714285714vw;
  width: 100%;
  content: "";
  background: #fff;
  height: 0.0714285714vw;
}

.l-footer {
  position: relative;
  background: #fff;
}