header{background:none}header .sitename{opacity:0;transition:0.5s}header.scroll{background:#000}header.scroll .sitename{opacity:1}#mv{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;max-height:450px}@media (min-width: 1025px){#mv{max-height:750px}}@media (min-width: 1481px){#mv{max-height:800px}}@media (min-width: 1681px){#mv{max-height:900px}}#mv h1{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:3;color:#FFF;font-size:1.4rem;text-align:center;filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.1));width:280px;white-space:nowrap}@media (min-width: 1025px){#mv h1{font-size:1.6rem;width:350px}}#mv h1 img{margin-bottom:15px}#mv::after{content:"";display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}#mv .bg-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}#mv .sns{position:absolute;z-index:3;left:3%;bottom:20px}@media (min-width: 1025px){#mv .sns li a{width:46px;height:46px}}#mv .sns li a img{width:20px;height:23px !important}.bg-slide{position:relative;width:100%;height:400px;overflow:hidden}.bg-slide .slide-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:slider-1 24s linear infinite}.slide-image:nth-child(1){background-image:url(../img/top/mv-bg01.jpg);animation-delay:-2s}.slide-image:nth-child(2){background-image:url(../img/top/mv-bg02.jpg);animation-delay:6s}.slide-image:nth-child(3){background-image:url(../img/top/mv-bg03.jpg);animation-delay:14s}@keyframes slider-1{0%{opacity:0;transform:scale(1)}4.16%{opacity:1}33.33%{opacity:1}41.66%{opacity:0;transform:scale(1.2)}100%{opacity:0}}.top-stock{background:#000;padding:40px 0 60px}@media (min-width: 1025px){.top-stock{padding:60px 0 80px}}.top-stock h2{margin-bottom:30px}.top-intro{position:relative;background:url(../img/top/intro-bg.jpg) no-repeat center;background-size:cover;padding:60px 0 80px;color:#FFF}@media (min-width: 1025px){.top-intro{padding:120px 0 150px}}.top-intro h2{text-align:center;line-height:1.3;font-size:3rem;margin-bottom:30px}@media (min-width: 1025px){.top-intro h2{font-size:5rem;margin-bottom:50px}}.top-intro h2 span{font-size:1.6rem}@media (min-width: 1025px){.top-intro h2 span{font-size:2.4rem}}.top-intro::after{position:absolute;content:"";display:block;left:0;bottom:20px;width:100%;height:10px;background:url(../img/common/border-gray.svg) repeat-x top center}.top-intro p{font-size:1.4rem;line-height:1.8}@media (min-width: 1025px){.top-intro p{font-size:1.8rem;line-height:2}}.top-nav{background:#000;padding-top:12px}.top-nav ul{display:flex;flex-wrap:wrap;gap:12px}.top-nav ul li{width:100%}@media (min-width: 769px){.top-nav ul li{width:calc(50% - 6px)}}.top-nav ul li a{position:relative;height:200px;overflow:hidden}@media (min-width: 1025px){.top-nav ul li a{height:450px}}.top-nav ul li a div{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:2;color:#FFF;text-align:center;font-size:2.2rem;font-weight:600;white-space:nowrap}@media (min-width: 1025px){.top-nav ul li a div{font-size:3rem}}.top-nav ul li a div span{display:block;font-size:1.4rem;font-weight:300}@media (min-width: 1025px){.top-nav ul li a div span{font-size:1.8rem}}.top-nav ul li a img{position:absolute;left:0;top:0;width:100%;height:100% !important;object-fit:cover;z-index:1}.top-nav ul li a:hover img{transform:scale(1.05)}.top-nav ul li:nth-child(n+3){width:100%}@media (min-width: 769px){.top-nav ul li:nth-child(n+3){width:calc(100% / 3 - 8px)}}.top-nav ul li:nth-child(n+3) a{height:150px}@media (min-width: 1025px){.top-nav ul li:nth-child(n+3) a{height:370px}}.top-nav ul li:nth-child(n+3) a div{font-size:2rem}@media (min-width: 1025px){.top-nav ul li:nth-child(n+3) a div{font-size:2.6rem}}.top-nav ul li:nth-child(n+3) a div span{font-size:1.3rem}@media (min-width: 1025px){.top-nav ul li:nth-child(n+3) a div span{font-size:1.6rem}}
/*# sourceMappingURL=top.css.map */