@charset "utf-8";


#mv2 .inner {
position: relative;
}

#mv2 .copy {
position: absolute;
top: 48.3%;
left: 0;
z-index: 1;
width: 100%;
color: #fff;
letter-spacing: .02em;
transform: translateY(-48.3%);
}

#mv2 .bg_list {
position: relative;
overflow: hidden;
}
#mv2 .bg_list::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(0,0,0,.45);
mix-blend-mode: multiply;
}

#mv2 .bg,
#mv2 .bg ul {
display: flex;
}
#mv2 .bg.type01 ul:first-child {
animation: loopLeft01 300s -150s linear infinite;
}
#mv2 .bg.type01 ul:last-child {
animation: loopLeft02 300s linear infinite;
}
#mv2 .bg.type02 ul:first-child {
animation: loopRight01 300s -150s linear infinite;
}
#mv2 .bg.type02 ul:last-child {
animation: loopRight02 300s linear infinite;
}

@keyframes loopLeft01 {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes loopLeft02 {
from {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
@keyframes loopRight01 {
from {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}
@keyframes loopRight02 {
from {
transform: translateX(-200%);
}
to {
transform: translateX(0);
}
}

#mv2 .bg ul {
flex: 0 0 auto;
}
#mv2 .bg li {
flex: 0 0 auto;
}
#mv2 .bg img {
width: auto;
height: 50vh;
height: 50svh;
opacity: 1;
transition-duration: 1s;
}


/*PC*/
@media print, screen and (min-width: 768px) {
#mv2 .inner .txt_box{
position: absolute;
bottom:5%;
left: 3%;
z-index: 5;
width: 90%;
}

#mv2 .inner .txt_box .tit_en{
font-size:8rem;
font-weight: 800;
line-height: .9;
letter-spacing: -.15rem;
color: #FFF;
white-space: nowrap;
}


#mv2 .inner .txt_box h1{
font-size:1.6rem;
font-weight: 900;
line-height: 1;
color: #FFF;
margin-bottom: 30px;
margin-left: 5px;
}

#mv2 .inner .txt_box h1 span{
font-size:2rem;
}

#mv2 .inner .txt_box .txt{
font-size:1rem;
font-weight:700;
line-height: 1.8;
color: #FFF;
margin-left: 10px;
}

}
/*SP*/
@media print, screen and (max-width: 767px) {
#mv2 {
position: relative;
width: 100%;
height: calc(100vh - 60px);
height: calc(100svh - 60px);
}

#mv2 .inner .txt_box{
position: absolute;
top:40%;
left: 5%;
z-index: 5;
width: 90%;
}

#mv2 .inner .txt_box .tit_en{
font-size:2.4rem;
font-weight: 800;
line-height: .9;
letter-spacing: 0rem;
color: #FFF;
white-space: nowrap;
margin-bottom: 10px;
}


#mv2 .inner .txt_box h1{
font-size:1rem;
font-weight: 900;
line-height: 1;
color: #FFF;
margin-bottom:20px;
}

#mv2 .inner .txt_box h1 span{
font-size:1.2rem;
display: block;
margin-top: 5px;
}

#mv2 .inner .txt_box .txt{
font-size:.8rem;
font-weight:700;
line-height: 1.6;
color: #FFF;
}

}