@charset "UTF-8";
:root {
  /* font-family
  ===================================================== */
  --g-font-family:"ads-rakugaki","Noto Sans JP", sans-serif;
  --g-font-family-en:"interpol-sans","Noto Sans JP", sans-serif;
  /* font-family
  ===================================================== */
}

/* common
===================================================== */
html,
body {
  font-size: 62.5%;
  height: 100%;
  overscroll-behavior-y: none;
  width: 100%;
  line-height: 1;
  scroll-behavior: auto !important;
  overflow-x: hidden;
  font-kerning: normal;
  font-family: var(--g-font-family);
  font-weight: 400;
  font-style: normal;
}

body.is-locked {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}
a[href=""] {
  pointer-events: none;
}
a:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out; /* 0.3秒で滑らかに変化 */
}

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

svg {
  fill: var(--c-text1);
}

@media (min-width: 1024px) {
  .pcNone {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .spNone {
    display: none !important;
  }
}
/* loading
===================================================== */
#loading {
  width: 100%;
  height: 100lvh;
  position: fixed;
  background-color: #FF5C02;
  transition: opacity 0.5s ease;
  z-index: 9999;
}
#loading .loading-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  #loading .loading-wrapper {
    width: 100%;
  }
}

#loading.hidden {
  opacity: 0;
  pointer-events: none;
}

/* layout
===================================================== */
.l-wrapper {
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  .bg-fixed {
    background-image: url(../images/pc-bg.jpg);
    width: calc(100% - 500px);
    height: 100lvh;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    position: fixed;
  }
}

@media (min-width: 1024px) {
  .l-inner {
    width: 500px;
    margin-left: auto;
    min-height: 100lvh;
    position: relative;
    overflow-x: hidden;
  }
}

