@charset "UTF-8";
body.pocket-247-body { background:#f4f6f3; color:#26363c; }
.pocket-247-page,.pocket-247-page * { box-sizing:border-box; }
.pocket-247-page { width:100%; max-width:100%; overflow-wrap:anywhere; font-family:"Noto Sans JP",sans-serif; color:#26363c; font-size:16px; line-height:1.9; }
.pocket-247-page a { text-underline-offset:3px; }
.pocket-247-page-title { margin:0 0 20px; padding:18px 22px; border-left:7px solid #3a7567; background:linear-gradient(90deg,#ecf5ef,#fff 72%); color:#26594e; font-size:clamp(1.55rem,3vw,2.25rem); line-height:1.45; }
.pocket-247-hero { width:100%; margin:0 0 28px; overflow:hidden; border-radius:16px; background:#e9efeb; box-shadow:0 10px 30px rgba(34,62,53,.12); }
.pocket-247-hero img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.pocket-247-lead { margin:0 0 28px; padding:clamp(24px,4vw,40px); border:1px solid #cadfd4; border-radius:16px; background:linear-gradient(135deg,#f0f8f3,#fff 58%,#fff7e8); }
.pocket-247-eyebrow,.pocket-247-label { margin:0 0 8px!important; color:#9a6523; font-size:.78rem; font-weight:900; letter-spacing:.11em; }
.pocket-247-lead h2,.pocket-247-final-cta h2 { margin:0 0 17px; color:#285e52; font-size:clamp(1.35rem,2.7vw,1.9rem); line-height:1.55; }
.pocket-247-lead p { margin:0 0 14px; }
.pocket-247-lead-actions,.pocket-247-final-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:22px; }
.pocket-247-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:12px 23px; border:2px solid transparent; border-radius:9px; font-weight:800; line-height:1.45; text-align:center; text-decoration:none!important; transition:background-color .2s,color .2s,border-color .2s,transform .2s; }
.pocket-247-button--sample { border-color:#a2641d; background:#a2641d; color:#fff!important; }
.pocket-247-button--sample:hover,.pocket-247-button--sample:focus-visible { border-color:#70400a; background:#70400a; color:#fff!important; transform:translateY(-1px); }
.pocket-247-button--product { border-color:#3a7567; background:#3a7567; color:#fff!important; }
.pocket-247-button--product:hover,.pocket-247-button--product:focus-visible { border-color:#255246; background:#255246; color:#fff!important; transform:translateY(-1px); }
.pocket-247-understand { margin:0 0 28px; padding:24px; border:1px solid #d2dfd8; border-radius:14px; background:#fff; }
.pocket-247-understand>h2 { margin:0 0 18px; color:#2d6659; font-size:clamp(1.25rem,2.4vw,1.65rem); }
.pocket-247-understand-grid,.pocket-247-check-grid,.pocket-247-shipping-grid,.pocket-247-service-grid,.pocket-247-related-grid { display:grid; gap:18px; }
.pocket-247-understand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pocket-247-understand-grid article { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:12px; padding:17px; border-radius:11px; background:#edf5f0; }
.pocket-247-understand-grid span { grid-row:1/3; display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:#3a7567; color:#fff; font-weight:900; }
.pocket-247-understand-grid h3 { margin:0 0 5px; color:#2d6659; font-size:1rem; }
.pocket-247-understand-grid p { margin:0; font-size:.93rem; }
.pocket-247-toc { margin:0 0 34px; padding:22px 25px; border-left:5px solid #3a7567; background:#f8f7f1; }
.pocket-247-toc>p { margin:0 0 10px; color:#2d6659; font-weight:900; }
.pocket-247-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 28px; margin:0; padding-left:1.5em; }
.pocket-247-toc a { color:#317062; font-weight:700; }
.pocket-247-section { margin:0 0 38px; padding:clamp(22px,3.5vw,34px); border:1px solid #d7e0db; border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(34,58,52,.055); scroll-margin-top:20px; }
.pocket-247-heading { display:flex; gap:15px; align-items:flex-start; margin:0 0 22px; padding-bottom:14px; border-bottom:2px solid #dce8e1; }
.pocket-247-heading>span { display:flex; flex:0 0 43px; height:43px; align-items:center; justify-content:center; border-radius:10px; background:#3a7567; color:#fff; font-size:.83rem; font-weight:900; }
.pocket-247-heading h2 { margin:1px 0 0; color:#2b6256; font-size:clamp(1.3rem,2.45vw,1.78rem); line-height:1.52; }
.pocket-247-check-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:20px; }
.pocket-247-check-grid article { position:relative; padding:22px 18px 20px 62px; border:1px solid #d8e4dd; border-radius:12px; background:#f8faf8; }
.pocket-247-icon { position:absolute; top:20px; left:17px; display:flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:9px; background:#dcece4; color:#2f6d5e; font-weight:900; }
.pocket-247-check-grid h3,.pocket-247-shipping-grid h3,.pocket-247-service-grid h3 { margin:0 0 8px; color:#2d6659; font-size:1.05rem; }
.pocket-247-check-grid p,.pocket-247-shipping-grid p,.pocket-247-service-grid p { margin:0; }
.pocket-247-note,.pocket-247-warning { margin-top:22px; padding:20px 22px; border-radius:12px; }
.pocket-247-note { border:1px solid #dfc99d; background:#fff9ec; }
.pocket-247-note h3,.pocket-247-warning h3 { margin:0 0 8px; color:#6e4a18; font-size:1.05rem; }
.pocket-247-note p,.pocket-247-warning p { margin:0; }
.pocket-247-table-wrap { width:100%; margin-top:20px; overflow-x:auto; border:1px solid #cfdcd5; border-radius:12px; background:#fff; -webkit-overflow-scrolling:touch; }
.pocket-247-table { width:100%; min-width:760px; border-collapse:collapse; }
.pocket-247-table caption { padding:14px 16px; background:#edf5f0; color:#34665b; font-weight:900; text-align:left; }
.pocket-247-table th,.pocket-247-table td { padding:14px 15px; border-top:1px solid #dce6e1; border-right:1px solid #e3ebe7; vertical-align:top; text-align:left; }
.pocket-247-table th:last-child,.pocket-247-table td:last-child { border-right:0; }
.pocket-247-table thead th { background:#3a7567; color:#fff; }
.pocket-247-table tbody th { width:21%; background:#f3f7f5; color:#2d6659; }
.pocket-247-steps { display:grid; gap:15px; }
.pocket-247-steps article { display:grid; grid-template-columns:86px minmax(0,1fr); gap:5px 15px; padding:19px 21px; border-left:5px solid #3a7567; border-radius:0 12px 12px 0; background:#f1f7f4; }
.pocket-247-steps span { grid-row:1/3; color:#3a7567; font-size:.78rem; font-weight:900; letter-spacing:.06em; }
.pocket-247-steps h3 { margin:0; color:#2d6659; font-size:1.05rem; }
.pocket-247-steps p { margin:0; }
.pocket-247-warning { border:1px solid #e1bcbf; background:#fff4f4; }
.pocket-247-warning h3 { color:#7d3038; }
.pocket-247-flow { display:grid; gap:14px; margin:0; padding:0; list-style:none; counter-reset:none; }
.pocket-247-flow li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:15px; align-items:start; padding:19px 21px; border:1px solid #d9e4de; border-radius:12px; background:#fbfcfb; }
.pocket-247-flow>li>span { display:flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:50%; background:#a2641d; color:#fff; font-weight:900; }
.pocket-247-flow h3 { margin:0 0 6px; color:#2d6659; font-size:1.05rem; }
.pocket-247-flow p { margin:0; }
.pocket-247-shipping-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pocket-247-shipping-grid article { padding:22px; border:1px solid #d9e2dd; border-radius:12px; background:linear-gradient(180deg,#fff,#f8faf8); }
.pocket-247-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pocket-247-service-grid article { display:flex; min-width:0; flex-direction:column; padding:21px; border:1px solid #d7e2dc; border-radius:12px; background:#f8faf8; }
.pocket-247-service-grid a { display:inline-block; margin-top:auto; padding-top:13px; color:#317062; font-weight:900; }
.pocket-247-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:22px; }
.pocket-247-related-grid a { display:flex; min-width:0; flex-direction:column; gap:5px; padding:17px 18px; border:1px solid #d7e2dc; border-radius:11px; background:#fff; color:#2d6659; text-decoration:none; }
.pocket-247-related-grid a:hover,.pocket-247-related-grid a:focus-visible { border-color:#3a7567; background:#f0f7f3; color:#244e45; }
.pocket-247-related-grid span { color:#5f706a; font-size:.9rem; }
.pocket-247-back { margin:22px 0 0!important; text-align:center; }
.pocket-247-back a { color:#317062; font-weight:800; }
.pocket-247-faq details { margin-bottom:12px; border:1px solid #d3dfd8; border-radius:10px; background:#fff; }
.pocket-247-faq summary { position:relative; padding:17px 48px 17px 19px; color:#2d6659; font-weight:800; cursor:pointer; list-style:none; }
.pocket-247-faq summary::-webkit-details-marker { display:none; }
.pocket-247-faq summary::after { content:"＋"; position:absolute; top:50%; right:18px; transform:translateY(-50%); color:#3a7567; font-size:1.35rem; }
.pocket-247-faq details[open] summary::after { content:"−"; }
.pocket-247-faq details>div { padding:0 19px 18px; }
.pocket-247-faq details p { margin:0; }
.pocket-247-final-cta { margin:4px 0 12px; padding:clamp(25px,4vw,40px); border:1px solid #c8ddd2; border-radius:16px; background:linear-gradient(135deg,#eef7f2,#fff 57%,#fff3de); text-align:center; }
.pocket-247-final-actions { justify-content:center; }
@media (max-width:1100px) {
  .pocket-247-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pocket-247-shipping-grid,.pocket-247-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .pocket-247-page-title { padding:15px 16px; }
  .pocket-247-hero { border-radius:10px; }
  .pocket-247-lead,.pocket-247-section { padding:20px 16px; }
  .pocket-247-understand { padding:18px 15px; }
  .pocket-247-understand-grid,.pocket-247-check-grid,.pocket-247-shipping-grid,.pocket-247-service-grid,.pocket-247-related-grid { grid-template-columns:1fr; }
  .pocket-247-toc { padding:18px 16px; }
  .pocket-247-toc ol { grid-template-columns:1fr; }
  .pocket-247-heading { gap:11px; }
  .pocket-247-heading>span { flex-basis:38px; height:38px; }
  .pocket-247-steps article { grid-template-columns:1fr; }
  .pocket-247-steps span { grid-row:auto; }
  .pocket-247-lead-actions,.pocket-247-final-actions { display:grid; grid-template-columns:1fr; }
  .pocket-247-button { width:100%; }
}
@media (max-width:480px) {
  .pocket-247-understand-grid article { grid-template-columns:32px minmax(0,1fr); padding:14px; }
  .pocket-247-understand-grid span { width:32px; height:32px; }
  .pocket-247-check-grid article { padding:18px 15px 18px 58px; }
  .pocket-247-icon { left:14px; }
  .pocket-247-flow li { grid-template-columns:40px minmax(0,1fr); padding:16px 14px; }
  .pocket-247-flow>li>span { width:36px; height:36px; }
}