@charset "UTF-8";
/*各RTXページ共通コンパクト版KV＋目次*/
.p-mv--compact{
  display: flex;
}
.p-mv--compact .p-mv--compact-title{
  width: 50%;
  padding: 1.3vw;
  padding-top: 2.6vw;
  padding-left: 3.9vw;
  gap:1.3vw;
  align-self: stretch;
  display: flex; 
  align-items: flex-start;
  position: relative;
  background: url(../images/bg-kv-compact--title.webp);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
.p-mv--compact .p-mv--compact-title::after{
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.p-mv--compact .p-mv--compact-title h1{
  margin-top: -0.25em;
  margin-bottom: 1em;
  font-size: 2.14vw;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.p-mv--compact .p-mv--compact-title .p-mv--compact__logo{
  width:auto;
  height: 3.75vw;
}
.p-mv--compact .p-mv--compact-title .p-mv--compact-title-text{
  flex: 1;
}
.p-mv--compact .p-mv--compact-title .p-mv--compact-title-thumb{
  width: 40%;
  display: inline-flex;
  align-items: center;
}
.p-mv--compact .p-mv--compact-title .p-mv--compact-title-thumb img{
  width: 100%;
}
.p-mv--compact .p-mv--compact-index{
  width: 50%;
  padding:1.3vw;
  padding-right: 3.9vw;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.p-mv--compact .p-mv--compact-index .p-index__wrap{
  gap:1.3vw;
}
.p-mv--compact .p-mv--compact-index .p-index__title{
  width: 6vw;
  max-width: 6vw;
}
.p-mv--compact .p-mv--compact-index .p-index__theme{
  font-size: 1.25vw;
}
@media screen and (max-width:767px){
  .p-mv--compact{
    flex-direction: column;
  }
  .p-mv--compact .p-mv--compact-title,.p-mv--compact .p-mv--compact-index{
    width: 100%;
    padding: 4vw;
    gap:4vw;
  }
  .p-mv--compact .p-mv--compact-title h1{
    font-size: 4.8vw;
  }
  .p-mv--compact .p-mv--compact-title .p-mv--compact__logo{
    height: 8vw;
  }
  .p-mv--compact .p-mv--compact-title .p-mv--compact-title-thumb{
    width: 30%;
  }
  .p-mv--compact .p-mv--compact-index .p-index__wrap{
    width: 100%;
    max-width: 100%;
    gap:4vw;
    padding: 0;
  }
  .p-mv--compact .p-mv--compact-index .p-index__title {
    width: 18vw;
    max-width: 18vw;
  }
  .p-mv--compact .p-mv--compact-index .p-index__theme {
    font-size: 4.27vw;
  }
  .p-mv--compact .p-mv--compact-index .p-index__hover{
    padding-left: 0;
  }
}