/* アプリ紹介テンプレートだけで読み込む。JSなし、ネイティブdetailsでFAQを開閉。 */
.hh-home .hh-detail-wrap{max-width:1180px;margin:0 auto;padding:24px 30px 40px}
.hh-home .hh-detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#697060;margin:0 0 30px}
.hh-home .hh-detail-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.hh-home .hh-detail-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:30px 0 60px;border-bottom:1px solid #e2e5da}
.hh-home .hh-detail-identity{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.hh-home .hh-detail-identity img{width:64px;height:64px;object-fit:contain;border-radius:14px}
.hh-home .hh-app-detail h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;line-height:1.6;letter-spacing:.03em}
.hh-home .hh-detail-catch{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3.6vw,42px);line-height:1.65;margin:0 0 24px;letter-spacing:.04em}
.hh-home .hh-detail-intro{font-size:15px;line-height:2.1;color:#626a5b;max-width:580px;margin:18px 0 30px}
.hh-home .hh-detail-note{font-size:11px;line-height:1.8;color:#697060;margin-top:12px}
.hh-home .hh-detail-visual{background:#efeee1;border-radius:8px;padding:35px 25px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;min-height:450px}
.hh-home .hh-detail-dice .hh-detail-visual{background:#e7ede3}
.hh-home .hh-detail-visual>img{width:220px;max-width:85%;max-height:430px;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 18px 35px #26321e20;transform:rotate(-3deg)}
.hh-home .hh-detail-dice .hh-detail-visual>img{transform:rotate(3deg)}
.hh-home .hh-detail-visual figcaption{font-size:11px;letter-spacing:.1em;color:#626e59;margin-top:24px}
.hh-home .hh-detail-section{padding:54px 0;border-bottom:1px solid #e2e5da}
.hh-home .hh-detail-section h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:27px;line-height:1.7;margin-bottom:28px}
.hh-home .hh-detail-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.hh-home .hh-detail-number{font:40px/1.3 Georgia,serif;color:#8b9a7d}
.hh-home .hh-detail-features h3{font-size:19px;line-height:1.7;margin:15px 0}
.hh-home .hh-detail-features p,.hh-home .hh-detail-steps p{font-size:14px;line-height:2;color:#626a5b}
.hh-home .hh-detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:decimal-leading-zero;padding-left:25px;margin:0}
.hh-home .hh-detail-steps li{padding:0 8px}
.hh-home .hh-detail-steps li::marker{color:#708362;font:20px Georgia,serif}
.hh-home .hh-detail-steps h3{font-size:18px;line-height:1.8;margin:0 0 10px}
.hh-home .hh-detail-faq{max-width:820px}
.hh-home .hh-detail-faq details{border:0;border-bottom:1px solid #dfe4d7;border-radius:0;background:transparent;padding:0;margin:0}
.hh-home .hh-detail-faq summary{font-size:15px;line-height:1.8;cursor:pointer;padding:20px 8px;color:#40513a}
.hh-home .hh-detail-faq p{font-size:14px;line-height:2;color:#626a5b;padding:0 8px 22px}
.hh-home .hh-detail-download{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eff2e9;padding:35px;margin-top:45px;border-radius:5px}
.hh-home .hh-detail-download h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:23px;line-height:1.8;margin:12px 0}
.hh-home .hh-detail-download p{font-size:12px;line-height:1.8;color:#626a5b}
.hh-home .hh-detail-download .hh-button{flex-shrink:0}
.hh-home .hh-detail-support{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:30px 0 10px;font-size:12px}
.hh-home .hh-detail-support a{text-decoration:underline;text-underline-offset:4px}
.hh-home .hh-detail-extra{font-size:16px;line-height:2}.hh-home .hh-detail-extra p{margin-bottom:1.5em}.hh-home .hh-detail-extra a{text-decoration:underline}.hh-home .hh-detail-extra h3{margin:1.8em 0 .8em}.hh-home .hh-detail-extra ul{list-style:disc;padding-left:1.5em}
.hh-home .hh-app-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:35px 0}
.hh-home .hh-app-index-card{padding:35px;background:#f0f2e9;border:1px solid #e2e5da;border-radius:6px}
.hh-home .hh-app-index-card>img{width:72px;height:72px;border-radius:15px;margin-bottom:22px}
.hh-home .hh-app-index-card h2{font:25px/1.7 "Yu Mincho",serif;margin-bottom:18px}
.hh-home .hh-app-index-card p{font-size:14px;line-height:2;margin-bottom:25px}
@media(max-width:850px){.hh-home .hh-detail-hero{gap:30px}.hh-home .hh-detail-visual{min-height:370px}.hh-home .hh-detail-features{gap:20px}.hh-home .hh-detail-download{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.hh-home .hh-detail-wrap{padding:20px}.hh-home .hh-detail-breadcrumb{font-size:10px;margin-bottom:20px}.hh-home .hh-detail-hero{grid-template-columns:1fr;padding:12px 0 35px}.hh-home .hh-app-detail h1{font-size:24px}.hh-home .hh-detail-identity{gap:12px;margin-bottom:24px}.hh-home .hh-detail-identity img{width:52px;height:52px}.hh-home .hh-detail-catch{font-size:31px}.hh-home .hh-detail-intro{font-size:14px}.hh-home .hh-detail-visual{min-height:330px}.hh-home .hh-detail-visual>img{width:170px;max-height:330px}.hh-home .hh-detail-section{padding:35px 0}.hh-home .hh-detail-section h2{font-size:23px}.hh-home .hh-detail-features,.hh-home .hh-detail-steps,.hh-home .hh-app-index-grid{grid-template-columns:1fr;gap:24px}.hh-home .hh-detail-features article{padding-bottom:20px}.hh-home .hh-detail-features h3{margin:8px 0}.hh-home .hh-detail-download{padding:25px;margin-top:30px}.hh-home .hh-detail-download h2{font-size:21px}.hh-home .hh-detail-support{gap:16px;font-size:11px}.hh-home .hh-app-index-card{padding:25px}}
