@charset "UTF-8";
html,
body {
  font-optical-sizing: auto;
  font-family: "mencken-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 14px;
  overflow-x: hidden;
  transition: all 1.5s;
  letter-spacing: 0.05em;
  background-blend-mode: lighten;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  color: #624f00;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #624f00;
}
a .no-touch {
  pointer-events: none;
}
a .no-touch .buy {
  text-decoration: none;
}

.fade,
.fade_down,
.fade_left,
.fade_right {
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

.fv {
  background-image: url(../images/bnr/fv_sp.jpg);
  height: 100svh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 10%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .fv {
    background-image: url(../images/bnr/fv_pc.jpg);
  }
}
@media screen and (min-width: 769px) {
  .fv {
    height: 100vh;
  }
}
.fv .ttl {
  position: absolute;
  width: 85.0666666667%;
  top: 40.0299850075%;
  left: 5.3333333333%;
}
@media screen and (min-width: 769px) {
  .fv .ttl {
    width: 39.6666666667%;
    top: 39.2857142857%;
    left: 4.1666666667%;
  }
}
.fv .ttl_logo {
  position: absolute;
  width: 28%;
  bottom: 7.3463268366%;
  left: 5.3333333333%;
}
@media screen and (min-width: 769px) {
  .fv .ttl_logo {
    width: 12.1666666667%;
    bottom: 10.1428571429%;
    left: 4.1666666667%;
  }
}
.fv .ttl,
.fv .ttl_logo {
  transition: transform 0.5s linear;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

.flex {
  display: flex;
}
.flex .left,
.flex .right {
  width: 50%;
}

.credit {
  font-size: 14px;
  color: #454545;
  margin-top: 10px;
  line-height: 1.5;
}
.credit li {
  margin-bottom: 10px;
  white-space: nowrap;
}
.credit li:last-child {
  margin-bottom: 0;
}
.credit li a span {
  text-decoration: underline;
}
.credit li .com {
  color: #b2b2b2;
}
.credit li .com span {
  text-decoration: none;
}

.cre {
  color: #624f00;
  font-size: 14px;
  margin-left: 10px;
}
.cre li {
  margin: 5px 0;
}

.style1 {
  margin: 70px 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .style1 {
    margin: 90px 0;
  }
}
.style1__imgA, .style1__imgB {
  position: absolute;
  width: 53.0666666667%;
}
@media screen and (min-width: 769px) {
  .style1__imgA, .style1__imgB {
    width: 29.8333333333%;
  }
}
.style1__imgA {
  z-index: 2;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .style1__imgA {
    left: 21.8333333333%;
  }
}
.style1__imgB {
  top: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  .style1__imgB {
    right: 21.8333333333%;
  }
}

.style1::before {
  content: "";
  display: block;
  padding-top: 103.2%;
}
@media screen and (min-width: 769px) {
  .style1::before {
    padding-top: 56.25%;
  }
}

.style2 {
  margin-bottom: 90px;
  position: relative;
}
.style2 .r,
.style2 .l {
  position: absolute;
  width: 50.6666666667%;
}
@media screen and (min-width: 769px) {
  .style2 .r,
  .style2 .l {
    width: 15.8333333333%;
  }
}
.style2 .r {
  top: 55.9777571826%;
  right: 3.4666666667%;
  left: auto;
}
@media screen and (min-width: 769px) {
  .style2 .r {
    top: 4.3859649123%;
    left: 31.8333333333%;
  }
}
.style2 .l {
  top: 76.6450417053%;
  left: 3.4666666667%;
}
@media screen and (min-width: 769px) {
  .style2 .l {
    top: 43.3333333333%;
    left: 18.6666666667%;
  }
}
.style2 .box {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .style2 .box {
    width: 31.6666666667%;
    right: 17.6666666667%;
    left: auto;
    top: 0;
  }
}

.style2::before {
  content: "";
  display: block;
  padding-top: 287.7333333333%;
}
@media screen and (min-width: 769px) {
  .style2::before {
    padding-top: 47.5%;
  }
}

.style3 .imgA {
  margin-bottom: 40px;
}
.style3 .layer_box {
  position: relative;
}
.style3 .imgB, .style3 .imgC {
  position: absolute;
  width: 54.9333333333%;
}
.style3 .imgB {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  opacity: 0.8 !important;
}
.style3 .imgC {
  right: 0;
  bottom: 0;
}
.style3 .flexbox {
  width: 89.3333333333%;
  margin: 35px auto 60px;
  display: flex;
  gap: 10px;
  align-items: end;
}
.style3 .flexbox__imgD {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .style3 .flexbox__imgD {
    width: 168px;
  }
}
@media screen and (min-width: 769px) {
  .style3 #leeep-tag-ugc-1322091324505083904 {
    width: 42.3333333333% !important;
    margin: 0 auto;
  }
}

.layer_box::before {
  content: "";
  display: block;
  padding-top: 85.8666666667%;
}

/*PC用*/
@media screen and (min-width: 769px) {
  .style3 .imgBox {
    margin-bottom: 75px;
    position: relative;
  }
  .style3 .imgBox .imgA {
    position: absolute;
    top: 0;
    width: 36.8333333333%;
    left: 18.6666666667%;
  }
  .style3 .imgBox .imgB {
    position: absolute;
    width: 19%;
    top: 4.6199701937%;
    left: 75% !important;
    opacity: 0.8 !important;
  }
  .style3 .imgBox .imgC {
    position: absolute;
    width: 19%;
    top: 12.3695976155%;
    left: 70.4166666667%;
  }
  .style3 .imgBox .flexbox {
    position: absolute;
    left: 58.6666666667%;
    bottom: 1.4903129657%;
    gap: 0;
    margin: 0;
  }
  .style3 .imgBox .flexbox__imgD {
    width: 14%;
  }
  .style3 .imgBox::before {
    content: "";
    display: block;
    padding-top: 55.9166666667%;
  }
}
.style4 {
  margin: 90px 0;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 25s infinite linear 0.5s both;
}

.scroll-infinity__item {
  width: 66.6666666667vw;
  margin: 0 3px;
}
@media screen and (min-width: 769px) {
  .scroll-infinity__item {
    width: 28.5714285714vw;
  }
}

.scroll-infinity__item > img {
  width: 100%;
}

.container {
  position: relative;
}

.fv_slider {
  width: 92.5333333333%;
  margin: 0 auto;
  position: relative;
  height: 240px;
}
@media screen and (min-width: 769px) {
  .fv_slider {
    width: 41.6666666667%;
    margin: 0 auto 0 8.3333333333%;
  }
}

.fv_slider figure {
  width: 100%;
  height: auto;
  position: absolute;
}

.style5__Box {
  margin: 25vw 0px 90px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .style5__Box {
    margin: -250px 0 120px;
  }
}
.style5__l, .style5__r {
  position: absolute;
  width: 44.8%;
}
@media screen and (min-width: 769px) {
  .style5__l, .style5__r {
    width: 13.9166666667%;
  }
}
.style5__l {
  top: 0;
  left: 3.4666666667%;
}
@media screen and (min-width: 769px) {
  .style5__l {
    left: 60.8333333333%;
  }
}
.style5__r {
  bottom: 0;
  right: 3.4666666667%;
}
@media screen and (min-width: 769px) {
  .style5__r {
    right: 10.25%;
  }
}
@media screen and (min-width: 769px) {
  .style5 #leeep-tag-ugc-1322438827729534976 {
    margin: 0 0 0 auto;
    width: 53.3333333333% !important;
    padding-right: 8.3333333333%;
  }
}

