.hme01_mv{height:76vw;overflow:hidden;padding:15rem 0 0;position:relative}@media screen and (max-width:768px){.hme01_mv{height:211.29vw;padding:39vw 0 0}}.hme01_mv:after{background:url(https://www.nagaokogyo.co.jp/hubfs/www.nagaokogyo.co.jp/nagao-renewal2025/assets/images/home/mv-obj.svg) 0 0/100% auto no-repeat;bottom:0;content:"";height:39.53vw;left:-10.98vw;position:absolute;width:113.18vw}@media screen and (max-width:768px){.hme01_mv:after{height:51.28vw;left:-26vw;width:146.92vw}}.hme01_mv .movie{height:56.22vw;left:50%;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:-1}@media screen and (max-width:768px){.hme01_mv .movie{height:187vw;max-height:none;width:calc(562.5dvh - 50px)}}.hme01_mv .movie iframe{pointer-events:none!important}.hme01_mv .contents{color:#fff;display:flex;justify-content:space-between;position:relative;z-index:2}@media screen and (max-width:768px){.hme01_mv .contents{align-items:flex-end;flex-direction:column;justify-content:flex-start}}.hme01_mv .contents .text{padding-top:2.5rem;width:52.5%}@media screen and (max-width:768px){.hme01_mv .contents .text{margin:0 auto;padding-top:0;width:100%}.hme01_mv .contents .text:not(:last-child){margin-bottom:3.2rem}}.hme01_mv .contents .text h1{margin:0 0 0 -1.4rem;overflow:hidden;position:relative}@media screen and (max-width:768px){.hme01_mv .contents .text h1{max-width:78.97vw}}.hme01_mv .contents .text h1 img{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.hme01_mv .contents .text .subtext{font-size:2.2rem;font-weight:700;line-height:1.8}@media screen and (max-width:768px){.hme01_mv .contents .text .subtext{font-size:1.8rem}}.hme01_mv .contents .text .subtext>span{background-clip:text;background-image:linear-gradient(90deg,#fff 50%,transparent 0);background-position:100% 0;background-size:200%;color:transparent;display:inline-block;position:relative}.hme01_mv .contents .images{padding-bottom:8rem;position:relative;width:39.58%}@media screen and (max-width:768px){.hme01_mv .contents .images{margin:0 -20px 0 auto;padding-bottom:4rem;width:65.64vw}}.hme01_mv .contents .images picture{display:block;opacity:0;transform:translateY(20px)}.hme01_mv .contents .images .main{margin-left:auto;width:83.16%}@media screen and (max-width:768px){.hme01_mv .contents .images .main{width:71.875%}}.hme01_mv .contents .images .main img{aspect-ratio:1/1}.hme01_mv .contents .images .sub{bottom:0;left:0;position:absolute;width:33.68%}@media screen and (max-width:768px){.hme01_mv .contents .images .sub{width:40.625%}}.hme01_mv .contents .images .sub img{aspect-ratio:1/1}.hme01_mv.-is-active .contents h1 img{animation:anime_left_to_right 1s cubic-bezier(.45,.05,.55,.95) .4s forwards}.hme01_mv.-is-active .contents .subtext>span{animation:title 1s cubic-bezier(.45,.05,.55,.95) 1.2s forwards}.hme01_mv.-is-active .contents .images .main{animation:mv_image .6s cubic-bezier(.45,.05,.55,.95) 2.4s forwards}.hme01_mv.-is-active .contents .images .sub{animation:mv_image .6s cubic-bezier(.45,.05,.55,.95) 2.8s forwards}@keyframes anime_left_to_right{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes title{0%{background-position:100% 0}99%{background-position:0 0}to{color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,.6)}}@keyframes mv_image{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}