body{margin:0;font-family:sans-serif;background:#111;color:#fff;position:relative;font-family:"Shippori Mincho",serif;font-weight:400;font-style:normal}body:before{content:"";position:fixed;background-image:url(../kyuseisyu.jpeg);background-size:cover;background-repeat:no-repeat;top:0;height:100vh;width:100%;opacity:.5;z-index:0}section{padding:200px 10rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 768px){section{padding:100px 2rem}}h1,h2,h3,.p-text,.readmore,.card{opacity:0;transform:translateY(50px)}.cards{display:flex;gap:20px;margin-top:50px}@media(max-width: 768px){.cards{flex-direction:column;align-items:center;width:100%}}.card{position:relative;width:200px;height:400px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;justify-content:end;color:#fff;font-weight:bold;padding-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.7);margin:10px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1)}.card .ho{font-size:2rem}.card .ho-text{font-size:2rem}.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease;z-index:-1}.card:hover::before{transform:scale(1.2);cursor:pointer}@media(max-width: 768px){.card{width:100%;height:200px;height:150px;padding:1rem}}.card1::before{background-image:url("../card1.webp")}.card2::before{background-image:url("../card2.webp")}.card3::before{background-image:url("../card3.webp")}.readmore{margin-top:50px;padding:10px 30px;border:none;cursor:pointer;font-size:1.5rem;color:#fff;background-color:rgba(0,0,0,0);letter-spacing:normal}.readmore:hover{letter-spacing:1rem}#popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);align-items:center;justify-content:center;z-index:999}#popup .p-wrap{display:flex;display:flex;flex-direction:column;align-items:center;gap:1rem}#popup input{padding:10px;font-size:1rem;background-color:#fff;color:#000}#popup button{padding:10px;font-size:1rem;cursor:pointer;background-color:gray;width:100%}#bgm-btn{position:fixed;z-index:20;bottom:20px;right:20px;font-size:1rem;border-radius:50%;aspect-ratio:1/1;padding:1rem;color:#000;background:#d3d3d3;width:100px}@media(max-width: 768px){#bgm-btn{font-size:.8rem;padding:1rem;width:70px}}*{box-sizing:border-box;padding:0;margin:0}.noise{position:fixed;opacity:.1;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0}.hed-content{text-align:center}.hed-content p{margin:2rem 0}.hed-content h3{margin:4rem}.title{margin:5rem 0;text-align:center}.title p{text-align:center}.type-text .char{opacity:0;display:inline-block}.ho-section{padding-top:100px;max-width:700px}.ho-section h1{text-align:center;margin-bottom:1rem}.ho-section p{margin:auto;letter-spacing:.1rem;line-height:1.5}table{border-spacing:.5rem}table td:first-child{width:35%}