.l-container {
  width: 100%;
}

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

#feature {
  width: 100%;
}

#feature img {
  width: 100%;
}

#feature .l-hdr {
  width: 100%;
  max-width: 2100px;
  margin: 0 auto;
  position: relative;
}
#feature .l-hdr .hero__ttl {
  position: absolute;
  top: 17.7998111426vw;
  right: 12.2285174693vw;
  transition-delay: 0.8s;
  width: 12.6062322946vw;
}
#feature .l-hdr .hero__txt {
  position: absolute;
  top: 28.7063267233vw;
  right: 10.5760151086vw;
  transition-delay: 1.6s;
  width: 15.7223796034vw;
}

#feature #fixedContent {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 2100px;
  height: calc(100vh - 80px);
}

#feature #fixedContent.fixed {
  position: fixed;
  top: 80px;
}

#feature .l-block02 {
  background: #fff;
  position: relative;
  z-index: 10;
}

#feature .l-block__container {
  position: relative;
  z-index: 10;
  height: calc(100% - 48px);
}

#feature .l-block__txt {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1.7941454202vw;
  padding: 0.2360717658vw 0 0;
  border-bottom: 1px solid #231815;
  box-sizing: border-box;
  margin-bottom: 2.1718602455vw;
  position: relative;
  overflow-x: clip;
}
#feature .l-block__txt::before {
  background: #fff;
  content: "";
  height: 5px;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition-duration: 0.5s;
  transition-delay: 0.5s;
  width: 100%;
}
#feature .l-block__txt.show::before {
  left: 100%;
}

#feature .l-block__wrap {
  position: relative;
  z-index: 10;
  display: flex;
  height: calc(100% - 3.9660056657vw);
  border-bottom: solid #231815 1px;
  overflow: hidden;
}

.cont__head {
  position: absolute;
  top: 0.3777148253vw;
  left: 2.2190745987vw;
}
.cont__head.show {
  transition-delay: 2s;
}
.cont__head .first {
  font-family: "poppins", sans-serif;
  font-size: 1.5108593012vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.018em;
  margin-bottom: 0.566572238vw;
}
.cont__head .second {
  font-family: "poppins", sans-serif;
  font-size: 0.8026440038vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.48;
  margin-bottom: 1.3692162417vw;
  margin-left: -2px;
}
.cont__head .third {
  font-family: "poppins", sans-serif;
  font-size: 0.8970727101vw;
  font-style: normal;
  font-weight: 500;
  margin-left: -2px;
}

#feature .l-block__inr {
  position: relative;
  width: 31.208687441vw;
}

#feature .l-block__style {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  height: 430px;
  cursor: pointer;
}

#feature .l-block__style .slide {
  width: 100%;
  height: 100%;
}

#feature .l-block__style figure img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#feature .l-block__img {
  position: relative;
  width: calc(100% - 36.4583333333vw);
}

#feature .l-block__ttl {
  position: absolute;
  top: 34.3373493976vw;
  left: 2.2190745987vw;
  width: 16.5250236072vw;
  height: 8.970727101vw;
  overflow: hidden;
  opacity: 0;
}
#feature .l-block__ttl.show {
  opacity: 1;
  transition-delay: 0.5s;
}

#feature .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: 0.5s;
}

#feature .slide.hidden {
  z-index: 1;
  opacity: 0;
}

#feature .slide.active {
  z-index: 20;
  opacity: 1;
}

#feature .slide-txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: 0.3s;
}

#feature .slide-txt.hidden {
  z-index: 1;
  opacity: 0;
}

#feature .slide-txt.active {
  transition-delay: 0.5s;
  opacity: 1;
}

#feature .l-nailcolor,
#feature .l-arrangements {
  position: relative;
  z-index: 50;
  width: 1400px;
  background: #F8F9F4;
}

#feature .c-txt__ttl {
  width: 387px;
  margin: 60px auto 0;
  text-align: center;
}

#feature .c-txt__subttl {
  width: 231px;
  margin: 0 165px 0 100px;
}

#feature .c-txt__lead {
  width: 484.4px;
  margin: 45px 0 0;
}

#feature .c-txt__detail01 {
  margin-top: 0.3305004721vw;
  margin-left: 0.7554296506vw;
  width: 3.9660056657vw;
  opacity: 0;
  transition-duration: 0.5s;
}
#feature .c-txt__detail01.show {
  opacity: 1;
  transition-delay: 1s;
}

