/* v12: plain language explanations for video files and receiving via GigaFile. */
.hero-mp4-note{margin:10px 0 0;font-size:15px;color:#475875;line-height:1.65;font-weight:650}
.hero h1{font-size:clamp(39px,4.35vw,57px)}
.hero h1 em{overflow-wrap:anywhere}
.digital-benefits-section{background:#fff}
.digital-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.digital-benefit-card{background:#fff;border:1px solid #dfe6f4;border-radius:20px;padding:28px 25px;box-shadow:0 9px 25px #0a23550a}
.digital-benefit-icon{height:65px;width:65px;display:grid;place-items:center;font-size:33px;background:#fff3df;border-radius:20px;margin-bottom:13px}
.digital-benefit-card h3{font-size:23px;line-height:1.48;color:#132c5d;margin:0 0 12px;font-weight:900}
.digital-benefit-card p{font-size:17px;line-height:1.85;color:#435470;margin:0}
.comparison-box{border:1px solid #dfebfa;border-radius:20px;margin-top:24px;padding:30px;background:#f6f9ff}
.comparison-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.comparison-icon{display:grid;place-items:center;width:54px;height:54px;font-size:29px;background:#fff2d9;border-radius:16px;flex:0 0 auto}
.comparison-heading h3{color:#132c5d;font-size:25px;margin:0 0 4px;line-height:1.4}
.comparison-heading p{font-size:16px;color:#5a6880;margin:0}
.digital-compare{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;background:#fff;border:1px solid #dbe5f4;border-radius:14px;overflow:hidden}
.digital-compare th,.digital-compare td{padding:17px 19px;line-height:1.65;border-bottom:1px solid #e3e9f2;text-align:left;vertical-align:middle;font-size:16px}
.digital-compare tr:last-child th,.digital-compare tr:last-child td{border-bottom:0}
.digital-compare thead th{background:#e7eefb;color:#24375b;font-size:17px;font-weight:900}
.digital-compare th:first-child{width:21%}
.digital-compare th:nth-child(2){width:36%}
.digital-compare .recommended{background:#fff9eb;color:#233656}
.digital-compare thead .recommended{background:#ffdb82;color:#522b00}
.digital-compare tbody th{color:#152c58;font-weight:900}
.comparison-foot{font-size:14px;line-height:1.75;color:#5a6b84;margin:14px 0 0}
.benefit-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;background:#fff3df;border:1px solid #ffd69a;padding:22px 27px;border-radius:18px}
.benefit-banner strong{display:block;font-size:21px;color:#192f59}
.benefit-banner p{margin:5px 0 0;font-size:16px;color:#5b6476}
.benefit-banner .button{flex:0 0 auto;background:#fff}
.receive-section{background:linear-gradient(135deg,#fff9ef,#ffefd7 65%,#fff7eb);border-block:1px solid #f9e2bf}
.giga-intro-grid{display:grid;grid-template-columns:1fr .88fr;align-items:stretch;gap:28px;margin-top:32px}
.giga-steps{display:grid;gap:15px}
.giga-step{display:flex;gap:18px;align-items:start;background:white;padding:21px 22px;border:1px solid #f0ddc6;border-radius:17px;box-shadow:0 6px 14px #67451208}
.giga-num{background:#f5750b;color:white;font-weight:950;font-size:24px;border-radius:50%;height:48px;width:48px;min-width:48px;display:grid;place-items:center;line-height:1}
.giga-step h3{font-size:22px;line-height:1.4;margin:1px 0 5px;color:#172c58}
.giga-step p{color:#43546e;font-size:17px;line-height:1.75;margin:0}
.giga-visual{display:flex;flex-direction:column;align-self:stretch;max-width:100%;border:1px solid #e0d9ca;border-radius:22px;background:white;box-shadow:0 16px 28px #56310914;overflow:hidden}
.giga-visual-top{padding:16px 22px;background:#102857;color:white;font-size:18px;font-weight:900}
.giga-visual-top span{color:#ffc761;margin-right:6px}
.giga-mail-body{flex:1;padding:30px 29px 22px}
.giga-mail-from{font-size:14px;font-weight:700;color:#5e6b7c;border-bottom:1px solid #e7eaf0;padding-bottom:13px}
.giga-mail-body h3{font-size:24px;color:#172c58;margin:28px 0 11px;line-height:1.4}
.giga-mail-body p{font-size:17px;color:#4d5c73;margin:0 0 20px}
.giga-fake-link{display:block;text-align:center;background:#ed6b0a;color:white;border-radius:10px;padding:17px 10px;font-size:18px;line-height:1.5;font-weight:900}
.giga-mail-note{background:#f7f8fc;margin-top:20px;border-left:4px solid #ffc56a;color:#3c4f6d;font-size:15px;line-height:1.65;padding:10px 13px}
.giga-visual-caption{background:#f5f7fa;padding:12px 20px;color:#63708a;font-size:13px;line-height:1.6}
.giga-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.giga-notes>div{border:1px solid #f3ddb8;border-radius:16px;background:#fffdf9;padding:20px}
.giga-notes span{font-size:27px;display:block;margin-bottom:9px}
.giga-notes strong{display:block;font-size:19px;line-height:1.5;color:#20355a}
.giga-notes p{font-size:16px;line-height:1.8;color:#56667c;margin:7px 0 0}
.giga-links{display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}
.giga-reference{font-size:15px;color:#495c73;margin:21px 0 0;line-height:1.9}
.giga-reference a,.delivery-helper a{color:#bb4c00;font-weight:850;text-underline-offset:3px}
.delivery-helper{margin:8px 0 0}
@media(max-width:1030px){.giga-intro-grid{grid-template-columns:1fr 1fr;gap:16px}.giga-mail-body{padding:18px}.giga-step{padding:17px}.digital-benefit-grid{gap:12px}.digital-benefit-card{padding:23px 19px}.digital-benefit-card h3{font-size:20px}}
@media(max-width:810px){.digital-benefit-grid{grid-template-columns:1fr}.digital-benefit-card{display:grid;grid-template-columns:62px 1fr;column-gap:18px;align-items:start}.digital-benefit-icon{grid-row:span 2;margin:0}.digital-benefit-card h3{margin-bottom:4px}.digital-benefit-card p{grid-column:2}.benefit-banner{flex-direction:column;align-items:stretch}.giga-intro-grid{grid-template-columns:1fr}.giga-notes{grid-template-columns:1fr}.giga-links .button{width:100%;text-align:center}.digital-compare th,.digital-compare td{font-size:15px;padding:13px 12px}}
@media(max-width:600px){
.comparison-scroll{overflow:visible}
.digital-compare{display:block;min-width:0;background:transparent;border:0;overflow:visible}
.digital-compare thead{display:none}
.digital-compare tbody{display:block}
.digital-compare tbody tr{display:block;background:white;border:1px solid #dbe5f4;border-radius:12px;overflow:hidden;margin:0 0 12px}
.digital-compare tbody th{display:block;width:auto !important;background:#e7eefb;font-size:17px;padding:12px 15px}
.digital-compare tbody td{display:block;padding:12px 15px;border:0;border-top:1px solid #e3e9f2;font-size:15px}
.digital-compare tbody td:before{display:block;font-size:14px;font-weight:900;margin-bottom:5px}
.digital-compare tbody td:nth-child(2):before{content:"DVDの場合";color:#233656}
.digital-compare tbody td:nth-child(3):before{content:"動画データ（MP4）の場合";color:#a94400}
.hero h1{font-size:clamp(34px,8.5vw,43px)}.hero-mp4-note{font-size:14px}.comparison-box{padding:16px 12px}.comparison-heading h3{font-size:20px}.comparison-heading p{font-size:14px}.comparison-icon{height:44px;width:44px;flex-basis:44px;font-size:23px}.comparison-scroll{overflow:visible}.digital-compare{min-width:0}.digital-benefit-card{padding:19px 14px;grid-template-columns:56px 1fr;gap:9px 12px}.digital-benefit-icon{width:52px;height:52px;font-size:26px}.digital-benefit-card h3{font-size:19px}.digital-benefit-card p{font-size:16px}.benefit-banner{padding:18px}.benefit-banner strong{font-size:18px}.giga-step h3{font-size:20px}.giga-step p{font-size:16px}.giga-step{gap:12px;padding:17px 14px}.giga-num{width:40px;height:40px;min-width:40px;font-size:20px}.giga-mail-body h3{font-size:20px}.giga-mail-body p{font-size:16px}.giga-fake-link{font-size:16px}.giga-notes strong{font-size:18px}.giga-notes p{font-size:16px}.giga-reference{font-size:14px}}