/* 2026-10-15: current record income, centered benefits, and the full store list. */
/* Hero and income-summary corrections; the point section uses the first delivered artwork with color adjustments only; its original portrait and layout are retained. */
.sec-mv,.sec-point,.sec-structure{position:relative;container-type:inline-size}
.sec-mv>picture,.sec-mv>picture>img,.sec-structure>picture,.sec-structure>picture>img{display:block;width:100%;height:auto}
.crystal-record-income,.crystal-record-income *{box-sizing:border-box}
.crystal-record-income{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;gap:1.2cqw;margin:0;padding:1cqw 1.3cqw;background:#fff;border:.12cqw solid #f7bacb;border-radius:1cqw;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.2;letter-spacing:0;text-align:center;color:#f55d87}
.record-income-heading{display:flex;flex-direction:column;align-items:stretch;gap:.6cqw;flex:none}
.record-income-industry{display:block;color:#313b3c;font-size:2.55cqw;font-weight:700;white-space:nowrap}
.record-income-label{display:block;padding:.35cqw 1cqw;border-radius:2cqw;background:#f8739c;color:#fff;font-size:1.8cqw;font-weight:700;line-height:1.3;white-space:nowrap}
.record-income-value{display:flex;align-items:baseline;justify-content:center;gap:.3cqw;font-family:Arial,'Noto Sans JP',sans-serif;font-size:6.2cqw;font-weight:800;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}
.record-income-value small{font-family:'Noto Sans JP',sans-serif;font-size:2.4cqw;font-weight:700;letter-spacing:0}
.crystal-record-income--hero{left:9%;top:71.8%;width:54%;height:15.7%;box-shadow:0 .25cqw .9cqw #83415b12}
.crystal-record-income--structure{left:11.4%;top:79%;width:35.2%;height:11.9%;flex-direction:column;gap:.9cqw;padding:1cqw;background:#edfafa;border-color:#d0eeeb}
.crystal-record-income--structure .record-income-heading{flex-direction:row;align-items:center;gap:1cqw}
.crystal-record-income--structure .record-income-industry{font-size:2.05cqw}
.crystal-record-income--structure .record-income-label{font-size:1.45cqw}
.crystal-record-income--structure .record-income-value{font-size:5.3cqw}
.crystal-record-income--structure .record-income-value small{font-size:2.15cqw}
@media(max-width:767px){
 .crystal-record-income--hero,.crystal-record-income--structure{left:0;width:100%;height:9.63%;padding:1.5cqw 3cqw;border:0;border-radius:0;background:#fff;box-shadow:none;flex-direction:row;gap:3cqw}
 .crystal-record-income--hero{top:86.5%}
 .crystal-record-income--structure{top:96%;height:4%}
 .crystal-record-income--hero .record-income-heading,.crystal-record-income--structure .record-income-heading{flex-direction:column;align-items:stretch;gap:1cqw}
 .crystal-record-income--hero .record-income-industry,.crystal-record-income--structure .record-income-industry{font-size:3.6cqw}
 .crystal-record-income--hero .record-income-label,.crystal-record-income--structure .record-income-label{padding:.6cqw 2cqw;border-radius:4cqw;font-size:2.9cqw}
 .crystal-record-income--hero .record-income-value,.crystal-record-income--structure .record-income-value{font-size:9.5cqw;gap:.5cqw}
 .crystal-record-income--hero .record-income-value small,.crystal-record-income--structure .record-income-value small{font-size:4cqw}
}

.homeoffice-reward .reward-layout{display:block}
.homeoffice-reward .reward-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:24px;max-width:760px;margin:0 auto 32px;padding:8px}
.homeoffice-reward .reward-bubble{box-sizing:border-box;width:100%;max-width:224px;aspect-ratio:1;min-height:0;height:auto;border:3px solid #b5f0e7;border-radius:50%;padding:25px 16px;overflow:visible;font-size:16px;line-height:1.65;letter-spacing:0;gap:3px}
.homeoffice-reward .reward-bubble-copy{display:block;max-width:100%;line-height:1.65}
.homeoffice-reward .reward-bubble strong{display:block;font-size:24px;line-height:1.5;white-space:nowrap}
.homeoffice-reward .reward-bubble strong span{font-size:42px}
.homeoffice-reward .reward-detail{width:100%;min-width:0}

.sec-brand .crystal-office-panel{padding:42px 32px 34px;font-family:CrystalDisplay,'Hiragino Kaku Gothic ProN',sans-serif;color:#51455c;line-height:1.8;letter-spacing:.015em}
.crystal-office-panel,.crystal-office-panel *{box-sizing:border-box}
.office-heading{text-align:center;margin-bottom:28px}
.office-heading>p{margin:0 0 8px;font-size:22px;font-weight:700}
.office-heading h4{margin:0;font-size:30px;font-weight:700;line-height:1.7}
.office-heading em{font-style:normal;color:#db548e;background:linear-gradient(transparent 65%,#fffab5 65%);margin-right:.2em}
.office-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:22px;max-width:730px;margin:0 auto 32px;padding:7px}
.crystal-office-panel .office-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;max-width:204px;width:100%;aspect-ratio:1;min-width:0;margin:0;padding:22px 12px;border:3px solid #d5c4eb;border-radius:50%;background:linear-gradient(145deg,#ba9edc,#9982c1);box-shadow:0 0 0 5px #fffdd0;color:#fff;font-size:17px;font-weight:700;line-height:1.6;text-align:center;letter-spacing:0}
.office-bubble strong{color:#fffbb5;font-size:22px;font-weight:700;line-height:1.5}
.office-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}
.office-gallery-column,.office-store-section{min-width:0}
.office-gallery-column>h5{margin:0 0 18px;padding:9px 10px;border:1px solid #f3a4cc;background:#fff;color:#da558d;text-align:center;font-size:20px;font-weight:700;line-height:1.7}
.crystal-office-panel .crystal-office-gallery{position:static;inset:auto;width:100%;margin:0;font-family:inherit}
.crystal-office-panel .crystal-office-controls{padding-top:12px;gap:8px}
.crystal-office-panel .crystal-office-controls p,.crystal-office-panel .crystal-office-counter{font-size:14px}
.crystal-office-panel .crystal-office-buttons button{width:36px;height:36px;font-size:26px}
.crystal-office-panel .office-description{margin:22px 0 0;font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.office-description strong{color:#d94e8e;font-weight:700}
.office-store-section{padding:22px 20px;background:#fff;border:1px solid #f3a4cc;border-radius:16px}
.office-store-section>h5{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #f7d8e7;color:#d94e8e;font-size:21px;font-weight:700;line-height:1.5}
.office-stores{margin:0}
.office-store-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:12px;padding:11px 0}
.office-store-row+.office-store-row{border-top:1px solid #f4e8ef}
.office-store-row dt{margin:0;padding:2px 3px;border-radius:6px;background:#e868a6;color:#fff;text-align:center;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.8}
.office-store-row dd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;min-width:0}
.office-store-row a{display:inline-block;color:#51455c;font-size:16px;line-height:1.8;text-decoration:none;overflow-wrap:anywhere}
.office-store-row a:hover{text-decoration:underline;color:#be407e}
.office-store-row a:focus-visible{outline:3px solid #bd6fa3;outline-offset:3px;border-radius:3px}
.office-recommendation{margin-top:28px}
.office-recommendation>p{margin:0 0 12px;text-align:center;font-size:18px;font-weight:700}
.office-recommendation ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.office-recommendation li{position:relative;margin:0;padding:10px 16px 10px 42px;border:1px solid #c7bdcf;border-radius:24px;background:#fff;font-size:17px;line-height:1.7;text-align:center}
.office-recommendation li::before{content:'✓';position:absolute;top:10px;left:18px;color:#9985b2;font-size:18px}
.office-recommendation strong{color:#db548e;font-weight:700}
@media(max-width:1000px) and (min-width:768px){
 .homeoffice-reward .reward-benefits{gap:18px}
 .homeoffice-reward .reward-bubble{font-size:14px;padding:20px 10px}
 .homeoffice-reward .reward-bubble strong{font-size:21px}
 .homeoffice-reward .reward-bubble strong span{font-size:38px}
 .sec-brand .crystal-office-panel{padding:38px 24px 30px}
 .office-benefits{gap:18px}
 .crystal-office-panel .office-bubble{font-size:15px;padding:18px 10px}
 .office-bubble strong{font-size:20px}
 .office-layout{gap:20px}
 .office-store-section{padding:18px 14px}
 .office-store-row{grid-template-columns:62px minmax(0,1fr);gap:9px}
 .office-store-row dt{font-size:13px}
}
@media(max-width:767px){
 .homeoffice-reward .reward-benefits{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 24px;padding:0}
 .homeoffice-reward .reward-bubble{max-width:none;width:100%;aspect-ratio:auto;min-height:106px;height:auto;padding:18px 16px;border:1px solid #a8e7df;border-radius:20px;box-shadow:none;font-size:16px;line-height:1.7;gap:3px}
 .homeoffice-reward .reward-bubble strong{font-size:24px}
 .homeoffice-reward .reward-bubble strong span{font-size:38px}
 .sec-brand .crystal-office-panel{padding:36px 16px 26px}
 .office-heading{margin-bottom:24px}
 .office-heading>p{font-size:20px}
 .office-heading h4{font-size:26px}
 .office-heading em{display:block;width:fit-content;margin:0 auto 3px}
 .office-benefits{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 26px;padding:0}
 .crystal-office-panel .office-bubble{max-width:none;aspect-ratio:auto;min-height:104px;flex-direction:row;flex-wrap:wrap;gap:3px 6px;padding:18px 12px;border:1px solid #d5c4eb;border-radius:20px;box-shadow:none;font-size:16px}
 .office-bubble strong{font-size:23px}
 .office-bubble br{display:none}
 .office-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .office-gallery-column>h5{font-size:19px}
 .crystal-office-panel .office-description{font-size:17px;line-height:1.9}
 .office-store-section{padding:20px 16px}
 .office-store-row{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px 0}
 .office-store-row dt{font-size:14px}
 .office-store-row a{font-size:16px}
 .office-recommendation li{padding:12px 12px 12px 34px;text-align:left;font-size:16px;border-radius:16px}
 .office-recommendation li::before{left:12px;top:12px}
}