.hirayaBg::before,
.hirayaBg::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background: 50% 0 / contain no-repeat;
  pointer-events: none;
}

.hirayaBg::before {
  right: 50%;
  transform: translateX(50%);
}

@media print, screen and (min-width: 768px) {
  .hirayaBg::before {
    width: clamp(2800px / 1440 * 1140, 2800 / 1440 * 100vw, 2800px);
    background-image: url('/lineup/hiraya/assets_202408/images/index/bg_index01.svg');
    aspect-ratio: 2800 / 4000;
    filter: blur(200px);
  }
}

@media screen and (max-width: 767px) {
  .hirayaBg::before {
    width: 100%;
    background-image: url('/lineup/hiraya/assets_202408/images/index/bg_index01_sp.svg');
    aspect-ratio: 375 / 3212;
    filter: blur(100px);
  }
}

@media screen and (max-width: 767px) {
  .hirayaBg::after {
    display: none;
  }
}

@media print, screen and (min-width: 768px) {
  .hirayaBg::after {
    left: 0;
    width: 100%;
    aspect-ratio: 2880 / 644;
    background-image: url('/lineup/hiraya/assets_202408/images/index/bg_index02.webp');
    mix-blend-mode: darken;
    opacity: .6;
  }
}

#hirayaIndex {
  padding: clamp(315px / 1440 * 1140, 315 / 1440 * 100vw, 315px) 0 0;
}

@media screen and (max-width: 767px) {
  #hirayaIndex {
    padding: clamp(56px / 375 * 320, 56 / 375 * 100vw, 56px) 0 0;
  }
}

#hirayaIndex .ld {
  position: relative;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld::before {
    content: '';
    display: block;
    position: absolute;
    top: clamp(-90 / 375 * 100vw, -90 / 375 * 100vw, -90px);
    left: 0;
    width: 100%;
    height: calc(211 / 375 * 100vw);
    background: url('/lineup/hiraya/assets_202408/images/index/bg_ld01_sp.webp') 50% 100%/100% auto no-repeat;
    mix-blend-mode: multiply;
    transform: translateY(90px);
    pointer-events: none;
    z-index: 1;
  }
}

@media print, screen and (min-width: 768px) {
  #hirayaIndex .ld__ls {
    padding: 0 0 clamp(120px / 1440 * 1140, 120 / 1440 * 100vw, 120px);
  }
}

#hirayaIndex .ld__ls .itm {
  position: relative;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm + .itm {
    padding: 80px 0 0;
  }
}

#hirayaIndex .ld__ls .itm__i {
  position: relative;
  padding: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px) 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i {
    width: auto;
    padding: 0;
  }
}

#hirayaIndex .ld__ls .itm__i__ln {
  position: absolute;
  top: 38vh;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__pcbg {
    display: none !important;
  }
}

@media print, screen and (min-width: 768px) {
  #hirayaIndex .ld__ls .itm__i__pcbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
  }
  #hirayaIndex .ld__ls .itm__i__pcbg__in {
    position: absolute;
    bottom: 0;
    width: 0;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
  }
  #hirayaIndex .ld__ls .itm__i__pcbg__in::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    transform: scale(0);
    transition: transform 1200ms cubic-bezier(.215, .61, .355, 1) 80ms, opacity 1200ms cubic-bezier(.215, .61, .355, 1) 80ms;
  }
  #hirayaIndex .ld__ls .itm__i__pcbg.is-shown > div::before {
    opacity: 1;
    transform: scale(1);
  }
}

#hirayaIndex .ld__ls .itm__i__in,
#hirayaIndex .ld__ls .itm__i__in2 {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__in2 {
    margin-top: -75px;
    padding: 75px 25px 40px;
    background: #fff;
  }
}

#hirayaIndex .ld__ls .itm__i__tt {
  margin: 0 0 clamp(26px / 1440 * 1140, 26 / 1440 * 100vw, 26px);
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__tt {
    margin: 0 0 30px;
    padding: 0 25px;
    text-align: center;
  }
}

