/*--------------------------------------------------------------------------*/
/*	section06-shija
/*--------------------------------------------------------------------------*/
.arrow-buttons .arrow {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1px;
  background: currentColor;
}
.arrow-buttons .arrow::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border: 1px solid currentColor;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  box-sizing: border-box;
}
.arrow-buttons .arrow-right::before {
  border-left: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  right: -0.05em;
}
.arrow-buttons .arrow-left::before {
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  left: -0.05em;
}

.site-width .lineup-text .lineup-catch > span .icon-container .line {
  width: 15px;
}

/*-------------------------------------*/
/*	.lineup.ls1st
/*-------------------------------------*/
.lineup.ls1st {
  border-top: none;
  padding: 0 0 160px 0;
  background-image: linear-gradient(125deg, #b8ccc4, #e3dec9 35%, #dde8e8);
}
.lineup.ls1st::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  width: 192px;
  height: 192px;
  background: rgba(195, 210, 195, 0.9);
  border-radius: 50%;
  filter: blur(48px);
}
.lineup.ls1st .site-width .lineup-text .lineup-catch > span {
  background-color: #000;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  box-shadow: 0 0 16px 0px #00887f;
}
.lineup.ls1st .site-width .model01 img {
  height: 80vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 73% 50%;
     object-position: 73% 50%;
}
@media screen and (max-width: 767px) {
  .lineup.ls1st .site-width .model01 img {
    height: 156vw;
  }
}
.lineup.ls1st .site-width .circular-badge {
  right: 0;
}
.lineup.ls1st .site-width .slider-container .arrow-buttons .arrow-btn {
  background-color: #00887f;
}

/*-------------------------------------*/
/*	.lineup.ls2nd
/*-------------------------------------*/
.lineup.ls2nd {
  background-image: linear-gradient(125deg, #f1e4d6, #eed0bc 35%, #eecec5 65%, #f2e3e0);
}
.lineup.ls2nd::before {
  content: "";
  position: absolute;
  top: 12%;
  left: 35%;
  width: 192px;
  height: 192px;
  background: rgba(250, 160, 120, 0.7);
  border-radius: 50%;
  filter: blur(64px);
}
.lineup.ls2nd::after {
  content: "";
  position: absolute;
  top: -10%;
  left: -5%;
  width: 192px;
  height: 192px;
  background: rgba(250, 160, 120, 0.7);
  border-radius: 50%;
  filter: blur(64px);
}
.lineup.ls2nd .site-width .lineup-text .lineup-catch > span {
  background-color: #000;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  box-shadow: 0 0 16px 0px #ff9900;
}
.lineup.ls2nd .model02 img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 46% 50%;
     object-position: 46% 50%;
}
.lineup.ls2nd .circular-badge {
  left: 0;
}
.lineup.ls2nd .slider-container .arrow-buttons .arrow-btn {
  background-color: #d87056;
}

