.l-container {
  width: auto;
  overflow: hidden;
}

img {
  max-width: 100%;
  transition: 0.3s;
}
img:hover {
  opacity: 0.7;
}

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

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

.credit {
  position: absolute;
}
.credit .item {
  display: inline-block;
  line-height: 1;
  font-size: 0.8571428571vw;
  margin-bottom: 0.7142857143vw;
  margin-right: 0.2857142857vw;
  letter-spacing: 0.05em;
  position: relative;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.credit .item.-mr0 {
  margin-right: 0;
}
.credit .item:last-child {
  margin-right: 0;
}
.credit .item.-nopointer a {
  pointer-events: none;
}
.credit .link {
  font-size: 0.8571428571vw;
  line-height: 1;
  transition: 0.3s;
  position: relative;
  color: #445b84;
  letter-spacing: 0.05em;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.credit .link:before {
  position: absolute;
  left: 0;
  bottom: 0.1428571429vw;
  height: 1px;
  width: 100%;
  content: "";
  background: #445b84;
}
.credit .link:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
}
.feature {
  font-feature-settings: "palt" 1;
  color: #191919;
  background: #fcfaef;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
}

.mv__Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100.1428571429vw;
}
.mv__Video {
  position: absolute;
  width: 38.5714285714vw;
  height: 68.5714285714vw;
  top: 0vw;
  left: 30.7142857143vw;
}
.mv__Video video {
  max-width: none;
  width: 100%;
}
.mv__Video #music {
  position: absolute;
  top: 1.4285714286vw;
  right: 1.4285714286vw;
  z-index: 10;
}
.mv__Video #music .off {
  width: 6.0714285714vw;
}
.mv__Video #music .on {
  width: 5.3571428571vw;
}
.mv__Video #music:hover {
  cursor: pointer;
}
.mv__Video #music span {
  display: none;
}
.mv__Video #music span.active {
  display: block;
}
.mv__Video #music img {
  max-width: none;
  width: 100%;
}
.mv__Ttl {
  position: absolute;
  width: 32.8571428571vw;
  top: 74.9285714286vw;
  left: 33.5714285714vw;
}
.mv__Ttl img {
  max-width: none;
  width: 100%;
}
.mv__Txt {
  position: absolute;
  top: 87.0714285714vw;
  left: 35.4285714286vw;
  font-size: 1.2857142857vw;
  line-height: 2.5714285714vw;
  color: #445b84;
  text-align: center;
}

.sec01__Inner {
  position: relative;
  width: 100vw;
  height: 84.7142857143vw;
  margin: auto;
}
.sec01__Ttl {
  position: absolute;
  width: 100.5714285714vw;
  left: -0.2142857143vw;
}
.sec01__Ttl.-ttl01 {
  top: 9.1428571429vw;
}
.sec01__Ttl.-ttl02 {
  top: 55.5vw;
}
.sec01__Ttl img {
  max-width: none;
  width: 100%;
}
.sec01__Model {
  position: absolute;
}
.sec01__Model a {
  display: block;
  background: #fff;
}
.sec01__Model.-model01 {
  width: 42.8571428571vw;
  top: 0;
  left: 8.5714285714vw;
}
.sec01__Model.-model02 {
  width: 34.2857142857vw;
  top: 22.8571428571vw;
  left: 57.1428571429vw;
}
.sec01 .credit {
  width: 34.2857142857vw;
  top: 70.5vw;
  left: 57.1428571429vw;
}

.sec02__Inner {
  position: relative;
  width: 100vw;
  height: 70.3571428571vw;
  margin: auto;
}
.sec02__Model {
  position: absolute;
}
.sec02__Model a {
  display: block;
  background: #fff;
}
.sec02__Model.-model01 {
  width: 38.5714285714vw;
  top: 0vw;
  left: 50vw;
}
.sec02__Model.-model02 {
  width: 34.2857142857vw;
  top: 2.8571428571vw;
  left: 11.4285714286vw;
}
.sec02 .credit {
  width: 38.5714285714vw;
  top: 53.3571428571vw;
  left: 50vw;
}

