*{box-sizing:border-box;margin:0;padding:0}html{font-size:.266667vw}body{width:100vw;height:100vh;font-family:Arial,sans-serif;overflow:hidden}#webgl{display:none}.scene{opacity:0;visibility:hidden;z-index:10;width:100%;height:100%;transition:opacity 1s,visibility 1s;position:fixed;top:0;left:0}.scene.active{opacity:1;visibility:visible;z-index:20}.scene.exit{opacity:0;visibility:hidden}.bg-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.animation-wrapper{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.animation-layer{position:absolute;top:0;left:50%;transform:translate(-50%)}#sky-layer{z-index:0}#bg-layer{z-index:1}#far-layer{z-index:2}#mid-layer{z-index:3}#front-layer{z-index:4}.bottom-bg{pointer-events:none;opacity:0;visibility:hidden;background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:opacity 1s,visibility 1s;position:fixed;top:0;left:50%;transform:translate(-50%)}#bottom-bg-12{z-index:4;background-image:url(/%E6%A4%8D%E7%89%A9/Asset%2012.svg)}#bottom-bg-11{z-index:5;background-image:url(/%E6%A4%8D%E7%89%A9/Asset%2011.svg)}.bottom-bg.visible{opacity:1;visibility:visible}#detail-scene{overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:0 0;position:relative;overflow:hidden auto}.text-mask-bottom{z-index:25;pointer-events:none;background:#1a3b3a;width:100%;height:25vh;position:fixed;bottom:0;left:0}.mask-layer{z-index:100;pointer-events:none;opacity:0;visibility:hidden;background-image:url(/Asset%207.svg);background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:opacity 1s,visibility 1s;position:fixed;top:0;left:0}.mask-layer.visible{opacity:1;visibility:visible}.close-btn{z-index:120;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;position:fixed;top:5%;right:5%}.close-btn.visible{opacity:1;visibility:visible}.close-btn img{width:8vw;max-width:123.89px;height:auto;display:block}.fixed-title{z-index:110;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;position:fixed;top:9%;left:66%;transform:translate(-50%)}.fixed-title.visible{opacity:1;visibility:visible}.fixed-title img{height:auto;display:block}.fixed-images{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.fixed-img{opacity:0;visibility:hidden;height:auto;transition:opacity 1s,visibility 1s;position:absolute}.fixed-img.visible{opacity:1;visibility:visible}.scroll-container{z-index:1;justify-content:center;align-items:flex-start;width:100%;margin:0 auto;padding-top:100vh;padding-bottom:100vh;display:flex;position:relative;overflow-x:hidden}.detail-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;width:auto;height:auto;display:block}.svg-container{width:100%;height:100%;margin:0 auto;position:absolute;top:0;left:0}.svg-item{cursor:pointer;filter:drop-shadow(0 10px 20px #0000004d);object-fit:contain;width:7.4vw;max-width:200px;height:auto;transition:transform .3s,filter .3s;position:absolute;transform:translate(-50%,-50%)}.svg-item:hover{filter:drop-shadow(0 20px 40px #0006);transform:translate(-50%,-50%)scale(1.1)}.svg-item:first-child{object-position:left center;width:7.4vw;max-width:200px;height:auto;top:64.5%;left:49.5%}.svg-item:nth-child(2){object-position:right center;width:7.4vw;max-width:200px;height:auto;top:53.5%;left:41.4%}.svg-item:nth-child(3){object-position:right center;width:7.4vw;max-width:200px;height:auto;top:37.8%;left:60%}.svg-item:nth-child(4){object-position:right center;width:7.4vw;max-width:200px;height:auto;top:34.7%;left:42.6%}.svg-item:nth-child(5){width:7.4vw;max-width:200px;height:auto;top:34.3%;left:66.5%}.modal-overlay{z-index:200;opacity:0;visibility:hidden;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:#f7eae2;border-radius:20px;width:60vw;max-width:1200px;max-height:80vh;padding:4vw;transition:transform .3s;position:relative;transform:scale(.8);box-shadow:0 20px 60px #0000004d}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{cursor:pointer;z-index:10;width:3vw;min-width:30px;max-width:50px;height:3vw;min-height:30px;max-height:50px;position:absolute;top:2vw;right:2vw}.modal-close img{width:100%;height:100%;display:block}.modal-body{color:#192e35;max-height:calc(80vh - 8vw);padding-right:10px;font-family:Source Han Sans SC VF,Arial,sans-serif;font-size:clamp(16px,2.5vw,24px);line-height:1.8;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#2b5843;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#1e3d2f}.modal-body h3{color:#2b5843;z-index:1;background:#f7eae2;margin-bottom:20px;padding:10px 0;font-size:clamp(20px,5vw,32px);font-weight:700;position:sticky;top:0}.modal-body p{margin-bottom:15px}.vaccine-list{flex-direction:column;gap:20px;display:flex}.vaccine-section{background:#2b58430d;border-left:4px solid #2b5843;border-radius:12px;padding:20px}.vaccine-section h4{color:#2b5843;margin-top:0;margin-bottom:12px;font-size:clamp(18px,3.5vw,24px);font-weight:700}.vaccine-purpose{color:#192e35;margin-bottom:15px;font-size:clamp(14px,2.5vw,18px);font-weight:500;line-height:1.8}.vaccine-detail{background:#fff9;border-radius:8px;margin-top:10px;padding:15px}.vaccine-detail p{color:#4a6b5f;margin-bottom:10px;font-size:clamp(13px,2.2vw,16px);line-height:1.8}.vaccine-detail p:last-child{margin-bottom:0}.no-vaccine{color:#888;text-align:center;padding:30px 20px;font-style:italic}