* {
  min-height: 0%;
  box-sizing: border-box;
}

body {
  color: #000;
  font-family: 'A1 Gothic R';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  vertical-align: bottom;
}

ul, li {
  list-style: none;
}

.swiper-wrapper {
  height: 100vh;
}

.sec-mv {
  position: relative;
  padding-top: 100px;
}

.sec-mv .swiper-slide img {
  height: 100%;
  object-fit: cover;
}

.sec-mv--0 {
  padding-top: 0;
}

.sec-mv--0 .txt1 {
  position: absolute;
  bottom: 11.76%;
  left: 7.1875%;
  width: 17.421875vw;
  z-index: 1;
}

.sec-mv--0 .txt2 {
  position: absolute;
  top: 12.35%;
  left: 50%;
  transform: translateX(-50%);
  width: 2.265vw;
  z-index: 1;
}

.sec-mv--0 .txt1,
.sec-mv--0 .txt2 {
  opacity: 0;
  transition: 1.5s;
}

.sec-mv--0 .txt1.show,
.sec-mv--0 .txt2.show {
  opacity: 1;
}

.sec-mv--1 {
  padding-top: 0;
}

.sec-mv--1 .txt1 {
  position: absolute;
  bottom: 6.6176%;
  left: 4.453%;
  width: 30.6953vw;
  z-index: 1;
}

.sec-mv--2 .txt1 {
  position: absolute;
  bottom: 5.73%;
  left: 5.39%;
  width: 36.48vw;
  z-index: 1;
}

.sec-mv--3 .txt1 {
  position: absolute;
  bottom: 6.5%;
  right: 4.5%;
  width: 32.5vw;
  z-index: 1;
}

.sec-mv--4 .txt1 {
  position: absolute;
  bottom: 5.3%;
  left: 4.8%;
  width: 42.1vw;
  z-index: 1;
}

.sec-mv--5 .txt1 {
  position: absolute;
  top: 20.3%;
  left: 6.6%;
  width: 24.45vw;
  z-index: 1;
}

.sec {
  position: relative;
  max-width: 1280px;
  margin: auto;
}

.sec .txt {
  line-height: 1.4;
}

.sec--1 {
  padding-top: 60px;
}

.sec--1 > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 1081px;
  width: 100%;
  margin: auto;
}

.sec--1 > div:nth-child(1) .img {
  max-width: 805px;
  width: 75%;
  margin-right: 42px;
}

.sec--1 > div:nth-child(2) {
  display: flex;
  width: 100%;
  margin-top: 60px;
}

.sec--1 > div:nth-child(2) .img:nth-child(1) {
  margin-top: 291px;
  width: 586px;
  margin-right: 39px;
}

.sec--1 > div:nth-child(2) .img:nth-child(2) {
  width: 588px;
}

.sec--1 > div:nth-child(3) {
  display: flex;
  justify-content: flex-end;
  margin-top: -215px;
}

.sec--1 > div:nth-child(3) .inner {
  display: flex;
  align-items: flex-end;
  max-width: 1167px;
  width: 100%;
}

.sec--1 > div:nth-child(3) .img:nth-child(1) {
  width: 584px;
  margin-right: 57px;
}

.sec--1 > div:nth-child(3) .img:nth-child(2) {
  width: 562px;
}

.sec--1 > div:nth-child(4) {
  display: flex;
  align-items: flex-end;
  margin-top: 73px;
}

.sec--1 > div:nth-child(4) .img {
  width: 806px;
  margin-right: 44px;
}

.sec--1 > div:nth-child(4) .txt {
  width: 327px;
}

.sec--2 {
  padding-top: 64px;
}

.sec--2 > div:nth-child(1) .img {
  max-width: 682px;
  width: 50%;
}

.sec--2 > div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  margin-top: -307px;
}

.sec--2 > div:nth-child(2) .inner {
  max-width: 47%;
}

.sec--2 > div:nth-child(2) .txt {
  margin-bottom: 39px;
}