#hirayaIndex .ld__ls .itm__i__tt > span {
  display: block;
  white-space: nowrap;
}

#hirayaIndex .ld__ls .itm__i__tt > span.is-s {
  margin: 0 0 clamp(8px / 1440 * 1140, 8 / 1440 * 100vw, 8px);
  font-size: clamp(20px / 1440 * 1140, 20 / 1440 * 100vw, 20px);
  line-height: calc(24 / 20);
  letter-spacing: calc(2 / 20 * 1em);
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__tt > span.is-s {
    margin: 0 0 clamp(6px / 375 * 320, 6 / 375 * 100vw, 6px);
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: calc(24 / 16);
  }
}

#hirayaIndex .ld__ls .itm__i__tt > span.is-l {
  color: #222;
  font-weight: 500;
  font-size: clamp(36px / 1440 * 1140, 36 / 1440 * 100vw, 36px);
  line-height: calc(52 / 36);
  letter-spacing: calc(3 / 36 * 1em);
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__tt > span.is-l {
    font-size: clamp(24px / 375 * 320, 24 / 375 * 100vw, 24px);
    line-height: calc(34 / 24);
    letter-spacing: calc(1 / 24 * 1em);
  }
}

#hirayaIndex .ld__ls .itm__i__p {
  position: relative;
  background: 50% 50% / cover no-repeat;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__p {
    margin: 0 auto;
  }
}

#hirayaIndex .ld__ls .itm__i__p picture,
#hirayaIndex .ld__ls .itm__i__p img {
  display: block;
  width: 100%;
}

#hirayaIndex .ld__ls .itm__i__p img {
  height: auto;
}

@media print, screen and (min-width: 768px) {
  #hirayaIndex .ld__ls .itm__i__p {
    position: absolute;
  }
}

#hirayaIndex .ld__ls .itm__i__t {
  position: relative;
  font-size: clamp(16px / 1440 * 1140, 16 / 1440 * 100vw, 16px);
  line-height: calc(36 / 16);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__t {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
  }
  #hirayaIndex .ld__ls .itm__i__t > span {
    display: inline-block;
  }
}

#hirayaIndex .ld__ls .itm__i__b {
  position: relative;
  width: clamp(334px / 1440 * 1140, 334 / 1440 * 100vw, 334px);
  margin: clamp(40px / 1440 * 1140, 40 / 1440 * 100vw, 40px) 0 0;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__b {
    width: calc(260 / 325 * 100%);
    max-width: 260px;
    margin: 20px auto 0;
  }
}

#hirayaIndex .ld__ls .itm__i__b .c-linkBtn {
  height: clamp(72px / 1440 * 1140, 72 / 1440 * 100vw, 72px);
}

@media print, screen and (min-width: 768px) {
  #hirayaIndex .ld__ls .itm__i__b .c-linkBtn > span.is-t {
    font-size: clamp(18px / 1440 * 1140, 18 / 1440 * 100vw, 18px);
  }
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm__i__b .c-linkBtn {
    height: 60px;
  }
}