/*-------------------------------------*/
/*	.lineup.ls3rd
/*-------------------------------------*/
.lineup.ls3rd {
  background-image: linear-gradient(125deg, #eaddeb, #dee5f0 35%, #e5e2d9 65%, #eedfbb);
  /*----------------------------------*/
  /*	1024px */
  /*----------------------------------*/
}
.lineup.ls3rd::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  width: 192px;
  height: 192px;
  background: rgba(130, 120, 160, 0.7);
  border-radius: 50%;
  filter: blur(64px);
}
.lineup.ls3rd::after {
  content: "";
  position: absolute;
  top: -10%;
  left: -5%;
  width: 192px;
  height: 192px;
  background: rgba(130, 120, 160, 0.7);
  border-radius: 50%;
  filter: blur(64px);
}
.lineup.ls3rd .site-width .lineup-text .lineup-catch > span {
  background-color: #000;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  box-shadow: 0 0 16px 0px #bc12b3;
}
.lineup.ls3rd .model03 img {
  width: 100%;
  height: 82vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 48% 50%;
     object-position: 48% 50%;
}
@media screen and (max-width: 1024px) {
  .lineup.ls3rd .model03 img {
    height: 96vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup.ls3rd .model03 img {
    height: 162vw;
  }
}
.lineup.ls3rd .circular-badge {
  right: 0;
}
.lineup.ls3rd .slider-container .arrow-buttons .arrow-btn {
  background-color: #9c75a3;
}

/*-------------------------------------*/
/*	.lineup.ls4th
/*-------------------------------------*/
.lineup.ls4th {
  background-image: linear-gradient(125deg, #f3e6e3, #eecbbd 35%, #f0d6bb 65%, #f1e8dd);
}
.lineup.ls4th::before {
  content: "";
  position: absolute;
  top: 12%;
  left: 35%;
  width: 192px;
  height: 192px;
  background: rgba(250, 160, 120, 0.7);
  border-radius: 50%;
  filter: blur(64px);
}
.lineup.ls4th .site-width .lineup-text .lineup-catch > span {
  background-color: #000;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  box-shadow: 0 0 16px 0px #ff9900;
}
.lineup.ls4th .circular-badge {
  left: 0;
}
.lineup.ls4th .slider-container .arrow-buttons .arrow-btn {
  background-color: #d99954;
}

.section06-shija .ring-animation {
  position: relative;
}
.section06-shija .ring-animation picture, .section06-shija .ring-animation .icon01 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.section06-shija .ring-animation picture img {
  width: 16vw;
}
.section06-shija .ring-animation .icon01 {
  top: 3px;
}
.section06-shija .ring-animation .icon01 .icon-star {
  width: 24px;
  height: 24px;
}

.lineup {
  border-top: 1px solid #000;
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}
.lineup .site-width {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lineup .site-width .lineup-text {
  width: 45%;
}
.lineup .site-width .lineup-text .lineup-catch {
  font-size: clamp(40px, 4vw, 72px);
  font-family: "Bellefair", serif;
  display: inline-flex;
  align-items: center;
  margin-bottom: 48px;
}
.lineup .site-width .lineup-text .lineup-catch > span {
  background-color: #000;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.lineup .site-width .lineup-text .lineup-catch > span .icon02 .line {
  background-color: #fff;
}
.lineup .site-width .lineup-text .lineup-line {
  margin-right: 24px;
  border-bottom: 1px solid;
  margin-bottom: 48px;
  position: relative;
}
.lineup .site-width .lineup-text .lineup-line p {
  font-size: 1.4rem;
  line-height: 1;
  font-family: "Bellefair", serif;
}
.lineup .site-width .lineup-text .lineup-line .icon01 {
  position: absolute;
  display: block;
  top: -4px;
  right: -24px;
}
.lineup .site-width .lineup-text .lineup-line .icon01 .star-kyupeen[data-item=icon-01] .icon-star {
  width: 64px;
  height: 64px;
}
.lineup .site-width .lineup-text h2 {
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(20px, 1.9vw, 28px);
  font-weight: 400;
  line-height: 1.8;
  text-align: justify;
  margin-right: 64px;
  margin-bottom: 32px;
}
.lineup .site-width .lineup-text h2 + p {
  text-align: justify;
  line-height: 1.8;
  margin-right: 64px;
  margin-bottom: 80px;
}
.lineup .site-width .lineup-img {
  width: 50%;
  position: relative;
  /*----------------------------------*/
  /*	767px */
  /*----------------------------------*/
  /*----------------------------------*/
  /*	1104px */
  /*----------------------------------*/
  /*----------------------------------*/
  /*	1024px */
  /*----------------------------------*/
  /*----------------------------------*/
  /*	960px */
  /*----------------------------------*/
  /*----------------------------------*/
  /*	896px */
  /*----------------------------------*/
  /*----------------------------------*/
  /*	832px */
  /*----------------------------------*/
}
.lineup .site-width .lineup-img .icon01 {
  position: absolute;
  z-index: 2;
  bottom: 6%;
  left: 8%;
}
@media screen and (max-width: 767px) {
  .lineup .site-width .lineup-img .icon01 {
    position: absolute;
    z-index: 2;
    bottom: 6%;
    left: 8%;
  }
  .lineup .site-width .lineup-img .icon01 .icon-star {
    width: 40px;
    height: 40px;
  }
}
.lineup .site-width .lineup-img .model04 img {
  width: 100%;
  height: 56vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 66% 50%;
     object-position: 66% 50%;
}
@media screen and (max-width: 1104px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 60vw;
  }
}
@media screen and (max-width: 1024px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 64vw;
  }
}
@media screen and (max-width: 960px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 68vw;
  }
}
@media screen and (max-width: 896px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 74vw;
  }
}
@media screen and (max-width: 832px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 80vw;
  }
}
@media screen and (max-width: 767px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 112vw;
  }
}
@media screen and (max-width: 375px) {
  .lineup .site-width .lineup-img .model04 img {
    height: 120vw;
  }
}
.lineup .site-width .lineup-img .circular-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 2;
}
.lineup .site-width .lineup-img .circular-badge img {
  width: clamp(128px, 15.5vw, 212px);
}

.inner-oval {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inner-oval .model-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: translateX(100%);
  transition: transform 0.6s ease, opacity 0.6s ease;
  z-index: 1;
}
.inner-oval .model-img.active {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.inner-oval .slide-in-right {
  opacity: 1;
  transform: translateX(0);
}
.inner-oval .slide-in-left {
  opacity: 1;
  transform: translateX(0);
}
.inner-oval .slide-out-right {
  opacity: 0;
  transform: translateX(100%);
}
.inner-oval .slide-out-left {
  opacity: 0;
  transform: translateX(-100%);
}

/*----------------------------------*/
/*	767px */
/*----------------------------------*/
@media screen and (max-width: 767px) {
  .preview-image {
    width: 24vw !important;
  }
  .lineup.ls1st .site-width,
  .lineup.ls3rd .site-width {
    flex-direction: column-reverse;
  }
  .lineup.ls2nd .site-width,
  .lineup.ls4th .site-width {
    flex-direction: column;
  }
  .lineup {
    padding: 96px 0;
  }
  .lineup .site-width .lineup-img {
    width: 100% !important;
    margin-bottom: 32px;
  }
  .lineup .site-width .lineup-img .img-frame .inner-oval {
    width: 86%;
    height: 90%;
  }
  .lineup .site-width .lineup-text {
    width: 100%;
  }
  .lineup .site-width .lineup-text h2 {
    font-size: 24px;
    margin-right: 0px;
    margin-bottom: 24px;
  }
  .lineup .site-width .lineup-text h2 + p {
    margin-right: 0px;
  }
  .lineup .site-width .lineup-text .lineup-line .icon01 .star-kyupeen[data-item=icon-01] .icon-star {
    width: 40px;
  }
}
/*----------------------------------*/
/*	430px */
/*----------------------------------*/
@media screen and (max-width: 430px) {
  .lineup .site-width .lineup-img .img-frame {
    height: 496px;
  }
}/*# sourceMappingURL=lineup.css.map */