.style5__Box::before {
  content: "";
  display: block;
  padding-top: 103.2%;
}
@media screen and (min-width: 769px) {
  .style5__Box::before {
    padding-top: 31.3333333333%;
  }
}

.style6 {
  margin: 90px 0 70px;
}
@media screen and (min-width: 769px) {
  .style6 {
    width: 58.5%;
    margin: 150px auto 90px;
  }
}
.style6 .flexbox {
  width: 89.3333333333%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .style6 .flexbox {
    display: flex;
    flex-wrap: wrap;
  }
}
.style6 .flexbox__box1, .style6 .flexbox__box2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .style6 .flexbox__box1, .style6 .flexbox__box2 {
    width: 50%;
  }
}
.style6 .flexbox__cre {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .style7 {
    width: 83.3333333333%;
    margin: 0 auto;
  }
}
.style7 .flexbox {
  display: flex;
  flex-direction: column-reverse;
  gap: 50px 0;
}
@media screen and (min-width: 769px) {
  .style7 .flexbox {
    flex-direction: initial;
    justify-content: center;
    gap: 50px;
    align-items: center;
  }
}
.style7 .flexbox__box1 {
  width: 85.0666666667%;
}
@media screen and (min-width: 769px) {
  .style7 .flexbox__box1 {
    width: 38.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .style7 .flexbox__box2 {
    width: 38.0833333333%;
  }
}
.style7 .scroll-infinity__item2 {
  width: 50vw;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .style7 .scroll-infinity__item2 {
    width: 230px;
  }
}
.style7 .scroll-infinity__item2 > img {
  width: 100%;
}

.style8 {
  margin: 70px 0 90px;
  position: relative;
}
.style8 .imgA,
.style8 .imgB {
  width: 55.4666666667%;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .style8 .imgA,
  .style8 .imgB {
    width: 29.8333333333%;
  }
}
.style8 .imgA {
  top: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  .style8 .imgA {
    right: 21.8333333333%;
  }
}
.style8 .imgB {
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .style8 .imgB {
    left: 21.8333333333%;
  }
}

.style8::before {
  content: "";
  display: block;
  padding-top: 129.8666666667%;
}
@media screen and (min-width: 769px) {
  .style8::before {
    padding-top: 57.75%;
  }
}

.style9 .video_3 {
  width: 85.6%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .style9 .video_3 {
    width: 44.75% !important;
  }
}
.style9 .container {
  position: relative;
  margin-top: 59px;
}
.style9 .container .imgA,
.style9 .container .imgC {
  position: absolute;
  width: 49.0666666667%;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgA,
  .style9 .container .imgC {
    width: 25.5%;
  }
}
.style9 .container .imgB,
.style9 .container .imgD {
  position: absolute;
  width: 40.8%;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgB,
  .style9 .container .imgD {
    width: 21.25%;
  }
}
.style9 .container .imgA {
  top: 0;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgA {
    left: 2.1666666667%;
  }
}
.style9 .container .imgB {
  top: 12.0906801008%;
  left: 42.9333333333%;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgB {
    top: 16.2244897959%;
    left: 24.5%;
  }
}
.style9 .container .imgC {
  top: 41.5617128463%;
  right: 0;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgC {
    top: 26.5306122449%;
    right: 9.4166666667%;
  }
}
.style9 .container .imgD {
  bottom: 0;
  left: 11.7333333333%;
}
@media screen and (min-width: 769px) {
  .style9 .container .imgD {
    left: auto;
    right: 30.1666666667% !important;
  }
}
.style9 .container::before {
  content: "";
  display: block;
  padding-top: 211.7333333333%;
}
@media screen and (min-width: 769px) {
  .style9 .container::before {
    padding-top: 81.6666666667%;
  }
}
.style9 .imgE {
  margin: 40px 0 90px;
}
@media screen and (min-width: 769px) {
  .style9 .imgE {
    width: 47.5833333333%;
    margin-left: 8.25%;
  }
}

.style10 {
  margin-bottom: 70px;
}
.style10 .flexbox {
  display: flex;
  flex-direction: column-reverse;
  width: 75.7333333333%;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .style10 .flexbox {
    width: 100%;
    flex-direction: initial;
    justify-content: center;
    align-items: end;
  }
}
@media screen and (min-width: 769px) {
  .style10 .flexbox__box2 {
    width: 36.5833333333%;
  }
}
@media screen and (min-width: 769px) {
  .style10 .flexbox__box1 {
    margin-right: 10px;
  }
}

.style11 {
  width: 64%;
  margin-left: 5.3333333333%;
}
@media screen and (min-width: 769px) {
  .style11 {
    width: 78.0833333333%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .style11 .imgbox {
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
  }
}
.style11 .imgbox > li {
  margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .style11 .imgbox > li {
    width: 25.75%;
  }
}
.style11 .cre_pc {
  width: 100%;
}

.style12 {
  width: 89.0666666667%;
  margin: 70px auto 80px;
}
@media screen and (min-width: 769px) {
  .style12 {
    width: 33.8333333333%;
    margin: 100px auto;
  }
}
.style12 .imgbox > li {
  margin-bottom: 5px;
}

.style13 {
  margin: 80px 0 90px;
}
@media screen and (min-width: 769px) {
  .style13 .pcNone {
    display: none;
  }
}
.style13 .flexbox {
  display: flex;
  justify-content: center;
}
.style13 .flexbox div {
  width: 29.25%;
}
@media screen and (max-width: 768px) {
  .style13 .flexbox {
    display: none;
  }
}

.style14 {
  margin-bottom: 130px;
}
.style14 .imgA {
  width: 86.3636363636%;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .style14 .imgA {
    display: flex;
    align-items: flex-end;
    margin-right: 8.3333333333%;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 769px) {
  .style14 .imgA .slider {
    width: 47.7%;
  }
}
@media screen and (min-width: 769px) {
  .style14 .imgA .cre {
    margin-right: 10px;
  }
}
.style14 .imgB {
  width: 86.3636363636%;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .style14 .imgB {
    display: flex;
    align-items: flex-end;
    margin-left: 8.3333333333%;
    flex-direction: rinitial;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 769px) {
  .style14 .imgB .slider {
    width: 47.7%;
  }
}
.style14 .container {
  position: relative;
}
.style14 .container .imgC {
  position: absolute;
  top: 0;
  left: 2.6666666667%;
  width: 47.4666666667%;
}
@media screen and (min-width: 769px) {
  .style14 .container .imgC {
    width: 25.75%;
    left: 11.75%;
    top: 47.9768786127%;
  }
}
.style14 .container .imgD {
  position: absolute;
  bottom: 0;
  z-index: -2;
  width: 88.2666666667%;
  right: 0;
}
@media screen and (min-width: 769px) {
  .style14 .container .imgD {
    width: 57.6666666667%;
    right: 8.3333333333%;
  }
}
.style14 .container::before {
  content: "";
  display: block;
  padding-top: 92.5333333333%;
}
@media screen and (min-width: 769px) {
  .style14 .container::before {
    padding-top: 43.25%;
  }
}

.style15 {
  margin-bottom: 100px;
}
.style15 .flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
@media screen and (min-width: 769px) {
  .style15 .flexbox {
    align-items: center;
    gap: 119px;
  }
}
.style15 .flexbox__box1 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .style15 .flexbox__box1 {
    width: 38.25%;
  }
}
.style15 .flexbox__box2 {
  width: 58.9333333333%;
}
@media screen and (min-width: 769px) {
  .style15 .flexbox__box2 {
    width: 18.4166666667%;
  }
}

.style16 {
  position: relative;
}
.style16 .imgA {
  position: absolute;
  width: 50.9333333333%;
  right: 0;
  top: 48.1662591687%;
}
@media screen and (min-width: 769px) {
  .style16 .imgA {
    width: 19.1666666667%;
    right: 54.75%;
    top: 0;
  }
}
.style16 .imgB {
  position: absolute;
  width: 68.5333333333%;
  left: 8.8%;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .style16 .imgB {
    width: 25.9166666667%;
    left: 10.8333333333%;
  }
}
.style16 .imgC {
  position: absolute;
  width: 100%;
  top: 0;
}
@media screen and (min-width: 769px) {
  .style16 .imgC {
    width: 38.25%;
    right: 11.75%;
  }
}

.style16::before {
  content: "";
  display: block;
  padding-top: 327.2%;
}
@media screen and (min-width: 769px) {
  .style16::before {
    padding-top: 67.1666666667%;
  }
}

.staff {
  padding: 120px 0;
  text-align: center;
  font-size: 12px;
  line-height: 2.5;
}
@media screen and (min-width: 769px) {
  .staff {
    padding: 220px 0;
  }
}

footer {
  background-image: url(../images/other/footer.jpg);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}
footer ul {
  margin: 140px 0 120px;
}
footer ul li {
  width: 84%;
  margin: 0 auto 15px;
  background-color: rgba(245, 245, 245, 0.9);
  text-align: center;
  padding: 20px 0;
}
@media screen and (min-width: 769px) {
  footer ul li {
    max-width: 460px;
  }
}
footer ul .insta a {
  display: flex;
  justify-content: center;
  text-decoration: underline;
  align-items: end;
}
footer ul .insta a span {
  display: block;
  max-width: 14px;
  margin-right: 3px;
}
footer ul li:hover {
  background-color: #f5f5f5;
  transition: all 0.4s;
}
footer .logo {
  margin: 120px auto 75px;
  max-width: 135px;
}/*# sourceMappingURL=style.css.map */