.sec--2 > div:nth-child(2) .img {
  width: 497px;
}

.sec--2 > div:nth-child(3) {
  margin-top: -474px;
}

.sec--2 > div:nth-child(3) .inner {
  display: flex;
  align-items: flex-end;
  max-width: 1071px;
  margin: auto;
  transform: translateX(-7px);
}

.sec--2 > div:nth-child(3) .img:nth-child(1) {
  width: 516px;
  margin: 0 26px 121px 0;
}

.sec--2 > div:nth-child(3) .img:nth-child(2) {
  width: 529px;
}

.sec--2 > div:nth-child(4) {
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
}

.sec--2 > div:nth-child(4) .inner {
  display: flex;
  align-items: flex-end;
}

.sec--2 > div:nth-child(4) .txt {
  width: 301px;
  margin-right: 44px;
}

.sec--2 > div:nth-child(4) .img {
  width: 806px;
}

.sec--3 {
  padding-top: 54px;
}

.sec--3 > div:nth-child(1) {
  display: flex;
  justify-content: flex-end;
}

.sec--3 > div:nth-child(1) .img {
  max-width: 867px;
  width: 100%;
}

.sec--3 > div:nth-child(1) .txt {
  display: none;
}

.sec--3 > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 36px;
}

.sec--3 > div:nth-child(2) > .img {
  max-width: 592px;
  width: 50%;
  margin-bottom: 60px;
}

.sec--3 > div:nth-child(2) .inner {
  max-width: 583px;
  width: 45%;
}

.sec--3 > div:nth-child(2) .inner .txt {
  margin-bottom: 23px;
}

.sec--3 > div:nth-child(3) {
  display: flex;
  justify-content: flex-end;
  max-width: 998px;
  width: 100%;
  margin: 48px auto 0;
}

.sec--3 > div:nth-child(3) .img {
  max-width: 621px;
  width: 100%;
}

.sec--3 > div:nth-child(4) {
  display: flex;
  align-items: flex-end;
  margin-top: 35px;
}

.sec--3 > div:nth-child(4) .img {
  width: 806px;
  margin-right: 24px;
}

.sec--3 > div:nth-child(4) .txt {
  width: 347px;
}

.sec--4 {
  padding-top: 48px;
}

.sec--4 > div:nth-child(1) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}

.sec--4 > div:nth-child(1) .img {
  width: 980px;
  max-width: calc(100% - 265px);
  margin-right: 31px;
}

.sec--4 > div:nth-child(1) .txt {
  width: 234px;
}

.sec--4 > div:nth-child(2) .inner {
  display: flex;
  justify-content: flex-end;
  margin-top: 48px;
}

.sec--4 > div:nth-child(2) .inner .img {
  max-width: 563px;
  width: 60%;
}

.sec--4 > div:nth-child(2) .inner .txt {
  display: none;
}

.sec--4 > div:nth-child(3) {
  display: flex;
  align-items: flex-end;
  margin-top: -158px;
}

.sec--4 > div:nth-child(3) .img:nth-child(1) {
  max-width: 447px;
  width: 36%;
  margin: 0 41px 158px 0;
}

.sec--4 > div:nth-child(3) .img:nth-child(2) {
  max-width: 737px;
  width: 56%;
}

.sec--4 > div:nth-child(4) {
  display: flex;
  align-items: flex-end;
  margin-top: 35px;
}

.sec--4 > div:nth-child(4) .img {
  width: 806px;
  margin-right: 32px;
}

.sec--4 > div:nth-child(4) .txt {
  width: 313px;
}

.sec--5 > div:nth-child(1) {
  display: flex;
  align-items: flex-end;
  margin-top: 109px;
}

.sec--5 > div:nth-child(1) > .img {
  max-width: 542px;
  width: 48%;
  margin: 0 73px 0 0;
}

.sec--5 > div:nth-child(1) .inner {
  max-width: 587px;
  width: 52%;
}

