:root{--flore-gold:#c99554;--ink:#24211d;--paper:#f7f4ee;--muted:#6d675f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{height:112px;background:#070707;border-bottom:1px solid rgba(201,149,84,.55);display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;gap:32px}
.site-logo{display:block;width:178px;flex:none}.site-logo img{display:block;width:100%;height:auto}
.header-title{color:#fff;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;letter-spacing:.12em;font-size:18px;white-space:nowrap}
.back-link{color:var(--flore-gold);text-decoration:none;font-size:14px;letter-spacing:.06em;white-space:nowrap}
.page-hero{background:#0b0b0b;color:#fff;text-align:center;padding:62px 24px 58px}
.page-hero .en{display:block;color:var(--flore-gold);font-family:"Times New Roman",serif;letter-spacing:.18em;font-size:14px;margin-bottom:12px}
.page-hero h1{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;font-size:38px;letter-spacing:.09em}
.page-hero h1 .title-main,.page-hero h1 .title-sub{display:inline}
.page-hero h1 .title-main::after{content:" "}
.page-hero .rule{width:52px;height:1px;background:var(--flore-gold);margin:24px auto 0}
.terms-container{max-width:1040px;margin:0 auto;padding:72px 42px 84px}
.intro{font-size:16px;line-height:2;letter-spacing:.025em;margin:0 0 44px}
.terms-section{margin:0 0 58px;scroll-margin-top:24px}
.terms-section h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;font-size:25px;letter-spacing:.07em;margin:0 0 24px;padding:0 0 13px;border-bottom:1px solid rgba(201,149,84,.75)}
.article-line{font-size:15px;line-height:2.05;letter-spacing:.018em;margin:0 0 11px;text-align:justify;overflow-wrap:anywhere}
.article-start{font-weight:600;margin-top:2px}
.sub-item{padding-left:1.2em;text-indent:-1.2em}
.note{padding-left:1em;text-indent:-1em;color:#514c46}
.revision-date,.version{text-align:right;margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.version{color:var(--ink);font-weight:600;margin-top:4px}
.site-footer{min-height:112px;background:#070707;border-top:1px solid rgba(201,149,84,.55);color:#fff;display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:28px;padding:18px 5vw}
.footer-logo{width:120px}.footer-logo img{display:block;width:100%;height:auto}
.footer-links{text-align:center;font-size:14px;letter-spacing:.04em}.footer-links a{text-decoration:none}.footer-links span{color:var(--flore-gold);padding:0 14px}
.copyright{font-family:"Times New Roman",serif;font-size:12px;white-space:nowrap}
@media(max-width:760px){
 .site-header{height:88px;padding:8px 18px}.site-logo{width:132px}.header-title{display:none}.back-link{font-size:12px}
 .page-hero{padding:44px 18px 42px}.page-hero h1{font-size:25px;letter-spacing:.05em;line-height:1.55}
 .page-hero h1 .title-main,.page-hero h1 .title-sub{display:block}
 .page-hero h1 .title-main::after{content:""}
 .terms-container{padding:48px 20px 58px}.intro{font-size:14px;line-height:1.9;margin-bottom:36px}
 .terms-section{margin-bottom:44px}.terms-section h2{font-size:21px;margin-bottom:19px}.article-line{font-size:14px;line-height:1.9;text-align:left}
 .site-footer{grid-template-columns:1fr;text-align:center;padding:24px 18px;gap:16px}.footer-logo{margin:auto}.copyright{white-space:normal}.footer-links{text-align:center}
}