:root{
  --navy:#04162e; --navy2:#0a2a52; --blue:#0d62c9; --blue2:#1192df;
  --sky:#3fa7ec; --gold:#c9921d; --gold2:#f2c64b;
  --text:#10233d; --muted:#5c6c80;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#d8dfe8;color:var(--text);
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}
body{padding:14px;}

/* ===== A4ページ枠（内ページ共通） ===== */
.page{width:210mm;min-height:297mm;margin:0 auto 14px;background:#fff;
  position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(4,22,46,.32);}
.page-inner{padding:14mm 13mm 10mm;position:relative;z-index:1;
  min-height:297mm;display:flex;flex-direction:column;}
.page:before{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 94% 4%,rgba(63,167,236,.13),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f5faff 52%,#fff 100%);}
.page-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3.2mm;z-index:3;
  background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 45%,var(--sky) 70%,var(--gold2) 100%);}

/* ===== 表紙（全面ダーク） ===== */
.cover.page{
  background:linear-gradient(145deg,#010c1f 0%,#021535 25%,#041c4a 55%,#06245a 78%,#081528 100%);
}
.cover.page:before{
  background:url(../../assets/img/flyer/bg_2.webp) center/cover no-repeat;opacity:.14;
}
.cover.page:after{
  content:"";position:absolute;top:0mm;right:0mm;
  width:calc(100% + 14mm);height:290mm;border-radius:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(10,80,200,.42) 0%,rgba(5,100,210,.18) 38%,transparent 68%);
  background:url(../../assets/img/flyer/brochure_main2.webp) center/cover no-repeat;
  background-position:14mm -30mm;
}
.cover .page-inner{padding:0;min-height:297mm;display:flex;flex-direction:column;}
.cover .page-inner:before{
  height:3.8mm;
  background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 32%,var(--sky) 62%,var(--gold2) 86%,#fffad0 100%);
}
.cover-glow{position:absolute;bottom:-70mm;left:-50mm;width:180mm;height:180mm;
  border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(13,98,201,.22),transparent 66%);}
.cover-ray{position:absolute;top:0;right:0;bottom:0;width:100%;z-index:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(12,55,130,.20) 50%,rgba(13,98,201,.08) 100%);}

.cover-header{padding:9mm 13mm 0;position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;}
.cover-logo{height:11mm;width:auto;display:block;mix-blend-mode:difference;}
.cover-badges-row{display:flex;gap:3mm;align-items:center;}
.cover-badges-row img{height:15mm;width:auto;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.60)) brightness(1.06);}

.cover-body{display:grid;grid-template-columns:1fr 88mm;gap:5mm;
  padding:7mm 13mm 0;position:relative;z-index:2;align-items:start;flex:1;align-items:center;}
.cover-left{display:flex;flex-direction:column;}
.cover-eyebrow{display:inline-flex;align-items:center;gap:2.2mm;
  font-size:8pt;font-weight:900;letter-spacing:.20em;
  color:rgba(63,167,236,.92);text-transform:uppercase;margin-bottom:4mm;}
.cover-eyebrow:before{content:"";width:9mm;height:2px;
  background:linear-gradient(90deg,var(--sky),var(--blue2));border-radius:2px;}
.cover-catch{font-size:34pt;font-weight:900;color:#fff;
  line-height:1.12;letter-spacing:.01em;margin:0 0 4mm;
  text-shadow:0 4px 28px rgba(0,0,0,.60);}
