/* トップページ末尾：ユーザー提供の夜景写真と案内を一体にしたセクション */
.about{display:block;padding:64px 24px 70px;color:#fff4f4;background:radial-gradient(ellipse at 50% 0,#4c1d38 0,transparent 58%),#1a0c1a}
.about .about-stage{position:relative;max-width:1300px;min-height:410px;margin:auto;display:flex;align-items:center;overflow:hidden;border:1px solid #a9756f;border-radius:13px;background:#210e1e;box-shadow:0 16px 45px #09040a65}
.about .about-scene{position:absolute;inset:0;background:url('assets/about-bar-interior.webp') center 56%/cover no-repeat}
.about .about-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#210e1ff5 0%,#271024ed 31%,#291026c7 48%,#23101b20 76%),linear-gradient(0deg,#1c0c19a8,transparent 42%)}
.about .about-content{position:relative;z-index:1;padding:54px clamp(28px,5vw,70px);max-width:660px}
.about .about-kicker{display:flex;align-items:center;gap:11px;margin:0;color:#edc388;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.16em}
.about .about-kicker::before{content:"";width:30px;height:1px;background:#e3bd83}
.about h2{font:normal clamp(30px,3.3vw,45px)/1.5 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.07em;margin:17px 0 18px;color:#fff8f7;text-shadow:0 2px 12px #10050a}
.about h2 span{color:#f3c98e}
.about p.about-description{margin:0;color:#f4e7e8;font-size:16px;line-height:2;letter-spacing:.03em}
.about .about-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}
.about .about-actions a{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;margin:0;padding:10px 24px;border-radius:30px;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4}
.about .about-actions .about-primary{color:white;border:1px solid #ed9cbb;background:linear-gradient(125deg,#cd4679,#8c2955);box-shadow:0 3px 20px #b82a6150}
.about .about-actions .about-secondary{color:#fff4f4;border:1px solid #d0a19d;background:#21101bbd}
.about .about-actions a:hover{filter:brightness(1.14)}
.about .about-actions a:focus-visible{outline:3px solid #f3c98e;outline-offset:3px}
.about .about-note{position:absolute;z-index:1;right:30px;bottom:25px;color:#f7e4cd;font:12px/1.4 Georgia,serif;letter-spacing:.12em;text-shadow:0 1px 9px #10030b}
.about .about-note::before{content:"✦";color:#f3c98e;margin-right:8px}
@media(max-width:700px){
 .about{padding:42px 16px 48px}
 .about .about-stage{min-height:0;display:block;border-radius:11px}
 .about .about-scene{background-position:52% 50%}
 .about .about-scene::after{background:linear-gradient(0deg,#1f0d1ff7 0%,#251126ec 52%,#21102063 100%)}
 .about .about-content{padding:150px 22px 30px}
 .about h2{font-size:27px;line-height:1.55;letter-spacing:.04em;margin:13px 0 12px}
 .about p.about-description{font-size:15px;line-height:1.9}
 .about .about-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
 .about .about-actions a{width:100%;min-height:46px}
 .about .about-note{top:16px;right:17px;bottom:auto;font-size:10px}
}