@media print, screen and (min-width: 768px) {
  #hirayaIndex .ld__ls .itm.is-01 .itm__i,
  #hirayaIndex .ld__ls .itm.is-03 .itm__i {
    margin: 0 0 0 auto;
  }
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__pcbg__in,
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__pcbg__in {
    right: 0;
    transform: translate(50%, 50%);
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__pcbg__in,
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__pcbg__in {
    left: 0;
    transform: translate(-50%, 50%);
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__in2,
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__in2 {
    margin: 0 0 0 auto;
  }
  #hirayaIndex .ld__ls .itm.is-01 {
    margin: 0;
  }
  #hirayaIndex .ld__ls .itm.is-01 .itm__i {
    width: clamp(710px / 1440 * 1140, 710 / 1440 * 100%, 50% - 10px);
    padding-left: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
  }
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__p {
    top: clamp(-176px, -176 / 1440 * 100vw, -176px / 1440 * 1140);
    right: clamp(590 / 710 * 100%, 100% - 120px, 100% - 120px);
    width: clamp(1147px / 1440 * 1140, 1147 / 710 * 100%, 1147px);
    mix-blend-mode: multiply;
    z-index: 0;
  }
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__in2 {
    width: clamp(530px / 1440 * 1140, 530 / 1440 * 100vw, 530px);
  }
  #hirayaIndex .ld__ls .itm.is-02 {
    margin: clamp(223px / 1440 * 1140, 223 / 1440 * 100vw, 223px) 0 0;
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i {
    width: clamp(800px / 1440 * 1140, 800 / 1440 * 100%, 50% + 90px);
    padding-left: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__p {
    top: clamp(-102px, -102 / 1440 * 100vw, -102px / 1440 * 1140);
    left: clamp(516 / 800 * 100%, 100% - 284px, 100% - 284px);
    width: clamp(924px / 1440 * 1140, 924 / 800 * 100%, 924px);
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__in2 {
    width: clamp(700px / 1440 * 1140, 700 / 1440 * 100vw, 700px);
  }
  #hirayaIndex .ld__ls .itm.is-03 {
    margin: clamp(412px / 1440 * 1140, 412 / 1440 * 100vw, 412px) 0 0;
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i {
    width: clamp(848px / 1440 * 1140, 848 / 1440 * 100%, 50% + 138px);
    padding-left: clamp(218px / 1440 * 1140, 218 / 1440 * 100vw, 218px);
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__p.is-01 {
    top: clamp(-50px, -50 / 1440 * 100vw, -50px / 1440 * 1140);
    right: clamp(731 / 848 * 100%, 100% - 117px, 100% - 117px);
    width: clamp(442px / 1440 * 1140, 442 / 1440 * 100vw, 442px);
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__p.is-02 {
    top: clamp(-190px, -190 / 1440 * 100vw, -190px / 1440 * 1140);
    right: clamp(704 / 848 * 100%, 100% - 144px, 100% - 144px);
    width: clamp(853px / 1440 * 1140, 853 / 848 * 100%, 853px);
    mix-blend-mode: multiply;
    z-index: 0;
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__in2 {
    width: clamp(450px / 1440 * 1140, 450 / 1440 * 100vw, 450px);
  }
  #hirayaIndex .ld__ls .itm.is-04 {
    margin: clamp(294px / 1440 * 1140, 294 / 1440 * 100vw, 294px) 0 0;
  }
  #hirayaIndex .ld__ls .itm.is-04 .itm__i {
    width: clamp(800px / 1440 * 1140, 800 / 1440 * 100%, 50% + 90px);
    padding-left: clamp(80px / 1440 * 1140, 80 / 1440 * 100vw, 80px);
  }
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__p {
    top: clamp(-60px, -60 / 1440 * 100vw, -60px / 1440 * 1140);
    left: clamp(602 / 800 * 100%, 100% - 198px, 100% - 198px);
    width: clamp(838px / 1440 * 1140, 838 / 800 * 100%, 838px);
  }
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__in,
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__in2 {
    width: clamp(700px / 1440 * 1140, 700 / 1440 * 100vw, 700px);
  }
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__t {
    width: clamp(450px / 1440 * 1140, 450 / 1440 * 100vw, 450px);
  }
}

@media screen and (max-width: 767px) {
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__p {
    mix-blend-mode: multiply;
  }
  #hirayaIndex .ld__ls .itm.is-01 .itm__i__in2 {
    margin-top: -108px;
  }
  #hirayaIndex .ld__ls .itm.is-02 .itm__i__in2 {
    margin-top: -53px;
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__p.is-01 {
    width: calc(260 / 375 * 100%);
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__p.is-02 {
    position: absolute;
    right: calc(24 / 375 * 100%);
    width: calc(481 / 375 * 100%);
    transform: translateY(calc(-310 / 419 * 100%));
    z-index: 0;
  }
  #hirayaIndex .ld__ls .itm.is-03 .itm__i__in2 {
    margin-top: -62px;
  }
  #hirayaIndex .ld__ls .itm.is-04 .itm__i__in2 {
    margin-top: -53px;
  }
}