.cover-catch span{display:block;}
.cover-catch b{
  display:block;font-size:43pt;line-height:1.05;letter-spacing:-.01em;
  background:linear-gradient(135deg,#5cb8ff 0%,#3fa7ec 30%,#96d4ff 60%,#5cb8ff 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 12px rgba(63,167,236,.55));}
.cover-sub{font-size:9.5pt;line-height:1.75;font-weight:700;
  color:rgba(195,218,255,.88);margin:0 0 5mm;
  padding-left:3.4mm;border-left:2.8mm solid;
  border-image:linear-gradient(180deg,var(--sky),var(--blue)) 1;}
.cover-tags{display:flex;flex-wrap:wrap;gap:1.6mm 2mm;margin-bottom:6mm;}
.cover-tags span{font-size:8pt;font-weight:800;letter-spacing:.04em;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);
  border-radius:999px;padding:1.2mm 3mm;color:rgba(200,225,255,.88);}
.cover-bpair{display:grid;grid-template-columns:1fr 1fr;gap:3mm;margin-top:auto;}
.cover-bcard{border-radius:2.8mm;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
  padding:2.4mm;display:flex;flex-direction:column;align-items:center;gap:1.6mm;
  box-shadow:0 4px 18px rgba(0,0,0,.40);}
.cover-bcard img{height:13mm;width:auto;max-width:100%;object-fit:contain;}
.cover-bcard p{margin:0;font-size:7.4pt;font-weight:700;
  color:rgba(180,215,255,.85);text-align:center;line-height:1.4;}

.cover-right{display:flex;flex-direction:column;gap:3mm;position:relative;z-index:2;}
.cover-screen{border-radius:3.6mm;overflow:hidden;
  box-shadow:0 18px 55px rgba(0,0,0,.75),-8px 6px 26px rgba(10,80,200,.30);
  border:1px solid rgba(63,167,236,.30);}
.cover-screen-hd{background:linear-gradient(90deg,#072a57,#0b4eaa 55%,#1192df);
  color:#fff;font-weight:800;font-size:8.5pt;padding:1.8mm 3.2mm;
  display:flex;justify-content:space-between;align-items:center;}
.cover-screen img{width:100%;display:block;height:64mm;object-fit:cover;}
.cover-screen2{border-radius:3mm;overflow:hidden;
  box-shadow:0 10px 32px rgba(0,0,0,.65);border:1px solid rgba(201,146,29,.30);}
.cover-screen2-hd{background:linear-gradient(90deg,#3a1800,#7a4800 55%,#b07a10);
  color:#fff;font-weight:800;font-size:8.5pt;padding:1.8mm 3.2mm;
  display:flex;justify-content:space-between;align-items:center;}
.cover-screen2 img{width:100%;display:block;height:38mm;object-fit:cover;}

.cover-band{
  background:linear-gradient(120deg,rgba(4,22,46,.97) 0%,rgba(10,45,100,.93) 55%,rgba(12,62,122,.90) 100%);
  border-top:1px solid rgba(63,167,236,.28);
  padding:7mm 13mm 9mm;position:relative;z-index:2;overflow:hidden;}
.cover-band:before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:5mm 5mm;}
.cover-band:after{content:"";position:absolute;top:-28mm;right:-18mm;
  width:95mm;height:95mm;border-radius:50%;
  background:radial-gradient(circle,rgba(63,167,236,.24),transparent 60%);}
.cover-band-inner{position:relative;z-index:1;}
.cover-band h2{margin:0 0 1.6mm;font-size:15pt;font-weight:900;color:#fff;letter-spacing:.04em;}
.cover-band p{margin:0 0 3.6mm;font-size:9pt;font-weight:700;color:rgba(180,210,255,.90);}
.cover-band-tags{display:flex;flex-wrap:wrap;gap:1.6mm 2mm;}
.cover-band-tags span{font-size:8pt;font-weight:800;letter-spacing:.04em;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);
  border-radius:999px;padding:1.4mm 3.4mm;color:#fff;}

/* ===== 内ページ共通パーツ ===== */
.eyebrow{display:inline-flex;align-items:center;gap:2mm;font-size:10.0pt;font-weight:900;
  letter-spacing:.16em;color:var(--blue);text-transform:uppercase;}
.eyebrow:before{content:"";width:7mm;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:2px;}
.sec-title{font-size:20pt;font-weight:900;color:var(--navy);
  letter-spacing:.02em;margin:2mm 0 1.4mm;line-height:1.2;}
.sec-lead{font-size:9.2pt;line-height:1.6;font-weight:600;color:#33506f;margin:0 0 4mm;}
.page-foot{display:flex;justify-content:space-between;align-items:center;
  font-size:7.4pt;color:#8092a6;border-top:1px solid #e1e9f3;
  padding-top:2mm;margin-top:auto;}
.page-foot b{color:var(--blue);}

.fbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm;}
.fbox{border:1px solid #cfdff2;border-radius:3.4mm;
  background:linear-gradient(180deg,#fff,#f5faff);
  padding:4mm 4.6mm;box-shadow:0 4px 12px rgba(9,46,91,.08);
  position:relative;overflow:hidden;}
.fbox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.4mm;
  background:linear-gradient(180deg,var(--blue),var(--sky));}
.fbox.gold:before{background:linear-gradient(180deg,var(--gold2),var(--gold));}
.fbox.gold{border-color:#e6c069;background:linear-gradient(180deg,#fffdf5,#fff6e2);}
.fbox-head{display:flex;align-items:center;gap:3mm;margin-bottom:2.6mm;}
.fbox-ico{width:11mm;height:11mm;flex:none;border-radius:2.6mm;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy2),var(--blue));
  box-shadow:0 3px 8px rgba(13,98,201,.28);}
.fbox-ico img{width:9mm;height:9mm;object-fit:contain;}
.fbox-ico.gold-ico{background:#ccc;
  box-shadow:0 3px 8px rgba(201,146,29,.28);}
.fbox-ico.grn-ico{background:linear-gradient(135deg,#06c755,#04a844);
  box-shadow:0 3px 8px rgba(6,199,85,.28);}
.fbox-ico.pur-ico{background:linear-gradient(135deg,#7a5af8,#a78bfa);
  box-shadow:0 3px 8px rgba(122,90,248,.28);}
.fbox-ttl{font-size:12pt;font-weight:900;color:#07305f;line-height:1.2;margin:0;}
.fbox-tag{font-size:7.4pt;font-weight:800;color:var(--blue);letter-spacing:.04em;}
.fbox.gold .fbox-tag{color:var(--gold);}
.fbox ul{margin:0;padding:0;list-style:none;}
.fbox li{font-size:8.6pt;line-height:1.5;font-weight:600;color:#22405f;
  padding-left:5mm;position:relative;margin-bottom:1mm;}
.fbox li:last-child{margin-bottom:0;}
.fbox li:before{content:"";position:absolute;left:0;top:1.6mm;
  width:2.4mm;height:2.4mm;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--sky));}
.fbox.gold li:before{background:linear-gradient(135deg,var(--gold2),var(--gold));}
.fbox.gold {background:url(../../assets/img/flyer/brochure_main.webp) center/cover no-repeat;}
.fbox.gold .fbox-ttl,
.fbox.gold li {
  color:#fff;
}
.fwide{border:1px solid #cfdff2;border-radius:3.4mm;background:#fff;
  box-shadow:0 4px 12px rgba(9,46,91,.08);
  padding:4mm 5mm;margin-bottom:4mm;position:relative;overflow:hidden;}
.fwide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.4mm;
  background:linear-gradient(180deg,var(--blue),var(--sky));}
.fwide-head{display:flex;align-items:center;gap:3mm;margin-bottom:2.4mm;}
.fwide-ico{width:12mm;height:12mm;flex:none;border-radius:2.8mm;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy2),var(--blue));
  box-shadow:0 3px 8px rgba(13,98,201,.28);}
