@charset "UTF-8";
/*================================mainvisual================================*/
.home{
position: relative;
width: 100%;
min-height: 100vh;
background: url(../images/bg-home.png) no-repeat center;
background-size: cover;
background-attachment: fixed; 
padding: 0;
}
.home .header_wrap{
max-width: 100%;
}
.home .header_wrap .logo{
visibility: hidden;
transition: initial;
}
.home .footer{
border-top: none;
margin-top: 0;
/*position: absolute;
bottom: 0;*/
}
@media only screen and (max-width: 767px) {
.home .header_wrap {
position: fixed;
top: 0;
left: 0;
z-index: 102;
width: 100%;
height: 70px;
padding: 0 50px 0 0;
background: #fff;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(12px);
}
.home .header_wrap .logo{
visibility:visible;
transition: initial;
}
.home .footer{
padding: 30px 0 130px;
position: static;
}
}
/*================================mainvisual================================*/
.mainvisual{
aspect-ratio: 1920 / 1033;
width: 69%;
height: auto;
margin-left: auto;
}
.mainvisual .slide img{
width: 69vw;
min-width: 882px;
height: auto;
}
.mainvisual .catch{
position: absolute;
top: 12vw; 
left: 40px;
z-index: 1;
color: #383838;
font-size: 3vw;
font-weight: 700;
line-height: 160%; 
letter-spacing: 0.25vw;
filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 2vw #fff);
}
.mainvisual .catch span.sp-none{
font-size: 3vw;
font-weight: 700;
line-height: 160%; 
letter-spacing: 0.25vw;
}
.mainvisual .catch span{
display: block;
font-size: 1.5vw;
line-height: 100%;
margin-top: 3%;
}
@media only screen and (max-width: 1280px) {
.mainvisual .catch{
top:153.48px;
font-size:38.37px;
letter-spacing:3.1975px;
}
.mainvisual .catch span{
font-size: 19.185px;
}
}
@media only screen and (max-width: 767px) {
.mainvisual{
aspect-ratio: initial;
width: 100%;
margin-left: 50px;
margin-top: 70px;
}
.mainvisual .slide{
width: 100%;
background: #ccc;
}
.mainvisual .slide img{
width: 100%;
min-width: 100%;
}
.mainvisual .catch{
    position: absolute;
    top: calc(55px + 2.5%);
    left: 38%;
    font-size: 6.6vw;
    line-height: 1.3;
}
.mainvisual .catch span{
font-size: 4vw;
}
.mainvisual .catch span.sp-none{
display: none;
}
}
/*=============================== loop_slide ================================*/
.loop_slide{
margin-top: -108px;
margin-bottom: 40px;
z-index: 1;
pointer-events: none;
}
.loop_slide span{
display: inline-block;
color: #FFF;
font-family: Inter;
font-size: 14rem;
font-weight: 100;
line-height: 1.25;
letter-spacing: -7px;
padding-right: 100px;
white-space: nowrap;
}
@media only screen and (max-width: 767px) {
.loop_slide{
margin-top: -12vw;
margin-bottom: 0;
}
.loop_slide span{
font-size: 16vw;
letter-spacing: 0;
padding-right: 10vw;
}
}