.sec03__Inner {
  position: relative;
  width: 100vw;
  height: 71.5714285714vw;
  margin: auto;
}
.sec03__Inner:before {
  position: absolute;
  top: -2.8571428571vw;
  left: 0;
  width: 100vw;
  height: 60vw;
  content: "";
  background: url("./../img/bg_sec03.png");
  background-size: cover;
}
.sec03__Model {
  position: absolute;
}
.sec03__Model a {
  display: block;
  background: #fff;
}
.sec03__Model.-model01 {
  width: 100vw;
  top: 0vw;
  left: 0vw;
  overflow: hidden;
}
.sec03__Model.-model01 .swiper-slide {
  width: 40.7142857143vw;
}
.sec03 .credit {
  width: 100%;
  top: 59.2142857143vw;
  left: 0vw;
  text-align: center;
}

.sec04__Inner {
  position: relative;
  width: 100vw;
  height: 68.7142857143vw;
  margin: auto;
}
.sec04__Model {
  position: absolute;
}
.sec04__Model a {
  display: block;
  background: #fff;
}
.sec04__Model.-model01 {
  width: 38.5714285714vw;
  top: 0vw;
  left: 11.4285714286vw;
}
.sec04__Model.-model02 {
  width: 34.2857142857vw;
  top: 2.8571428571vw;
  left: 54.2857142857vw;
}
.sec04 .credit {
  width: 38.5714285714vw;
  top: 53.4285714286vw;
  left: 11.4285714286vw;
}

.sec05__Inner {
  position: relative;
  width: 100vw;
  height: 79vw;
  margin: auto;
}
.sec05__Model {
  position: absolute;
}
.sec05__Model a {
  display: block;
  background: #fff;
}
.sec05__Model.-model01 {
  width: 40.7142857143vw;
  top: 0vw;
  left: 47.8571428571vw;
}
.sec05__Model.-model02 {
  width: 32.1428571429vw;
  top: 20vw;
  left: 11.4285714286vw;
}
.sec05 .credit {
  width: 32.1428571429vw;
  top: 64.8571428571vw;
  left: 11.4285714286vw;
}
.sec05 .credit .link {
  color: #442d32;
}
.sec05 .credit .link:before {
  background: #442d32;
}

.sec06__Inner {
  position: relative;
  width: 100vw;
  height: 79vw;
  margin: auto;
}
.sec06__Model {
  position: absolute;
}
.sec06__Model a {
  display: block;
  background: #fff;
}
.sec06__Model.-model01 {
  width: 47.1428571429vw;
  top: 0vw;
  left: 26.4285714286vw;
}
.sec06 .credit {
  width: 47.1428571429vw;
  top: 64.8571428571vw;
  left: 26.2142857143vw;
  text-align: center;
}
.sec06 .credit .link {
  color: #442d32;
}
.sec06 .credit .link:before {
  background: #442d32;
}

.sec07__Inner {
  position: relative;
  width: 100vw;
  height: 71.5714285714vw;
  margin: auto;
}
.sec07__Model {
  position: absolute;
}
.sec07__Model a {
  display: block;
  background: #fff;
}
.sec07__Model.-model01 {
  width: 40.7142857143vw;
  top: 0vw;
  left: 11.4285714286vw;
}
.sec07__Model.-model02 {
  width: 32.1428571429vw;
  top: 17.1428571429vw;
  left: 56.4285714286vw;
}
.sec07 .credit {
  width: 32.1428571429vw;
  top: 62vw;
  left: 56.4285714286vw;
}

.sec08__Inner {
  position: relative;
  width: 100vw;
  height: 71.4285714286vw;
  margin: auto;
}
.sec08__Inner:before {
  position: absolute;
  top: 0vw;
  left: 25vw;
  width: 50vw;
  height: 56.4285714286vw;
  content: "";
  background: url("./../img/frame_sec08.svg");
  background-size: cover;
}
.sec08__Ttl {
  position: absolute;
  top: 6vw;
  width: 16.3571428571vw;
  left: 41.7857142857vw;
}
.sec08__Ttl img {
  max-width: none;
  width: 100%;
}
.sec08__Txt {
  color: #445b84;
  position: absolute;
  top: 14.7857142857vw;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.1428571429vw;
  letter-spacing: 0.01em;
  line-height: 2.2857142857vw;
}
.sec08__Allitembtn {
  position: absolute;
  top: 60.7142857143vw;
  left: 0;
  width: 100%;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: #445b84;
  font-family: "miller-banner", serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  font-size: 2.4285714286vw;
  transition: 0.3s;
}
.sec08__Allitembtn:hover {
  text-decoration: none;
  opacity: 0.6;
}
.sec08__Allitembtn span {
  display: inline-block;
  transform: translate(0.0714285714vw, 0.2142857143vw);
  letter-spacing: 0.04em;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}