﻿body{background:url("../img/indexbg.jpg?=20251025") center top no-repeat;background-attachment:fixed;background-size:cover;position:relative}body .movie{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1}body .movie video{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100vw;min-height:100vh;z-index:-1;object-fit:cover}body .movie::after{content:'';width:100vw;height:100vh;background-image:url("../img/bg-01.png");background-size:cover;background-position:center;position:fixed;opacity:0.7;left:0;top:0;z-index:1;pointer-events:none}h1{background-color:transparent}.indexBase{height:auto;padding:0 0 80px;position:relative;width:100%;z-index:1}@media screen and (max-width: 767px){.indexBase{padding:0 0 60px}}.indexBase.black{background:url("../img/indexbg-2.jpg") center top no-repeat}.indexBase.pink{background:url("../img/indexbg-3.jpg") center top no-repeat}.indexLogoArea{margin:0 auto;padding:100px 0 0;text-align:center;width:80%}@media screen and (max-width: 767px){.indexLogoArea{padding:50px 0 0;width:100%}}.indexLogoArea img{height:auto;margin:0 auto;width:100%}.indexLogoArea .logoAtt{color:#111;font-family:"Noto Serif JP",serif;font-size:clamp(1.5rem, 1.211rem + 1.05vw, 2rem);font-weight:500;padding:0 0 30px}.indexLogoArea.sp{margin:0 auto;padding:70px 0 0;width:80%}.indexLogoArea.sp img{max-width:300px;padding:50px 0 0}@media screen and (max-width: 480px){.indexLogoArea.sp img{max-width:250px}}.indexDataArea{margin:0 auto;padding:0 0 0;text-align:center;width:90%}.indexDataArea .data{color:#d10909;font-family:"Noto Serif JP",serif;font-size:clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);font-weight:700;text-align:right;width:100%}.indexCatch{text-align:center;width:100%}.indexCatch p{display:block;color:white;font-family:"Noto Serif JP",serif;font-size:clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);font-weight:500}.indexEnterArea{padding:60px 0 0;text-align:center;width:100%}@media screen and (max-width: 767px){.indexEnterArea{padding:30px 0 0}}.indexEnterArea a{-webkit-transition:all .3s ease;transition:all .3s ease;background:#000;border:3px double #fff;color:white;display:block;font-family:"Noto Serif JP",serif;font-size:clamp(2rem, 1.205rem + 3.39vw, 3.75rem);font-weight:700;margin:0 auto;text-align:center;text-decoration:none;width:50%}@media screen and (max-width: 767px){.indexEnterArea a{width:70%}}.indexEnterArea a img{height:auto;width:100%}.indexEnterArea a:hover{opacity:0.7}@media screen and (max-width: 767px){.indexEnterArea a:hover{opacity:1}}.indexExit{padding:40px 0 0;text-align:center;width:100%}@media screen and (max-width: 767px){.indexExit{padding:20px 0 0}}.indexExit p{display:block;color:#000;font-family:"Noto Serif JP",serif;font-size:clamp(0.688rem, 0.631rem + 0.24vw, 0.813rem);font-weight:400}.indexExit a{background-color:transparent;border-radius:8px;color:#000;display:inline-block;font-family:"Noto Serif JP",serif;font-size:clamp(0.875rem, 0.818rem + 0.24vw, 1rem);margin:0 auto;padding:3px 10px;text-decoration:underline;text-align:center}.indexBannerArea{background-color:transparent}.indexBannerArea a{display:inline-block}.indexBannerArea a img{max-width:100%;height:auto}.indexConcept{background-color:transparent}.indexConcept h2{color:white;font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif;font-size:22px;font-weight:700}@media screen and (max-width: 767px){.indexConcept h2{font-size:18px}}@media screen and (max-width: 480px){.indexConcept h2{font-size:16px}}.indexConcept p{color:white;font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif;font-size:14px}@media screen and (max-width: 480px){.indexConcept p{font-size:13px}}