.l-footer__body {
  width: 100%;
  height: 100%;
  background-image: url(../images/footer-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 4.1260315079svh;
  padding-bottom: 18.7546886722svh;
}
@media (min-width: 1024px) {
  .l-footer__body {
    padding-top: 36px;
    padding-bottom: 166px;
    width: 500px;
    margin-left: auto;
  }
}
.l-footer__logo {
  width: 49.8666666667vw;
  margin-bottom: 4.1260315079svh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .l-footer__logo {
    width: 260px;
    margin-bottom: 36px;
  }
}
.l-footer__text {
  width: 41.8666666667vw;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .l-footer__text {
    width: 207px;
  }
}

/* project
===================================================== */
.p-hero {
  width: 100%;
  height: 100%;
  position: relative;
}
.p-hero__item {
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.p-hero__item.is-show {
  opacity: 1;
}
.p-hero__item.item1 {
  width: 72.8vw;
  top: 6.9017254314svh;
  left: 4.1333333333vw;
}
@media (min-width: 1024px) {
  .p-hero__item.item1 {
    width: 361px;
    top: 87px;
    left: 32px;
  }
}
.p-hero__item.item2 {
  width: 26.2666666667vw;
  top: 22.8057014254svh;
  right: 7.7333333333vw;
}
@media (min-width: 1024px) {
  .p-hero__item.item2 {
    width: 130px;
    top: 202px;
    right: 40px;
  }
}
.p-hero__item.item3 {
  width: 38.9333333333vw;
  top: 28.5071267817svh;
  left: -0.9333333333vw;
}
@media (min-width: 1024px) {
  .p-hero__item.item3 {
    width: 193px;
    left: 6px;
    top: 260px;
  }
}
.p-hero__item.item4 {
  width: 61.4666666667vw;
  top: 28.7321830458svh;
  right: 4.9333333333vw;
}
@media (min-width: 1024px) {
  .p-hero__item.item4 {
    width: 308px;
    right: 25px;
    top: 250px;
  }
}

.p-category {
  width: 100%;
  height: 100%;
}
.p-category__inner {
  padding: 4.3510877719svh 0 4.8012003001svh 0;
  margin-top: -0.7501875469svh;
  background-image: url(../images/cate-bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: initial;
}
@media (min-width: 1024px) {
  .p-category__inner {
    margin-top: -10px;
    padding: 40px 0 40px 0;
  }
}
.p-category__body {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2vw;
}
@media (min-width: 1024px) {
  .p-category__body {
    padding: 0 12px;
  }
}
.p-category__item {
  width: 50%;
}

@media (min-width: 1024px) {
  .p-sec.sec1 {
    padding-top: 24px;
  }
}

.p-sec {
  display: block;
  width: 100%;
  margin-top: -1px;
  scroll-margin-top: 100px; /* JavaScriptの -100 と対応させておくとより安定 */
  background-color: #F39800;
  padding-top: 3.0007501875svh;
}
@media (min-width: 1024px) {
  .p-sec {
    padding-top: 0;
    margin-top: -1px;
  }
}
.p-sec__block {
  width: 100%;
  position: relative;
}
.p-sec__block.block1 {
  width: 100%;
  height: 83.7209302326svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block1 {
    height: 740px;
  }
}
.p-sec__block.block2 {
  width: 100%;
  height: 89.1972993248svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block2 {
    height: 788px;
  }
}
.p-sec__block.block3 {
  width: 100%;
  height: 89.5723930983svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block3 {
    height: 785px;
  }
}
.p-sec__block.block4 {
  width: 100%;
  height: 89.0472618155svh;
  padding-top: 11.2528132033svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block4 {
    height: 787px;
    padding-top: 90px;
  }
}
.p-sec__block.block5 {
  width: 100%;
  height: 86.7216804201svh;
  padding-top: 6.3765941485svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block5 {
    height: 768px;
    padding-top: 50px;
  }
}
.p-sec__block.block6 {
  width: 100%;
  height: 86.0465116279svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block6 {
    height: 758px;
  }
}
.p-sec__block.block7 {
  width: 100%;
  height: 85.8964741185svh;
  padding-top: 9.3773443361svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block7 {
    padding-top: 80px;
    height: 760px;
  }
}
.p-sec__block.block8 {
  width: 100%;
  height: 86.4216054014svh;
  padding-top: 12.7531882971svh;
}
@media (min-width: 1024px) {
  .p-sec__block.block8 {
    padding-top: 100px;
    height: 763px;
  }
}
.p-sec__element.element1-1 {
  position: absolute;
  width: 41.7333333333vw;
  top: 0;
  right: 27.2vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element1-1 {
    width: 210px;
    right: 130px;
  }
}
.p-sec__element.element1-2 {
  position: absolute;
  z-index: 3;
  width: 89.4666666667vw;
  top: 8.5521380345svh;
  left: 0;
}
@media (min-width: 1024px) {
  .p-sec__element.element1-2 {
    width: 440px;
    left: 4px;
  }
}
.p-sec__element.element1-3 {
  width: 100%;
  margin-top: -4.576144036svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element1-3 {
    margin-top: -32px;
  }
}
.p-sec__element.element2-1 {
  position: absolute;
  width: 61.8666666667vw;
  top: 0;
  left: 18.8vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element2-1 {
    width: 307px;
    left: 93px;
  }
}
.p-sec__element.element2-2 {
  position: absolute;
  width: 89.4666666667vw;
  top: 11.327831958svh;
  left: 1.0666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element2-2 {
    width: 443px;
    left: 4px;
  }
}
.p-sec__element.element2-3 {
  width: 100%;
  margin-top: 11.2528132033svh;
  margin-bottom: 15.0037509377svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element2-3 {
    margin-top: 96px;
    margin-bottom: 129px;
  }
}
.p-sec__element.element2-4 {
  width: 100%;
  padding-bottom: 16.879219805svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element2-4 {
    padding-bottom: 146px;
  }
}
.p-sec__element.element3-1 {
  position: absolute;
  width: 62.1333333333vw;
  top: 0;
  left: 24vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element3-1 {
    width: 308px;
    left: 116px;
  }
}
.p-sec__element.element3-2 {
  position: absolute;
  width: 89.4666666667vw;
  top: 5.4763690923svh;
  left: 0.6666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element3-2 {
    width: 443px;
    top: 44px;
    left: 3px;
  }
}
.p-sec__element.element3-3 {
  width: 100%;
  margin-top: 6.0015003751svh;
  margin-bottom: 17.7044261065svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element3-3 {
    margin-top: 51px;
    margin-bottom: 156px;
  }
}
.p-sec__element.element4-1 {
  position: absolute;
  width: 86.6666666667vw;
  top: 0;
  left: 6.4vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element4-1 {
    width: 430px;
    left: 34px;
  }
}
.p-sec__element.element4-2 {
  position: absolute;
  width: 89.7333333333vw;
  top: 10.5026256564svh;
  left: 0;
}
@media (min-width: 1024px) {
  .p-sec__element.element4-2 {
    width: 445px;
    top: 90px;
  }
}
.p-sec__element.element4-3 {
  width: 100%;
  margin-top: 1.0502625656svh;
  margin-bottom: 7.5018754689svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element4-3 {
    margin-top: 8px;
    margin-bottom: 66px;
  }
}
.p-sec__element.element4-4 {
  width: 100%;
  margin-bottom: 12.7531882971svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element4-4 {
    margin-bottom: 103px;
  }
}
.p-sec__element.element5-1 {
  position: absolute;
  z-index: 3;
  width: 73.2vw;
  top: 0;
  left: 13.6vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element5-1 {
    width: 363px;
    left: 68px;
  }
}
.p-sec__element.element5-2 {
  position: absolute;
  width: 93.0666666667vw;
  top: 8.0270067517svh;
  left: 1.8666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element5-2 {
    width: 461px;
    left: 9px;
    top: 64px;
  }
}
.p-sec__element.element5-3 {
  width: 100%;
  margin-top: 3.1507876969svh;
  margin-bottom: 7.1267816954svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element5-3 {
    margin-top: 27px;
    margin-bottom: 64px;
  }
}
.p-sec__element.element5-4 {
  width: 100%;
  margin-top: 6.3015753938svh;
  padding-bottom: 6.5266316579svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element5-4 {
    margin-top: 58px;
    padding-bottom: 56px;
  }
}
.p-sec__element.element6-1 {
  position: absolute;
  width: 89.2vw;
  top: 0;
  left: 4.8vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element6-1 {
    width: 442px;
    left: 24px;
  }
}
.p-sec__element.element6-2 {
  position: absolute;
  width: 90.1333333333vw;
  top: 7.5768942236svh;
  left: 4.8vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element6-2 {
    width: 447px;
    top: 80px;
    left: 24px;
  }
}
.p-sec__element.element6-3 {
  width: 100%;
  margin-bottom: 4.1260315079svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element6-3 {
    margin-bottom: 40px;
  }
}
.p-sec__element.element7-1 {
  position: absolute;
  width: 88.9333333333vw;
  top: 0;
  left: 6vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element7-1 {
    width: 440px;
    left: 30px;
  }
}
.p-sec__element.element7-2 {
  position: absolute;
  width: 90.1333333333vw;
  top: 9.0022505626svh;
  left: 4.9333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element7-2 {
    width: 447px;
    left: 24px;
    top: 78px;
  }
}
.p-sec__element.element7-3 {
  width: 100%;
  margin-top: 4.2760690173svh;
  margin-bottom: 18.0045011253svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element7-3 {
    margin-top: 36px;
    margin-bottom: 160px;
  }
}
.p-sec__element.element8-1 {
  position: absolute;
  width: 63.3333333333vw;
  top: 0;
  left: 17.3333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element8-1 {
    width: 314px;
    left: 87px;
  }
}
.p-sec__element.element8-2 {
  position: absolute;
  width: 90.1333333333vw;
  top: 9.6024006002svh;
  left: 4.9333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__element.element8-2 {
    width: 447px;
    top: 85px;
    left: 24px;
  }
}
.p-sec__element.element8-3 {
  width: 100%;
  margin-top: 5.551387847svh;
  margin-bottom: 15.0037509377svh;
}
@media (min-width: 1024px) {
  .p-sec__element.element8-3 {
    margin-top: 56px;
    margin-bottom: 136px;
  }
}
.p-sec__pics.pics1 {
  position: absolute;
  top: 10.352588147svh;
  width: 100%;
  height: 62.7906976744svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics1 {
    height: 566px;
    top: 96px;
  }
}
.p-sec__pics.pics2 {
  position: absolute;
  top: 13.5783945986svh;
  width: 100%;
  height: 62.7906976744svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics2 {
    height: 567px;
    top: 116px;
  }
}
.p-sec__pics.pics3 {
  position: absolute;
  top: 13.503375844svh;
  width: 100%;
  height: 62.7906976744svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics3 {
    height: 566px;
    top: 116px;
  }
}
.p-sec__pics.pics4 {
  position: absolute;
  top: 11.2528132033svh;
  width: 100%;
  height: 55.9639909977svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics4 {
    height: 581px;
    top: 93px;
  }
}
.p-sec__pics.pics5 {
  position: absolute;
  top: 15.0037509377svh;
  width: 100%;
  height: 52.0630157539svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics5 {
    height: 550px;
    top: 130px;
  }
}
.p-sec__pics.pics6 {
  position: absolute;
  top: 19.5048762191svh;
  width: 100%;
  height: 53.1882970743svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics6 {
    height: 482px;
    top: 170px;
  }
}
.p-sec__pics.pics7 {
  position: absolute;
  top: 17.4793698425svh;
  width: 100%;
  height: 58.6646661665svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics7 {
    height: 531px;
    top: 150px;
  }
}
.p-sec__pics.pics8 {
  position: absolute;
  top: 19.8799699925svh;
  width: 100%;
  height: 52.6631657914svh;
}
@media (min-width: 1024px) {
  .p-sec__pics.pics8 {
    height: 476px;
    top: 174px;
  }
}
.p-sec__pic {
  position: absolute;
  opacity: 0;
}
.p-sec .p-sec__pic.is-visible {
  opacity: 1;
}
.p-sec__pic.pic1-1, .p-sec__pic.pic2-1, .p-sec__pic.pic3-1 {
  width: 69.3333333333vw;
  top: 0;
  left: 15.8666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic1-1, .p-sec__pic.pic2-1, .p-sec__pic.pic3-1 {
    left: 76px;
    width: 343px;
  }
}
.p-sec__pic.pic1-2, .p-sec__pic.pic2-2, .p-sec__pic.pic3-2 {
  width: 79.7333333333vw;
  top: 1.5753938485svh;
  left: 15.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic1-2, .p-sec__pic.pic2-2, .p-sec__pic.pic3-2 {
    left: 74px;
    width: 395px;
  }
}
.p-sec__pic.pic1-3, .p-sec__pic.pic2-3, .p-sec__pic.pic3-3 {
  width: 76.8vw;
  top: 7.2018004501svh;
  left: 3.3333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic1-3, .p-sec__pic.pic2-3, .p-sec__pic.pic3-3 {
    left: 14px;
    width: 380px;
  }
}
.p-sec__pic.pic4-1 {
  width: 109.4666666667vw;
  top: 0;
  left: -4.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic4-1 {
    width: 542px;
    left: -24px;
  }
}
.p-sec__pic.pic4-2 {
  width: 105.4666666667vw;
  top: 6.9017254314svh;
  left: -4.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic4-2 {
    width: 523px;
    left: -24px;
    top: 62px;
  }
}
.p-sec__pic.pic4-3 {
  width: 100.1333333333vw;
  top: 0.5251312828svh;
  left: 0;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic4-3 {
    width: 496px;
    top: 6px;
  }
}
.p-sec__pic.pic5-1 {
  width: 69.7333333333vw;
  top: 5.1762940735svh;
  left: 7.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic5-1 {
    width: 346px;
    top: 43px;
    left: 35px;
  }
}
.p-sec__pic.pic5-2 {
  width: 82vw;
  top: 0;
  left: 12.9333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic5-2 {
    width: 406px;
    left: 62px;
  }
}
.p-sec__pic.pic5-3 {
  width: 91.6vw;
  top: 0.1500375094svh;
  left: 2.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic5-3 {
    width: 454px;
    left: 9px;
    top: 3px;
  }
}
.p-sec__pic.pic6-1 {
  width: 69.7333333333vw;
  top: 0;
  left: 7.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic6-1 {
    width: 346px;
    left: 35px;
  }
}
.p-sec__pic.pic6-2 {
  width: 108.1333333333vw;
  top: 1.7254313578svh;
  left: 0.4vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic6-2 {
    width: 536px;
    top: 14px;
    left: 0;
  }
}
.p-sec__pic.pic6-3 {
  width: 100.1333333333vw;
  top: 7.5018754689svh;
  left: -1.8666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic6-3 {
    width: 496px;
    top: 64px;
    left: -12px;
  }
}
.p-sec__pic.pic7-1 {
  width: 69.7333333333vw;
  top: 1.8754688672svh;
  left: 7.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic7-1 {
    width: 346px;
    top: 16px;
    left: 35px;
  }
}
.p-sec__pic.pic7-2 {
  width: 85.0666666667vw;
  top: 0;
  left: 11.8666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic7-2 {
    width: 421px;
    left: 56px;
  }
}
.p-sec__pic.pic7-3 {
  width: 100.1333333333vw;
  top: 9.3023255814svh;
  left: -1.8666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic7-3 {
    width: 496px;
    left: -12px;
  }
}
.p-sec__pic.pic8-1 {
  width: 69.7333333333vw;
  top: 0;
  left: 7.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic8-1 {
    width: 346px;
    left: 35px;
  }
}
.p-sec__pic.pic8-2 {
  width: 103.6vw;
  top: 2.6256564141svh;
  left: -4.6666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic8-2 {
    width: 514px;
    left: -24px;
    top: 22px;
  }
}
.p-sec__pic.pic8-3 {
  width: 100.8vw;
  top: 5.8514628657svh;
  left: -5.3333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__pic.pic8-3 {
    width: 505px;
    top: 54px;
    left: -24px;
  }
}
.p-sec__style {
  padding: 0 4.8vw;
  padding-bottom: 9.3773443361svh;
}
@media (min-width: 1024px) {
  .p-sec__style {
    padding: 0 24px;
    padding-bottom: 90px;
  }
}
.p-sec__style.style1-1 {
  margin-top: -14.2535633908svh;
}
.p-sec__style.style5-2 {
  padding-bottom: 0;
}
.p-sec__img {
  position: relative;
  margin: 0 3.6vw 3.375843961svh;
}
@media (min-width: 1024px) {
  .p-sec__img {
    margin: 0 30px 28px;
  }
}
.p-sec__img.img1 img:nth-child(2) {
  position: absolute;
  width: 10.1333333333vw;
  top: 6.0015003751svh;
  left: -6.6666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img1 img:nth-child(2) {
    width: 50px;
    top: 53px;
    left: -36px;
  }
}
.p-sec__img.img1 img:nth-child(3) {
  position: absolute;
  width: 70.4vw;
  bottom: 0.6001500375svh;
  right: -0.4vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img1 img:nth-child(3) {
    bottom: 5px;
    right: -4px;
    width: 350px;
  }
}
.p-sec__img.img2 img:nth-child(2) {
  position: absolute;
  width: 72.9333333333vw;
  bottom: 2.2505626407svh;
  right: 2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img2 img:nth-child(2) {
    width: 365px;
    bottom: 14px;
    right: 11px;
  }
}
.p-sec__img.img3 img:nth-child(2) {
  position: absolute;
  width: 61.2vw;
  bottom: 1.1252813203svh;
  right: 3.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img3 img:nth-child(2) {
    width: 306px;
    bottom: 8px;
    right: 17px;
  }
}
.p-sec__img.img4 img:nth-child(2) {
  position: absolute;
  width: 72.4vw;
  bottom: 0.4501125281svh;
  right: 3.4666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img4 img:nth-child(2) {
    width: 369px;
    bottom: 2px;
    right: 15px;
  }
}
.p-sec__img.img5 img:nth-child(2) {
  position: absolute;
  width: 78.6666666667vw;
  bottom: 0.3750937734svh;
  right: 1.0666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img5 img:nth-child(2) {
    width: 393px;
    bottom: 4px;
    right: 4px;
  }
}
.p-sec__img.img6 img:nth-child(2) {
  position: absolute;
  width: 70.9333333333vw;
  bottom: 2.5506376594svh;
  right: 4.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img6 img:nth-child(2) {
    width: 354px;
    bottom: 20px;
    right: 10px;
  }
}
.p-sec__img.img7 img:nth-child(2) {
  position: absolute;
  width: 72.9333333333vw;
  bottom: 1.7254313578svh;
  right: 2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img7 img:nth-child(2) {
    width: 365px;
    bottom: 14px;
    right: 11px;
  }
}
.p-sec__img.img8 img:nth-child(2) {
  position: absolute;
  width: 69.8666666667vw;
  bottom: 0.9002250563svh;
  right: 4.9333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img8 img:nth-child(2) {
    width: 374px;
    bottom: 3px;
    right: 18px;
  }
}
.p-sec__img.img9 img:nth-child(2) {
  position: absolute;
  width: 69.8666666667vw;
  bottom: 1.5753938485svh;
  left: 1.0666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img9 img:nth-child(2) {
    width: 375px;
    bottom: 13px;
    left: 5px;
  }
}
.p-sec__img.img10 img:nth-child(2) {
  position: absolute;
  width: 70.9333333333vw;
  bottom: 2.5506376594svh;
  right: 4.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img10 img:nth-child(2) {
    width: 354px;
    bottom: 23px;
    right: 8px;
  }
}
.p-sec__img.img11 img:nth-child(2) {
  position: absolute;
  width: 72.9333333333vw;
  bottom: 2.3255813953svh;
  right: 2.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img11 img:nth-child(2) {
    width: 365px;
    bottom: 14px;
    right: 5px;
  }
}
.p-sec__img.img12 img:nth-child(2) {
  position: absolute;
  width: 71.3333333333vw;
  bottom: 0.6001500375svh;
  right: 4.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img12 img:nth-child(2) {
    width: 357px;
    bottom: 5px;
    right: 20px;
  }
}
.p-sec__img.img13 img:nth-child(2) {
  position: absolute;
  width: 78.6666666667vw;
  bottom: 0svh;
  right: 0vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img13 img:nth-child(2) {
    width: 393px;
    bottom: 0px;
    right: 0px;
  }
}
.p-sec__img.img14 img:nth-child(2) {
  position: absolute;
  width: 72.5333333333vw;
  bottom: 0.7501875469svh;
  right: 2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img14 img:nth-child(2) {
    width: 362px;
    bottom: 7px;
    right: 8px;
  }
}
.p-sec__img.img15 img:nth-child(2) {
  position: absolute;
  width: 69.8666666667vw;
  bottom: 0.7501875469svh;
  right: 4.6666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img15 img:nth-child(2) {
    width: 349px;
    bottom: 10px;
    right: 18px;
  }
}
.p-sec__img.img16 img:nth-child(2) {
  position: absolute;
  width: 70.4vw;
  bottom: 0.7501875469svh;
  right: 0.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img16 img:nth-child(2) {
    width: 352px;
    bottom: 7px;
    right: 1px;
  }
}
.p-sec__img.img17 img:nth-child(2) {
  position: absolute;
  width: 72.9333333333vw;
  bottom: 1.7254313578svh;
  right: 3.0666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img17 img:nth-child(2) {
    width: 365px;
    bottom: 20px;
    right: 16px;
  }
}
.p-sec__img.img18 img:nth-child(2) {
  position: absolute;
  width: 61.2vw;
  bottom: 1.1252813203svh;
  right: 4.5333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img18 img:nth-child(2) {
    width: 306px;
    bottom: 10px;
    right: 22px;
  }
}
.p-sec__img.img19 img:nth-child(2) {
  position: absolute;
  width: 61.2vw;
  bottom: 2.5506376594svh;
  right: 4.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img19 img:nth-child(2) {
    width: 354px;
    bottom: 23px;
    right: 20px;
  }
}
.p-sec__img.img20 img:nth-child(2) {
  position: absolute;
  width: 72.9333333333vw;
  bottom: 1.5003750938svh;
  right: 2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img20 img:nth-child(2) {
    width: 365px;
    bottom: 14px;
    right: 11px;
  }
}
.p-sec__img.img21 img:nth-child(2) {
  position: absolute;
  width: 78.8vw;
  bottom: 2.7756939235svh;
  right: -0.8vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img21 img:nth-child(2) {
    width: 391px;
    bottom: 24px;
    right: -4px;
  }
}
.p-sec__img.img22 img:nth-child(2) {
  position: absolute;
  width: 76.4vw;
  bottom: 3.6009002251svh;
  left: -4.9333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img22 img:nth-child(2) {
    width: 379px;
    bottom: 32px;
    left: -24px;
  }
}
.p-sec__img.img23 img:nth-child(2) {
  position: absolute;
  width: 68.4vw;
  bottom: 1.5003750938svh;
  right: 6vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img23 img:nth-child(2) {
    width: 342px;
    bottom: 9px;
    right: 27px;
  }
}
.p-sec__img.img24 img:nth-child(2) {
  position: absolute;
  width: 70.9333333333vw;
  bottom: 2.5506376594svh;
  right: 4.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img24 img:nth-child(2) {
    width: 354px;
    bottom: 23px;
    right: 20px;
  }
}
.p-sec__img.img25 img:nth-child(2) {
  position: absolute;
  width: 70.9333333333vw;
  bottom: 1.6504126032svh;
  right: 2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img25 img:nth-child(2) {
    width: 365px;
    bottom: 14px;
    right: 10px;
  }
}
.p-sec__img.img26 img:nth-child(2) {
  position: absolute;
  width: 61.2vw;
  bottom: 1.6504126032svh;
  right: 10.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img26 img:nth-child(2) {
    width: 306px;
    bottom: 14px;
    right: 50px;
  }
}
.p-sec__img.img27 img:nth-child(2) {
  position: absolute;
  width: 70.9333333333vw;
  bottom: 2.6256564141svh;
  right: 4.2666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img27 img:nth-child(2) {
    width: 354px;
    bottom: 22px;
    right: 21px;
  }
}
.p-sec__img.img28 img:nth-child(2) {
  position: absolute;
  width: 78.6666666667vw;
  bottom: 0.3000750188svh;
  right: 0.1333333333vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img28 img:nth-child(2) {
    width: 393px;
    bottom: 2px;
    right: 0px;
  }
}
.p-sec__img.img29 img:nth-child(2) {
  position: absolute;
  width: 78.8vw;
  bottom: 3.7509377344svh;
  right: -2vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img29 img:nth-child(2) {
    width: 391px;
    bottom: 32px;
    right: -10px;
  }
}
.p-sec__img.img30 img:nth-child(2) {
  position: absolute;
  width: 69.8666666667vw;
  bottom: 0.7501875469svh;
  right: 5.0666666667vw;
}
@media (min-width: 1024px) {
  .p-sec__img.img30 img:nth-child(2) {
    width: 349px;
    bottom: 2px;
    right: 19px;
  }
}

/* component
===================================================== */
.c-credits {
  display: flex;
  flex-direction: column;
  gap: 3.375843961svh;
}
@media (min-width: 1024px) {
  .c-credits {
    gap: 24px;
  }
}
.c-credits__item a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #FFFFFF;
  gap: 6vw;
}
@media (min-width: 1024px) {
  .c-credits__item a {
    gap: 24px;
  }
}
.c-credits__name {
  font-size: 4vw;
}
@media (min-width: 1024px) {
  .c-credits__name {
    font-size: 20px;
  }
}
.c-credits__name p:nth-of-type(1) {
  margin-bottom: 0.9002250563svh;
}
@media (min-width: 1024px) {
  .c-credits__name p:nth-of-type(1) {
    margin-bottom: 8px;
  }
}
.c-credits__btn {
  font-family: var(--g-font-family-en);
  font-size: 4.5333333333vw;
  font-weight: 700;
  padding: 1.0502625656svh 5.3333333333vw;
  border: 2px solid #FFFFFF;
}
@media (min-width: 1024px) {
  .c-credits__btn {
    font-size: 24px;
    padding: 8px 24px;
  }
}/*# sourceMappingURL=style.css.map */