#feature .c-txt__detail02 {
  margin: 0.4721435316vw auto 0;
  padding-right: 1.9357884797vw;
  width: 1.5580736544vw;
  opacity: 0;
  transition-duration: 0.5s;
}
#feature .c-txt__detail02.show {
  opacity: 1;
  transition-delay: 1.3s;
}

#feature .c-txt__detail03 {
  margin-top: 0.3305004721vw;
  margin-right: 0.566572238vw;
  width: 2.5495750708vw;
  opacity: 0;
  transition-duration: 0.5s;
}
#feature .c-txt__detail03.show {
  opacity: 1;
  transition-delay: 1.6s;
}

#feature .l-block__inr.fade.show,
#feature .l-block__img.fade.show {
  transition-delay: 2s;
}

#feature .c-txt__num {
  position: absolute;
  top: 48.9%;
  left: 40px;
  transform: translateY(-50%);
  width: 33px;
  height: 22px;
  overflow: hidden;
}

#feature .c-txt__num img {
  width: auto;
  height: 100%;
  background: #F8F9F4;
}

#feature .c-txt__stf {
  position: relative;
  left: -4px;
  width: 1086px;
  margin: 150px auto 0;
}

#feature .c-btn {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 48px;
  background: #fff;
}

#feature .c-btn__foot {
  width: 1400px;
  height: 66px;
  margin: 16px auto 0;
}

#feature .c-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #000;
  text-align: center;
  transition: 0.3s;
}

#feature .c-btn a:hover {
  opacity: 0.6;
}

#feature .c-btn a img {
  width: 115.5px;
  height: 9.7px;
}

#feature .c-btn__foot a img {
  width: 113px;
  height: 9.48px;
  margin: 0 2px 0 0;
}

#feature .credit-inner {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(24px);
  width: 100%;
  height: 100%;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  text-align: center;
  transition: 0.8s;
}

#feature .credit-inner.active {
  transform: translateY(0);
  opacity: 1;
}

.look__no {
  color: #231815;
  font-family: "poppins", sans-serif;
  font-size: 1.0387157696vw;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 0.9442870633vw;
  padding-left: 0.8970727101vw;
  position: relative;
}
.look__no::before {
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
}

#feature .credit li, #feature .credit a {
  text-decoration: none;
  color: #231815;
  font-family: "poppins", sans-serif;
  font-size: 0.6610009443vw;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0.6137865911vw;
}

#feature .credit a {
  transition: 0.3s;
}

#feature .credit a:hover {
  opacity: 0.6;
  cursor: pointer;
}

#feature .credit a > span > span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -5px 0 2px;
  font-size: 10px;
}

#feature .fade {
  transition-duration: 0.8s;
  opacity: 0;
}

#feature .fade.show {
  opacity: 1;
}

#feature .l-block.fade {
  transform: translate(-50%, 48px);
}

#feature .l-block.fade.show {
  transform: translate(-50%, 0);
}

#feature .fadeimg {
  transition: 0.3s;
}

.l-block__img .fadeimg {
  margin-left: 1.5108593012vw;
}

.slick-dots {
  display: flex;
  position: absolute;
  bottom: 0.4721435316vw;
  left: -29.1558441558vw;
  width: 14.164305949vw;
}
.slick-dots li {
  border: solid #231815 1px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 0.4249291785vw;
  margin: 0 0.2360717658vw;
  text-indent: -9999px;
  transition: all 0.3s ease-in-out;
  width: 0.4249291785vw;
}
.slick-dots li.slick-active {
  background: #231815;
}

.l-block02 {
  border-bottom: solid #000 1px;
  padding-top: 35.9025032938vw;
  padding-bottom: 0.3293807642vw;
}
.l-block02 .cont__head {
  top: 4.9407114625vw;
  left: 2.3056653491vw;
}
.l-block02 .footer__txt {
  position: absolute;
  top: 5.1383399209vw;
  left: 45.7839262187vw;
  width: 7.5098814229vw;
}
.l-block02 .footer__staff {
  position: absolute;
  top: 5.2700922266vw;
  right: 2.3056653491vw;
  width: 11.9235836627vw;
}
.l-block02 .footer__btn {
  text-align: center;
}
.l-block02 .footer__btn a {
  font-family: "poppins", sans-serif;
  font-size: 1.4164305949vw;
  font-weight: 400;
  font-style: normal;
}
.l-block02 .footer__btn a::before {
  content: ">";
}

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