@charset "UTF-8";
/* ソレキア クラウドシフトLP */
:root{
  --navy:#0d3a66; --blue:#0f5aa0; --red:#d7000f; --red-dk:#b0000c;
  --ink:#1e2a38; --sub:#30373d; --line:#e4e9ee; --line2:#dbe3ea; --bg:#f5f8fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%}
img:hover {opacity: 0.6}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--red)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

.wrap{max-width:1160px;margin:0 auto}
.wrap--narrow{max-width:1000px}
.wrap--form{max-width:800px}
.sec{padding:60px 5%}
.sec--alt{background:var(--bg)}
.secHead{margin-bottom:32px}
.secHead--center{text-align:center}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;margin-bottom:8px}
.eyebrow--blue{color:var(--blue)}
.eyebrow--red{color:var(--red)}
.h2{font-size:29px;font-weight:900;margin:0;text-wrap:pretty;line-height:1.5}
.h2--sm{font-size:27px;margin-bottom:10px}
.note{font-size:15px;color:var(--sub);line-height:1.85;text-wrap:pretty;margin-top:24px}
.note--center{text-align:center}
.note--narrow{max-width:720px;margin:12px auto 0}
.grid{display:grid;gap:18px;}
.grid--2{grid-template-columns:repeat(2,1fr);gap:16px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;border-radius:4px;padding:14px 32px;font-size:16px}
.btn:hover{background:var(--red-dk);color:#fff}
.btn--sm{font-size:14px;padding:10px 22px}
.btn--lg{font-size:16px;padding:14px 32px}
.btn--shadow{box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ctaRow{display:flex;justify-content:center;margin-top:32px}

/* header */
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 5%;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.hd__brand{display:flex;align-items:center;gap:12px}
.hd__brand img{height:38px;width:auto;display:block}
.hd__brand span{font-size:13px;color:var(--sub)}

/* hero */
.hero{background:linear-gradient(135deg,#0d3a66 0%,#0f5aa0 70%,#1470c4 100%);color:#fff;padding:64px 5% 56px}
.hero__inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero__eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:500;letter-spacing:.04em;margin-bottom:20px}
.hero__title{font-size:36px;line-height:1.5;font-weight:900;margin:0 0 18px;text-wrap:pretty}
.hero__lead{font-size:16px;line-height:1.9;margin-bottom:28px;color:#dce9f5;text-wrap:pretty}
.hero__card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:24px}
.hero__cardTitle{font-size:13px;font-weight:700;letter-spacing:.08em;color:#9fc4e4;margin-bottom:14px}
.hero__list{display:flex;flex-direction:column;gap:12px}
.hero__list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.7}
.bang{flex:none;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px}

/* cards */
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.tag{font-size:13px;font-weight:700;color:var(--red);letter-spacing:.06em}
.card__title{font-size:17px;font-weight:700;line-height:1.5}
.card__body{font-size:15px;line-height:1.85;color:var(--sub);text-wrap:pretty}

/* self check */
.checkList{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkList li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line2);border-radius:6px;padding:16px 18px;font-size:15px;line-height:1.7;background:#fff}
.tick{flex:none;width:18px;height:18px;border-radius:3px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}

/* options */
.opt{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.opt__head{background:var(--navy);color:#fff;font-size:16px;font-weight:700;padding:16px 18px;line-height:1.4}
.opt__body{padding:18px;display:flex;flex-direction:column;gap:14px}
.opt__label{font-size:14px;font-weight:700;letter-spacing:.06em;margin-bottom:6px}
.opt__label--blue{color:var(--blue)}
.opt__label--red{color:var(--red)}
.opt__text{font-size:15px;line-height:1.85;text-wrap:pretty}
.opt__text--muted{color:var(--sub)}
.opt__care{border-top:1px dashed var(--line2);padding-top:14px}
.alert{margin-top:24px;background:#fdf1f2;border:1px solid #f3ccd0;border-radius:6px;padding:18px 22px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.75}
.alert__mark{flex:none;width:28px;height:28px;border-radius:4px;background:var(--red);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center}

/* faq */
.faq{border:1px solid var(--line);border-radius:8px;padding:20px 22px;background:#fff}
.faq__q{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.faq__q p{font-size:17px;font-weight:700;line-height:1.6;text-wrap:pretty}
.faq__a{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #eef2f6;padding-top:12px}
.faq__a p{font-size:15px;line-height:1.9;color:var(--sub);text-wrap:pretty}
.faq__mark{flex:none;font-size:17px;font-weight:900;line-height:1.6}
.faq__mark--q{color:var(--blue)}
.faq__mark--a{color:var(--red)}

/* clouds & trust */
.cloud{border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;gap:8px;background:#fff}
.cloud__name{font-size:18px;font-weight:700}
.cloud__fit{font-size:13px;font-weight:500;color:var(--blue)}
.trust{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trust__item{display:flex;gap:12px;align-items:flex-start}
.trust__num{flex:none;width:34px;height:34px;border-radius:6px;background:var(--blue);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center}
.trust__title{font-size:15px;font-weight:700;margin-bottom:4px}
.trust__body{font-size:14px;line-height:1.75;color:var(--sub)}

/* flow */
.flow{background:var(--navy);color:#fff;padding:52px 5%}
.flow__title{font-size:25px;font-weight:900;margin:0 0 28px;text-align:center}
.step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px 18px}
.step__n{font-size:13px;font-weight:700;color:#9fc4e4;letter-spacing:.1em;margin-bottom:8px}
.step__title{font-size:16px;font-weight:700;margin-bottom:6px}
.step__body{font-size:14px;line-height:1.75;color:#cfe1f1}
.flow__note{text-align:center;font-size:14px;color:#9fc4e4;margin-top:24px}

/* form */
.formCard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px}
.privacy{font-size:12px;color:#8a97a5;text-align:center;line-height:1.7;margin-top:20px}
.privacy a{text-decoration:underline}

/* footer */
.ft{background:var(--ink);color:#9aa8b6;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;flex-wrap:wrap}
.ft img{height:22px;width:auto;display:block}
.ft__nav{display:flex;gap:20px}
.ft__nav a{color:#9aa8b6}
.ft__nav a:hover{color:#fff}

/* ---- responsive ---- */
@media screen and (max-width:960px){
  .hero__inner{grid-template-columns:1fr;gap:32px}
  .grid--4{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr}
}
@media screen and (max-width:640px){
  .sec{padding:44px 6%}
  .hero{padding:44px 6%}
  .hero__title{font-size:29px}
  .h2{font-size:23px}
  .grid--2,.grid--3,.grid--4,.checkList{grid-template-columns:1fr}
  .hd{padding:12px 5%}
  .hd__brand span{display:none}
  .btn--sm{padding:9px 14px;font-size:13px}
  .formCard{padding:22px 18px}
  .ft{flex-direction:column;align-items:flex-start}
}