.sec--5 > div:nth-child(1) .inner .txt {
  margin-bottom: 25px;
}

.sec--5 > div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  margin: 86px auto 0;
  max-width: 1126px;
}

.sec--5 > div:nth-child(2) .img {
  max-width: 842px;
}

.sec--5 > div:nth-child(3) {
  margin: 36px auto 0;
  max-width: 1040px;
}

.sec--5 > div:nth-child(3) .img {
  max-width: 545px;
}

.sec--5 > div:nth-child(4) {
  display: flex;
  justify-content: flex-end;
  margin-top: 36px;
}

.sec--5 > div:nth-child(4) .inner {
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.sec--5 > div:nth-child(4) .txt {
  width: 386px;
  margin-right: 38.8px;
}

.sec--5 > div:nth-child(4) .img {
  width: 806px;
}

.debut {
  position: relative;
  height: 630px;
  width: 100%;
  margin-top: 100px;
  background-image: url(/store/miffew/img/bg-footer.jpg);
  background-size: cover;
  background-position: center;
}

.debut img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 131px;
  z-index: 1;
}

.staff {
  text-align: center;
  color: #231815;
  padding: 50px 30px 40px;
  border-bottom: 1px solid #000;
}

.staff .ttl {
  font-size: 20px;
  letter-spacing: 2.4px;
}

.staff .cnt {
  font-size: 14px;
  line-height: 2;
  margin-top: 15px;
}

footer {
  max-width: 940px;
  margin: 0 auto;
  padding: 63px 0 37px;
  text-align: center;
  font-size: 16px;
}

footer a {
  color: #000;
  border-color: #000;
}

footer ul {
  display: flex;
  gap: 30px;
  justify-content: center;
}

footer ul.hobo a {
  text-align: center;
  width: 220px;
  border-radius: 2em;
  border: 1px solid;
  display: inline-block;
  line-height: 3;
}

footer ul.sns {
  padding: 30px 0;
  gap: 25px;
}

footer ul.link a {
  font-family: 'A1 Gothic L', sans-serif;
  font-size: 13px;
  color: #000;
  position: relative;
}

footer ul.link a:after {
  content: '/';
  display: inline-block;
  position: absolute;
  right: -18px;
}

footer ul.link li:last-of-type a:after {
  display: none;
}

footer .copyright {
  padding-top: 20px;
  display: inline-block;
}

.fadein {
  opacity: 0;
  transition: 1.5s;
}

.fadein.show {
  opacity: 2;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 1280px) {
  .sec-mv--0 .txt1 {
    width: 223px;
  }
  .sec-mv--0 .txt2 {
    width: 29px;
  }
  .sec-mv--1 .txt1 {
    width: 393px;
  }
  .sec-mv--2 .txt1 {
    width: 467px;
  }
  .sec-mv--3 .txt1 {
    width: 378px;
  }
  .sec-mv--4 .txt1 {
    width: 539px;
  }
  .sec-mv--5 .txt1 {
    width: 313px;
  }
}

