.p-homeMainVisual {

  --color-main-visual-overlay: rgb(0 0 0 / 50%);



  position: relative;

  width: 100%;

  height: 500px;

  background-color: var(--color-black);

  overflow: hidden;

}



.p-homeMainVisual__container,

.p-homeMainVisual__slider,

.p-homeMainVisual__item {

  width: 100%;

  height: 100%;

}



.p-homeMainVisual__container {

  overflow: hidden;

}



.p-homeMainVisual__slider {

  display: flex;

  padding: 0;

  margin: 0;

  list-style: none;

}



.p-homeMainVisual__item {

  flex-shrink: 0;

}



.p-homeMainVisual__image {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.p-homeMainVisual__overlay {

  position: absolute;

  z-index: 1;

  inset: 0;

  background-color: var(--color-main-visual-overlay);

  pointer-events: none;

}



.p-homeMainVisual__logo {

  position: absolute;

  z-index: 2;

  top: 50%;

  left: 50%;

  width: 240px;

  height: auto;

  transform: translate(-50%, -50%);

  pointer-events: none;

}



.p-homeMainVisual--pc {

  height: 679px;

}



.p-homeMainVisual--pc .p-homeMainVisual__logo {

  width: 306px;

  height: 157px;

}