@charset "UTF-8";
/* Lobster（英字のみ） */
@font-face {
  font-family: "CustomLobster";
  src: url("../../font/lobster/Lobster-Regular.ttf") format("woff2");
  unicode-range: U+0020-007F;
  /* ASCII英数字 */
}
/* あんず文字等幅（日本語） */
@font-face {
  font-family: "AnzuMono";
  src: url("../../font/APT.ttf") format("woff2");
  unicode-range: U+3000-30FF, U+4E00-9FFF;
  /* 日本語ひらがな〜漢字 */
}
/*------------------------------------------------------------------------------------------*/
/* ↓ top
/*------------------------------------------------------------------------------------------*/
#top {
  position: relative;
  height: 100vh;
}

.top-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-text-position {
  position: absolute;
  top: 20%;
}

.top-text {
  max-width: 1200px;
  width: 70%;
}

.top-text02 {
  position: relative;
  left: 5%;
}

@media (max-width: 768px) {
  #top {
    height: 75vh;
  }
  .top-text {
    width: 85%;
  }
}
@media (max-width: 480px) {
  #top {
    height: 50vh;
  }
}
/*------------------------------------------------------------------------------------------*/
/* ↑ top
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/* ↓ concept
/*------------------------------------------------------------------------------------------*/
#concept {
  position: relative;
  background-color: #ffffff;
  font-family: "CustomLobster", "AnzuMono", sans-serif;
}
#concept .mandara {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.5;
  width: 250px;
}

.baliIsland {
  position: absolute;
  top: -20%;
  left: 5%;
  z-index: 0;
}

.concept-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px;
}

.concept-text-img {
  position: relative;
  z-index: 10;
  width: 40%;
}

.concept-img-position {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.concept-img-position .concept-img {
  width: 25vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease;
}
.concept-img-position .concept-img:nth-child(1) {
  transform: rotate(-4deg) translateY(16px);
  z-index: 2;
}
.concept-img-position .concept-img:nth-child(2) {
  transform: rotate(3deg) translateY(-55px);
  z-index: 1;
}

.concept-img {
  width: 400px;
}

.concept-bottom {
  padding-top: 50px;
}

.concept-text {
  display: flex;
  justify-content: flex-end;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  position: relative;
  right: 15vw;
}

@media (max-width: 1024px) {
  .concept-top {
    flex-direction: column;
    align-items: flex-start;
    height: 65vw;
    position: relative;
  }
  .baliIsland {
    width: 80%;
    top: 0;
  }
  .concept-img-position {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .concept-img-position .concept-img {
    width: 40vw;
  }
  .concept-img-position .concept-img:nth-of-type(2) {
    transform: rotate(3deg) translateY(-9vw);
  }
  .concept-text-img {
    width: 65%;
    left: 5vw;
  }
  .concept-text {
    font-size: 3.5vw;
    right: auto;
    left: 2vw;
  }
}
@media (max-width: 768px) {
  #concept .mandara {
    opacity: 0.3;
  }
  .concept-top {
    height: 70vw;
  }
  .concept-text-img {
    width: 80%;
  }
}
/*------------------------------------------------------------------------------------------*/
/* ↑ concept
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/* ↓ footer
/*------------------------------------------------------------------------------------------*/
.footer-contents {
  padding-bottom: 0;
}

/*------------------------------------------------------------------------------------------*/
/* ↑ footer
/*------------------------------------------------------------------------------------------*//*# sourceMappingURL=style.css.map */