@media screen and (max-width: 834px) {
  body {
    font-size: 15px;
  }
  .sec-mv {
    padding-top: 60px;
  }
  .sec-mv--0 {
    padding-top: 0;
  }
  .sec-mv--0 .txt1 {
    width: 170px;
    left: 30px;
    bottom: 32px;
  }
  .sec-mv--0 .txt2 {
    width: 22px;
    top: initial;
    left: initial;
    right: 52px;
    bottom: 62px;
    transform: initial;
  }
  .sec-mv--1 .txt1 {
    width: 262px;
    left: 20px;
    bottom: 26px;
  }
  .sec-mv--2 .txt1 {
    width: 336px;
    max-width: 92%;
    left: 20px;
    bottom: 26px;
  }
  .sec-mv--3 .txt1 {
    width: 247px;
    left: 20px;
    bottom: 26px;
  }
  .sec-mv--4 .txt1 {
    width: 317.83px;
    left: 20px;
    bottom: 26px;
  }
  .sec-mv--5 .txt1 {
    width: 210px;
    left: 20px;
    bottom: 26px;
    top: initial;
  }
  .sec--1 {
    padding-top: 16px;
  }
  .sec--1 > div:nth-child(1) {
    display: block;
    width: 86%;
    margin: 0;
  }
  .sec--1 > div:nth-child(1) .img {
    width: 100%;
  }
  .sec--1 > div:nth-child(1) .txt {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .sec--1 > div:nth-child(2) {
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-top: 16px;
  }
  .sec--1 > div:nth-child(2) .img:nth-child(1) {
    width: 100%;
    margin: 16px 0 0;
  }
  .sec--1 > div:nth-child(2) .img:nth-child(1) img {
    width: 66.48%;
  }
  .sec--1 > div:nth-child(2) .img:nth-child(2) {
    width: 86%;
  }
  .sec--1 > div:nth-child(3) {
    margin-top: 40px;
  }
  .sec--1 > div:nth-child(3) .inner {
    flex-direction: column-reverse;
  }
  .sec--1 > div:nth-child(3) .img:nth-child(1) {
    width: 68%;
    margin: 16px 0 0;
  }
  .sec--1 > div:nth-child(3) .img:nth-child(2) {
    width: 100%;
  }
  .sec--1 > div:nth-child(3) .img:nth-child(2) img {
    width: 68%;
    margin-left: 23px;
  }
  .sec--1 > div:nth-child(4) {
    display: block;
  }
  .sec--1 > div:nth-child(4) .txt {
    margin: 16px 0 0 20px;
    width: 146px;
  }
  .sec--1 > div:nth-child(4) .img {
    width: 100%;
    margin: 0;
  }
  .sec--2 {
    padding-top: 16px;
  }
  .sec--2 > div:nth-child(1) .img {
    width: 86%;
  }
  .sec--2 > div:nth-child(2) {
    margin-top: 16px;
  }
  .sec--2 > div:nth-child(2) .inner {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    max-width: 100%;
  }
  .sec--2 > div:nth-child(2) .img {
    width: 68%;
  }
  .sec--2 > div:nth-child(2) .txt {
    width: 90%;
    margin: 40px 0 0;
  }
  .sec--2 > div:nth-child(3) {
    margin-top: 16px;
  }
  .sec--2 > div:nth-child(3) .inner {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
  .sec--2 > div:nth-child(3) .img:nth-child(1) {
    width: 90%;
    margin: 0;
  }
  .sec--2 > div:nth-child(3) .img:nth-child(1) img {
    width: 74%;
  }
  .sec--2 > div:nth-child(3) .img:nth-child(2) {
    width: 66.48%;
    margin-top: 16px;
  }
  .sec--2 > div:nth-child(4) {
    margin-top: 40px;
  }
  .sec--2 > div:nth-child(4) .inner {
    flex-direction: column-reverse;
    align-items: initial;
  }
  .sec--2 > div:nth-child(4) .txt {
    margin: 16px 0 0 20px;
    width: 164px;
  }
  .sec--2 > div:nth-child(4) .img {
    width: 100%;
    margin: 0;
  }
  .sec--3 {
    padding-top: 40px;
  }
  .sec--3 > div:nth-child(1) {
    flex-direction: column;
    align-items: flex-end;
  }
  .sec--3 > div:nth-child(1) .txt {
    display: block;
    width: 86%;
  }
  .sec--3 > div:nth-child(1) .img {
    width: 86%;
    margin-top: 16px;
  }
  .sec--3 > div:nth-child(2) {
    flex-direction: column;
    align-items: initial;
    margin-top: 40px;
  }
  .sec--3 > div:nth-child(2) > .img {
    margin-bottom: 16px;
    width: 68%;
  }
  .sec--3 > div:nth-child(2) .inner {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .sec--3 > div:nth-child(2) .inner .txt {
    display: none;
  }
  .sec--3 > div:nth-child(2) .inner .img {
    width: 66.48%;
    margin-right: 42px;
  }
  .sec--3 > div:nth-child(3) {
    margin-top: 40px;
  }
  .sec--3 > div:nth-child(3) .img {
    width: 66.48%;
  }
  .sec--3 > div:nth-child(4) {
    display: block;
  }
  .sec--3 > div:nth-child(4) .txt {
    margin: 16px 0 0 20px;
    width: 190px;
  }
  .sec--3 > div:nth-child(4) .img {
    width: 100%;
    margin: 0;
  }
  .sec--4 {
    padding-top: 16px;
  }
  .sec--4 > div:nth-child(1) {
    display: block;
  }
  .sec--4 > div:nth-child(1) .txt {
    display: none;
  }
  .sec--4 > div:nth-child(1) .img {
    max-width: initial;
    width: 86%;
    margin: 0;
  }
  .sec--4 > div:nth-child(2) .inner {
    margin-top: 16px;
    flex-direction: column;
    align-items: flex-end;
  }
  .sec--4 > div:nth-child(2) .inner .txt {
    display: block;
    width: 90%;
    margin-top: 40px;
  }
  .sec--4 > div:nth-child(2) .inner .img {
    width: 66.48%;
    margin-right: 23px;
  }
  .sec--4 > div:nth-child(3) {
    flex-direction: column-reverse;
    align-items: initial;
    margin-top: 16px;
  }
  .sec--4 > div:nth-child(3) .img:nth-child(1) {
    width: 68%;
    margin: 40px 0 0;
  }
  .sec--4 > div:nth-child(3) .img:nth-child(2) {
    width: 86%;
    margin-left: 10%;
  }
  .sec--4 > div:nth-child(4) {
    display: block;
    margin-top: 16px;
  }
  .sec--4 > div:nth-child(4) .txt {
    margin: 16px 0 0 20px;
    width: 170px;
  }
  .sec--4 > div:nth-child(4) .img {
    width: 100%;
    margin: 0;
  }
  .sec--5 > div:nth-child(1) {
    margin-top: 40px;
  }
  .sec--5 > div:nth-child(1) > .img {
    display: none;
  }
  .sec--5 > div:nth-child(1) .inner {
    width: 100%;
    margin-left: 14%;
  }
  .sec--5 > div:nth-child(1) .inner .txt {
    margin-bottom: 16px;
  }
  .sec--5 > div:nth-child(2) {
    display: block;
    margin-top: 40px;
  }
  .sec--5 > div:nth-child(2) .img {
    width: 86%;
  }
  .sec--5 > div:nth-child(3) {
    margin-top: 16px;
  }
  .sec--5 > div:nth-child(3) .img {
    width: 66.48%;
  }
  .sec--5 > div:nth-child(3) .img.sp {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
  .sec--5 > div:nth-child(3) .img.sp img {
    width: 86%;
  }
  .sec--5 > div:nth-child(4) {
    margin-top: 40px;
  }
  .sec--5 > div:nth-child(4) .inner {
    flex-direction: column-reverse;
    align-items: initial;
  }
  .sec--5 > div:nth-child(4) .txt {
    margin: 16px 0 0 20px;
    width: 211px;
  }
  .sec--5 > div:nth-child(4) .img {
    width: 100%;
    margin: 0;
  }
  .debut {
    margin-top: 60px;
    height: 667px;
    background-image: url(/store/miffew/img/bg-footer-sp.jpg);
  }
  .debut img {
    width: 131px;
    left: 42px;
    bottom: 56px;
    top: initial;
    transform: initial;
  }
  footer {
    padding: 30px 0 25px;
  }
  footer ul.hobo, footer ul.link {
    display: block;
  }
  footer ul.hobo li:nth-of-type(n + 2) {
    padding-top: 20px;
  }
  footer ul.sns img {
    width: 33px;
  }
  footer ul {
    gap: 24px;
  }
  footer ul.link {
    line-height: 1.8;
  }
  footer ul.link a:after {
    display: none;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}