.fwide-ico img{width:10mm;height:10mm;object-fit:contain;}
.fwide-ttl{font-size:13pt;font-weight:900;color:#07305f;margin:0;line-height:1.2;}
.fwide-sub{font-size:7.8pt;font-weight:700;color:var(--muted);}
.fwide-cols{display:grid;grid-template-columns:1fr 1fr;gap:1mm 6mm;}
.fwide-cols ul{margin:0;padding:0;list-style:none;}
.fwide-cols li{font-size:8.6pt;line-height:1.5;font-weight:600;color:#22405f;
  padding-left:5mm;position:relative;margin-bottom:1mm;}
.fwide-cols li:before{content:"";position:absolute;left:0;top:1.6mm;
  width:2.4mm;height:2.4mm;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--sky));}

.shotrow{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm;}
.shot{border:1px solid #cfe0f4;border-radius:3.2mm;background:#fff;
  overflow:hidden;box-shadow:0 6px 16px rgba(2,38,79,.16);}
.shot-title{background:linear-gradient(120deg,#072a57,#0b4eaa 55%,#1192df);
  color:#fff;font-weight:800;font-size:9pt;
  padding:1.8mm 3.2mm;display:flex;justify-content:space-between;align-items:center;}
.shot img{width:100%;height:44mm;object-fit:cover;display:block;}

.ps{display:grid;grid-template-columns:1fr 11mm 1fr;gap:2.5mm;align-items:stretch;margin-bottom:10mm;}
.panel{position:relative;border-radius:3.2mm;background:#fff;border:1px solid #d7e2f0;
  overflow:hidden;box-shadow:0 4px 12px rgba(9,46,91,.09);}
.panel h3{margin:0;padding:2.4mm 3.5mm;font-size:11pt;text-align:center;color:#fff;
  background:linear-gradient(120deg,#3a4655,#566472);}
.panel.solve h3{background:linear-gradient(120deg,#0a4ba0,#0e83d5 70%,#2ea3e6);}
.panel ul{padding:10mm 4mm;margin:0;list-style:none;}
.panel li{font-size:8pt;line-height:1.42;margin-bottom:1.6mm;
  padding-left:6.4mm;position:relative;font-weight:700;color:#22405f;}
.panel li:last-child{margin-bottom:0;}
.panel li:before{content:"x";position:absolute;left:0;top:.2mm;
  width:4.2mm;height:4.2mm;border-radius:50%;
  background:#5b6773;color:#fff;font-size:7.4pt;
  text-align:center;line-height:4.2mm;font-weight:900;}
.panel:first-child::before{position:absolute;top:0;content:'';width:100%;height:100%;background:url(../../assets/img/flyer/human_01.webp) 64mm 35mm/30mm no-repeat;opacity:.9;}
.panel.solve::before{position:absolute;top:0;content:'';width:100%;height:100%;background:url(../../assets/img/flyer/human_02.webp) 64mm 30mm/30mm no-repeat;opacity:.9;}
.solve li:before{content:"v";background:linear-gradient(135deg,#0f67c9,#1aa0e6);}
.arrows{display:flex;flex-direction:column;justify-content:center;gap:3mm;align-items:center;}
.arrow{width:10mm;height:4.4mm;background:linear-gradient(90deg,#9fcbf7,#0c62c8);
  clip-path:polygon(0 25%,70% 25%,70% 0,100% 50%,70% 100%,70% 75%,0 75%);}

.banner-pair{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm;}
.banner-card{border-radius:3.2mm;background:linear-gradient(180deg,#fff,#f0f7ff);
  padding:3mm 3.5mm;border:1px solid #cdddf1;
  box-shadow:0 4px 14px rgba(9,46,91,.09);
  display:flex;flex-direction:column;align-items:center;gap:2mm;}
.banner-card img{height:16mm;width:auto;max-width:100%;object-fit:contain;}
.banner-card p{margin:0;font-size:8.4pt;line-height:1.55;font-weight:600;color:#213855;width:100%;}
.banner-card.gold-banner{background:linear-gradient(180deg,#fffdf5,#fff3d4);border-color:#dfc056;}

.str-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-bottom:3.5mm;}
.str{border:1px solid #d4e3f5;border-radius:2.8mm;
  padding:3mm 2.6mm;text-align:center;
  background:linear-gradient(180deg,#fff,#eef6ff);
  box-shadow:0 2px 6px rgba(7,48,95,.06);position:relative;overflow:hidden;}
.str:before{content:"";position:absolute;top:0;left:0;right:0;height:1.2mm;
  background:linear-gradient(90deg,var(--blue),var(--sky));}
.str .sico{font-size:18pt;margin-bottom:1mm;}
.str h4{margin:0 0 1.2mm;color:#07305f;font-size:9.5pt;line-height:1.25;}
.str p{margin:0;color:#3d526a;font-size:7.8pt;line-height:1.46;font-weight:600;}

.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;
  margin-bottom:4mm;counter-reset:fl;}
.flow-step{border:1px solid #cfdff2;border-radius:2.8mm;background:#fff;
  padding:5mm 3mm 3.4mm;text-align:center;position:relative;
  box-shadow:0 2px 6px rgba(7,48,95,.06);}
.flow-step:before{counter-increment:fl;content:counter(fl);
  position:absolute;top:-4mm;left:50%;transform:translateX(-50%);
  width:8mm;height:8mm;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),#0a4ba0);color:#fff;
  font-size:11pt;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 8px rgba(13,98,201,.34);}
.flow-step h4{margin:0 0 1.4mm;font-size:9.5pt;color:#07305f;font-weight:900;}
.flow-step p{margin:0;font-size:7.8pt;line-height:1.45;font-weight:600;color:#3d526a;}

.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm;}
.price{border:1px solid #cfdff2;border-radius:3.4mm;background:#fff;
  padding:4.4mm 5mm;box-shadow:0 4px 12px rgba(9,46,91,.08);position:relative;}
.price.feat{border:2px solid var(--blue);background:linear-gradient(180deg,#fff,#f3f8ff);}
.price-badge{position:absolute;top:-3.4mm;right:5mm;
  background:linear-gradient(135deg,var(--blue),#0a4ba0);color:#fff;
  font-size:7.8pt;font-weight:900;letter-spacing:.08em;
  padding:1.4mm 4mm;border-radius:999px;}
.price-name{font-size:12.5pt;font-weight:900;color:#07305f;margin:0 0 1mm;}
.price-amt{font-size:23pt;font-weight:900;color:var(--navy);line-height:1.1;}
.price-amt small{font-size:9.5pt;font-weight:800;color:var(--muted);margin-left:1mm;}
.price-note{font-size:8pt;font-weight:700;color:var(--muted);margin:1.4mm 0 2.4mm;}
.price ul{margin:0;padding:0;list-style:none;}
.price li{font-size:8.5pt;line-height:1.5;font-weight:600;color:#22405f;
  padding-left:5mm;position:relative;margin-bottom:1mm;}
.price li:before{content:"v";position:absolute;left:0;top:0;color:var(--blue);font-weight:900;}

.cta{
  background:
    linear-gradient(120deg,rgba(4,22,46,.90) 0%,rgba(10,45,100,.84) 55%,rgba(12,62,122,.80) 100%),
    url(../../assets/img/flyer/bg_2.webp) center/cover no-repeat;
  color:#fff;border-radius:3.6mm;
  padding:6mm 7mm;position:relative;overflow:hidden;
  display:grid;grid-template-columns:1fr 64mm 28mm;gap:5mm;align-items:center;
}
.cta:before{content:"";position:absolute;top:-28mm;right:-12mm;width:90mm;height:90mm;
  background:radial-gradient(circle,rgba(63,167,236,.28),transparent 62%);}
.cta:after{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:6mm 6mm;opacity:.55;}
.cta>*{position:relative;z-index:1;}
.cta h2{margin:0 0 2.4mm;font-size:11pt;font-weight:900;letter-spacing:.03em;}
.cta .btn{display:inline-block;
  background:linear-gradient(135deg,#fff,#eaf3ff);color:#0a4d9d;
  border-radius:1.8mm;padding:2.4mm 8mm;font-size:8.5pt;
  font-weight:900;letter-spacing:.04em;box-shadow:0 4px 12px rgba(0,0,0,.22);}
.cta .contact{border-left:1px dashed rgba(255,255,255,.5);
  padding-left:5mm;font-size:8.5pt;line-height:1.85;font-weight:700;}
.qrbox{background:#fff;color:#07305f;border-radius:3mm;
  padding:1.6mm;text-align:center;font-weight:900;font-size:8pt;
  box-shadow:0 4px 12px rgba(0,0,0,.22);}
.qrbox img{width:24mm;height:24mm;display:block;margin:1mm auto 0;image-rendering:pixelated;}
/*SADA WROTE*/
.page-features-1{
  background:url(../../assets/img/flyer/feature_bg.webp) center 219mm/100mm no-repeat;
}
.salary-cols,
.shift-cols {
  position:relative;
}
.page-features-2 .shift-cols:before{
  position:absolute;top:0;bottom:0;content:"";width:100%;height:100%;z-index:0;
  background:url(../../assets/img/flyer/feature-2_1.webp) 86mm 0mm/100mm no-repeat;
}
.page-features-2 .salary-cols:before{
  position:absolute;top:0;bottom:0;content:"";width:100%;height:100%;z-index:0;
  background:url(../../assets/img/flyer/feature-2_2.webp) 86mm 6mm/100mm no-repeat;
}
.page-features-3 .fbox.line{
  position:relative;z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0));
}
.page-features-3 .fbox.line::before{
  position:absolute;top:0;content:'';width:100%;height:100%;background:url(../../assets/img/flyer/feature_line.webp) 49mm 8mm/50mm no-repeat;opacity:1;
  mix-blend-mode:overlay;
}

.page-features-3 .fbox.staff{
  position:relative;z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0));
}
.page-features-3 .fbox.staff::before{
  position:absolute;top:0;content:'';width:100%;height:100%;background:url(../../assets/img/flyer/feature_staff.webp) 56mm 6mm/50mm no-repeat;opacity:1;
  mix-blend-mode:overlay;
}

@page{size:A4;margin:0;}
@media print{
  html,body{background:#fff;padding:0;}
  .page{width:210mm;height:297mm;min-height:297mm;margin:0;
    box-shadow:none;page-break-after:always;break-after:page;}
  .page:last-child{page-break-after:auto;break-after:auto;}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}