@charset "UTF-8";


.c-media {
  line-height: 0;
}
.c-media--mw100 {
  max-width: 100%;
}
.c-media__image {
  /* -- img tags -- */
  width: 100%;
}
.c-media--video {
  position: relative;
  line-height: 0;
}
.c-media--video:before {
  display: block;
  content: "";
  padding-top: 56.25%;
  pointer-events: none;
}
.c-media--video__vid {
  /* -- video tags and Youtube iframe -- */
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.p-idxMainImage {
	width: 100%;
	max-width: 1400px;
	aspect-ratio: 2.1875;
	position: relative;
	margin: 0 auto;
	background-color: #cccccc;
  overflow: hidden;
}

.p-idxMainImage canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  mix-blend-mode: plus-lighter;
}

.p-idxMainImage__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.p-idxMainCopy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}

.p-idxMainCopy__inner {
  position: absolute;
  left: 26px;
  bottom: 28px;
  width: 539px;
	aspect-ratio: 3.2469;
}

.p-idxMainCopy02 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(-15px);
  left: 48px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  z-index: 6;
  line-height: 30px;
  height: 30px;
  visibility: hidden;
  opacity: 0;
}

.p-idxMainCopy02 span {
  font-size: 12px;
  vertical-align: text-top;
}

.p-idxMainImage .pc {
  display: block;
}

.p-idxMainImage .sp {
  display: none;
}


@media screen and (max-width: 767px) {
  .p-idxMainImage {
    aspect-ratio: 1.266;
  }

  .p-idxMainCopy {
    position: absolute;
    
  }
  .p-idxMainCopy__inner {
    position: absolute;
    left: 10px;
    bottom: 12px;
    width: 230px;
	  aspect-ratio: 3.239;
  }
	

	
  
  .p-idxMainCopy02 {
    left: 0;
    right: 0;
    top: auto;
    text-align: center;
    margin: auto;
    bottom: 21px;
    font-size: 20px;
    line-height: 20px;
  }

  .p-idxMainCopy02 span {
    font-size: 8px;
  }

  .p-idxMainImage .pc {
    display: none;
  }
  
  .p-idxMainImage .sp {
    display: block;
  }
}