@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=M+PLUS+Rounded+1c:wght@800&display=swap");
/* 製品で見せるカメラ型。style.src.css から作った強めた版(手で直さない) */
.jc.jc.jc *{all:revert}
/* 製品で見せるカメラ型(見本 safie.jp/campaign/lp-go Safie GO)。読みやすい版。直したら style.css を作り直す(.jc → .jc.jc.jc と all:revert) */

.jc.jc.jc{--main:#0098a6;--deep:#00727d;--nm:#008c95;--grad2:#4387ad;--mint:#e3f6f5;--mint2:#cdeee3;--th:#e4f6f7;--ring:#0099a3;--ye:#fdd34e;--or:#ffaa2b;--yb:#ffd84a;--ink:#333838;--gy:#888f8f;--card:#ffffff;--imgbg:#f4f6f6;
  max-width:480px;margin:0 auto;background:#ffffff;color:var(--ink);font-family:"Noto Sans JP",system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.9;letter-spacing:0;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;padding-bottom:0}
.jc.jc.jc *{box-sizing:border-box}
.jc.jc.jc img{display:block;max-width:100%}
.jc.jc.jc p{margin:0}
.jc.jc.jc p,.jc.jc.jc li,.jc.jc.jc h3,.jc.jc.jc td{text-wrap:pretty}
.jc.jc.jc h1,.jc.jc.jc h2,.jc.jc.jc h3{margin:0;font-weight:700}
.jc.jc.jc ul,.jc.jc.jc ol{margin:0;padding:0;list-style:none}
.jc.jc.jc a{color:inherit;text-decoration:none}
.jc.jc.jc em{font-style:normal}
.jc.jc.jc section{position:relative}
.jc.jc.jc .mn{font-family:"Montserrat","Noto Sans JP",sans-serif;font-weight:700}

/* 見出し(英字ラベル+濃い青緑の大見出し) */
.jc.jc.jc .hh{position:relative;z-index:1;text-align:center;padding:0 24px}
.jc.jc.jc .en{color:var(--main);font-size:18px;line-height:1.35;letter-spacing:.05em}
.jc.jc.jc .hh h2{margin-top:6px;color:var(--deep);font-size:36px;line-height:1.37;letter-spacing:.01em}
.jc.jc.jc .ld{position:relative;z-index:1;margin:22px 24px 0;font-size:16px;line-height:2;text-align:center}

/* 背景のななめの淡い四角(見本の地の飾り) */
.jc.jc.jc .sh{position:absolute;z-index:0;width:260px;height:260px;border-radius:44px;background:rgba(190,236,220,.55);transform:rotate(45deg);pointer-events:none}
.jc.jc.jc .sh.s1{top:-60px;right:-150px}
.jc.jc.jc .sh.s2{top:44%;left:-170px;background:rgba(190,236,220,.45)}
.jc.jc.jc .sh.s3{bottom:12%;right:-160px;width:300px;height:300px;background:rgba(200,240,234,.6)}

/* ボタン(黄色→オレンジのグラデの丸・白い丸) */
.jc.jc.jc .by{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:8px 22px;border:1px solid #ffffff;border-radius:40px;background:linear-gradient(to right,#fdd34e,#ffaa2b);color:#000000;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:.02em;text-align:center;box-shadow:0 3px 0 rgba(0,0,0,.08)}
.jc.jc.jc .bw{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;min-height:64px;padding:8px 22px;border:1px solid #ffffff;border-radius:45px;background:#ffffff;color:#000000;font-size:18px;font-weight:700;line-height:1.35;text-align:center}
.jc.jc.jc .tl i{display:inline-block;width:22px;height:22px;margin-right:8px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z" fill="%23008c95"/%3E%3C/svg%3E') center/contain no-repeat}
.jc.jc.jc .tl{font-family:"Montserrat","Noto Sans JP",sans-serif;font-size:21px;letter-spacing:.02em}
.jc.jc.jc .tl small{display:block;width:100%;font-family:"Noto Sans JP",sans-serif;font-size:12px;font-weight:700;line-height:1.4;color:var(--nm);letter-spacing:0}

/* いちばん上(小さいロゴ・No.1の札・認定の札) */
.jc.jc.jc .hd{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 10px 0 14px;background:#ffffff}
.jc.jc.jc .hlogo{display:flex;flex-direction:column;padding-top:4px;color:var(--main);font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;line-height:1.15}
.jc.jc.jc .hlogo b{font-size:20px;font-weight:800;letter-spacing:.01em}
.jc.jc.jc .hlogo small{margin-top:2px;color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:10px;font-weight:500}
.jc.jc.jc .hbadges{display:flex;gap:8px;align-items:flex-start}
.jc.jc.jc .no1{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;border:2px solid #c9ab52;background:#ffffff;color:var(--main);text-align:center;line-height:1.05}
.jc.jc.jc .no1::before,.jc.jc.jc .no1::after{content:"";position:absolute;bottom:-9px;width:16px;height:16px;background:#c9ab52;clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}
.jc.jc.jc .no1::before{left:14px;transform:rotate(18deg)}
.jc.jc.jc .no1::after{right:14px;transform:rotate(-18deg)}
.jc.jc.jc .no1 small{font-size:9px;font-weight:700}
.jc.jc.jc .no1 b{font-family:"Montserrat",sans-serif;font-size:21px;font-style:italic;color:#b8963a}
.jc.jc.jc .no1 span{font-size:8px;font-weight:700;line-height:1.2;color:var(--main)}
.jc.jc.jc .cert{display:flex;flex-direction:column;width:76px;border:1px solid #0d3f8f;text-align:center;line-height:1.2}
.jc.jc.jc .cert small{padding:2px 0;font-size:9px;font-weight:700;color:#111111;background:#ffffff}
.jc.jc.jc .cert b{padding:4px 2px;background:#0d3f8f;color:#ffffff;font-size:13px;letter-spacing:.04em}
.jc.jc.jc .cert span{padding:2px;font-size:7px;color:#333333;background:#ffffff}

/* 最初の画面 */
.jc.jc.jc .fv{background:linear-gradient(#ffffff 0,#ffffff 38%,#f3fafa 100%)}
.jc.jc.jc .cp{display:flex;flex-direction:column;padding:26px 24px 0 40px;color:var(--deep);font-size:37px;font-weight:700;line-height:1.37;letter-spacing:.01em}
.jc.jc.jc .logo{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-top:22px;padding:0 16px;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;line-height:1.1;white-space:nowrap}
.jc.jc.jc .logo .la{color:var(--main);font-size:42px;letter-spacing:.02em}
.jc.jc.jc .logo .lb{color:#222222;font-size:54px;letter-spacing:0}
.jc.jc.jc .lsub{position:relative;z-index:2;margin:4px 40px 0 0;text-align:right;font-size:14px;font-weight:500;line-height:1.5;color:#222222}
.jc.jc.jc .fv .ph{position:relative;margin-top:-14px;height:390px;overflow:hidden}
.jc.jc.jc .fv .ph::before{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:1;background:linear-gradient(#ffffff,rgba(255,255,255,0))}
.jc.jc.jc .fv .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.jc.jc.jc .pts{position:relative;z-index:2;display:flex;justify-content:center;gap:9px;margin-top:-104px;padding:0 10px}
.jc.jc.jc .pts li{display:flex;align-items:center;justify-content:center;width:96px;height:96px;flex:none;border:2px solid var(--ring);border-radius:50%;background:#ffffff;color:var(--main);font-size:14.5px;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 0 0 4px rgba(255,255,255,.55)}
.jc.jc.jc .note{margin:20px 40px 0;font-size:12.2px;line-height:2;color:#333838}
.jc.jc.jc .fv{padding-bottom:26px}

/* 実績の数字(見本の取引先ロゴの場所) */
.jc.jc.jc .pf{padding:26px 24px 30px;background:#ffffff;text-align:center}
.jc.jc.jc .pft{color:var(--deep);font-size:17px;font-weight:700}
.jc.jc.jc .pfl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.jc.jc.jc .pfl li:first-child:nth-last-child(odd){grid-column:1/-1}
.jc.jc.jc .pfl li{padding:12px 6px 14px;border-top:3px solid var(--main);background:#f5fbfb;line-height:1.3}
.jc.jc.jc .pfl small{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.jc.jc.jc .pfl p{margin-top:6px;color:var(--main)}
.jc.jc.jc .pfl b{font-size:34px;letter-spacing:.01em}
.jc.jc.jc .pfl em{margin-left:2px;font-size:15px;font-weight:700}
.jc.jc.jc .pfl span{display:block;margin-top:6px;font-size:12px;color:var(--ink)}
.jc.jc.jc .pfn{margin-top:10px;font-size:11.5px;line-height:1.7;color:var(--gy);text-align:left}
.jc.jc.jc .cl{padding:6px 24px 30px;background:#ffffff}
.jc.jc.jc .cl ul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px}
.jc.jc.jc .cl li{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:13px;font-weight:700;line-height:1.3;text-align:center;color:#333333}

/* 青緑のグラデの帯(申し込み) */
.jc.jc.jc .cv{padding:34px 24px 41px;background:linear-gradient(108deg,#0098a6 43%,#4387ad 100%);text-align:center}
.jc.jc.jc .cvt{color:#ffffff;font-size:21px;font-weight:700;line-height:1.5;letter-spacing:.01em}
.jc.jc.jc .cv .by{margin-top:22px}
.jc.jc.jc .cv .bw{margin-top:12px}
.jc.jc.jc .cv2 .cvp{width:220px;height:220px;margin:20px auto 4px;border:6px solid #b6e3e6;border-radius:50%;overflow:hidden;background:#ffffff}
.jc.jc.jc .cv2 .cvp img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}

/* ABOUT(淡い水色の地・写真の組・チェック・白いカード・場面) */
.jc.jc.jc .ab{padding:66px 0 98px;background:var(--mint);overflow:hidden}
.jc.jc.jc .clg{position:relative;z-index:1;display:flex;height:274px;margin:34px 24px 0;border-radius:30px;overflow:hidden;background:#ffffff}
.jc.jc.jc .clg .c1{flex:0 0 53%}
.jc.jc.jc .clg .c2{display:flex;flex-direction:column;flex:1}
.jc.jc.jc .clg img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .clg .c2 img{height:50%}
.jc.jc.jc .clg .c1 img{object-position:18% 50%}
.jc.jc.jc .logo.sm{position:relative;z-index:1;margin-top:48px}
.jc.jc.jc .logo.sm .la{font-size:34px}
.jc.jc.jc .logo.sm .lb{font-size:44px}
.jc.jc.jc .chk{position:relative;z-index:1;margin:22px 24px 0}
.jc.jc.jc .chk li{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:3px dotted var(--main)}
.jc.jc.jc .chk i{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#ffffff}
.jc.jc.jc .chk i::after{content:"";position:absolute;left:14px;top:8px;width:11px;height:19px;border:solid #f5c518;border-width:0 5px 5px 0;border-radius:2px;transform:rotate(40deg)}
.jc.jc.jc .chk p{font-size:19px;font-weight:700;line-height:1.55;color:var(--ink)}
.jc.jc.jc .chk em{color:var(--main);font-size:28px;line-height:1.5}
.jc.jc.jc .cds{position:relative;z-index:1;margin:50px 24px 0}
.jc.jc.jc .cd{padding:32px 26px;border-radius:30px;background:var(--card)}
.jc.jc.jc .cd + .cd{margin-top:40px}
.jc.jc.jc .cph{aspect-ratio:16/9;overflow:hidden}
.jc.jc.jc .cph img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .cap{margin-top:8px;font-size:14px;line-height:1.9}
.jc.jc.jc .cd h3{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--main);font-size:22.5px;line-height:1.48}
.jc.jc.jc .ic{display:flex;align-items:center;justify-content:center;flex:none;width:62px;height:62px;border:3px solid var(--main);border-radius:16px;font-size:15px;font-weight:700;line-height:1.15;text-align:center;color:var(--main)}
.jc.jc.jc .cd .tx{margin-top:18px;font-size:16px;line-height:2}
.jc.jc.jc .cd .nt{display:flex;gap:10px;margin-top:14px;font-size:14px;line-height:1.75;color:var(--gy)}
.jc.jc.jc .mvt{position:relative;z-index:1;margin:70px 24px 0;font-size:28px;font-weight:500;line-height:1.37;text-align:center;color:#000000}
.jc.jc.jc .scs{position:relative;z-index:1;margin:28px 24px 0}
.jc.jc.jc .sc + .sc{margin-top:40px}
.jc.jc.jc .sph{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222222}
.jc.jc.jc .sph img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .tag{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35}
.jc.jc.jc .tag b{padding:2px 8px;background:var(--main);color:#ffffff;font-size:12px}
.jc.jc.jc .tag span{padding:2px 8px;background:#ffffff;color:#111111;font-size:12px;font-weight:700}
.jc.jc.jc .sbd{display:flex;align-items:flex-start;gap:14px;margin-top:-34px;padding-left:10px}
.jc.jc.jc .blob{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:82px;height:76px;border-radius:50%;background:#ffd84a;color:var(--main);line-height:1}
.jc.jc.jc .blob::after{content:"";position:absolute;right:-6px;bottom:6px;width:18px;height:14px;background:#ffd84a;clip-path:polygon(0 0,100% 100%,30% 100%)}
.jc.jc.jc .blob small{font-size:17px}
.jc.jc.jc .blob b{margin-top:2px;font-size:30px}
.jc.jc.jc .sct{padding-top:42px;font-size:17px;font-weight:700;line-height:1.6;color:#000000}
.jc.jc.jc .sx{margin-top:12px;font-size:16px;line-height:2}

/* SPEC(白い地・製品のカード・開く仕様) */
.jc.jc.jc .sp{margin-top:-30px;padding:60px 0;border-radius:30px;background:#ffffff;z-index:1}
.jc.jc.jc .sp .ld{margin-top:16px}
.jc.jc.jc .it{margin:40px 24px 0;border-radius:30px;background:#ffffff;box-shadow:0 0 18px rgba(0,60,70,.1);overflow:hidden}
.jc.jc.jc .iph{height:192px;background:var(--imgbg)}
.jc.jc.jc .iph img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .ibd{padding:26px 26px 44px}
.jc.jc.jc .it .nm{color:var(--nm);font-size:21px;font-weight:700;line-height:2}
.jc.jc.jc .it .tx{margin-top:10px;font-size:16px;line-height:2}
.jc.jc.jc .it details{margin-top:24px}
.jc.jc.jc .it summary{position:relative;display:block;padding:4px 24px;background:var(--main);color:#ffffff;font-size:16px;font-weight:700;line-height:2;cursor:pointer;list-style:none}
.jc.jc.jc .it summary::-webkit-details-marker{display:none}
.jc.jc.jc .it summary i{position:absolute;right:20px;top:50%;width:18px;height:18px;margin-top:-9px}
.jc.jc.jc .it summary i::before,.jc.jc.jc .it summary i::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:#ffffff;transition:transform .2s}
.jc.jc.jc .it summary i::after{transform:rotate(90deg)}
.jc.jc.jc .it details[open] summary i::after{transform:rotate(0deg)}
.jc.jc.jc .it table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
.jc.jc.jc .it th{width:34%;padding:10px 8px;border-bottom:1px solid #dfe8e8;background:var(--th);color:var(--nm);font-weight:700;text-align:left;vertical-align:top}
.jc.jc.jc .it td{padding:10px 10px;border-bottom:1px solid #dfe8e8}
.jc.jc.jc .spn{margin:30px 24px 0;font-size:13px;line-height:1.9}

/* FLOW(白いカード・黄色い丸の番号・つなぎの帯) */
.jc.jc.jc .fl{margin-top:-30px;padding:90px 0 70px;background:var(--mint);overflow:hidden}
.jc.jc.jc .fl ol{position:relative;z-index:1;margin:30px 24px 0}
.jc.jc.jc .fl ol::before{content:"";position:absolute;left:50%;top:40px;bottom:40px;width:44px;margin-left:-22px;background:linear-gradient(#8fdbd9,#2fb0b6)}
.jc.jc.jc .fl li{position:relative;display:flex;align-items:center;gap:18px;min-height:150px;padding:26px 24px 26px 24px;border-radius:20px;background:#ffffff}
.jc.jc.jc .fl li + li{margin-top:48px}
.jc.jc.jc .fl .num{position:absolute;left:46px;top:-16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffd84a;color:var(--deep);font-size:16px}
.jc.jc.jc .fph{flex:none;width:92px;height:92px;border-radius:50%;overflow:hidden}
.jc.jc.jc .fph img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .fbd{flex:1}
.jc.jc.jc .fl h3{color:var(--main);font-size:18px;line-height:1.4}
.jc.jc.jc .fl li p{margin-top:8px;font-size:15px;line-height:1.85}

/* 事例(横にめくるカード・黄色い点) */
.jc.jc.jc .cs{padding:63px 0 80px;background:var(--mint);overflow:hidden}
.jc.jc.jc .sl{position:relative;z-index:1;display:flex;gap:16px;margin-top:34px;padding:0 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.jc.jc.jc .sl::-webkit-scrollbar{display:none}
.jc.jc.jc .ca{flex:0 0 100%;scroll-snap-align:center}
.jc.jc.jc .cph2{aspect-ratio:16/9;overflow:hidden}
.jc.jc.jc .cph2 img{width:100%;height:100%;object-fit:cover}
.jc.jc.jc .clb{display:inline-block;margin-top:16px;padding:0 10px;border:1px solid var(--main);border-radius:4px;color:var(--main);font-size:13px;font-weight:700;line-height:1.8}
.jc.jc.jc .ca h3{margin-top:14px;color:var(--main);font-size:21px;line-height:1.6}
.jc.jc.jc .ca p{margin-top:10px;font-size:16px;line-height:2}
.jc.jc.jc .cbt{display:flex;align-items:center;justify-content:center;min-height:60px;margin-top:22px;border-radius:40px;background:var(--main);color:#ffffff;font-size:15px;font-weight:700}
.jc.jc.jc .dots{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;margin-top:30px}
.jc.jc.jc .dots i{width:14px;height:14px;border-radius:50%;background:#d6d9d9}
.jc.jc.jc .dots i:first-child{background:#f5c518}
.jc.jc.jc .cn{position:relative;z-index:1;margin:18px 24px 0;font-size:12px;line-height:1.8;color:var(--gy)}

/* 会社概要(白い地・見出しの行が水色) */
.jc.jc.jc .co{margin-top:-30px;padding:40px 24px 50px;border-radius:30px 30px 0 0;background:#ffffff;z-index:1}
.jc.jc.jc .co > h2{font-size:32px;line-height:1.64;text-align:center;color:#000000}
.jc.jc.jc .co table{width:100%;margin-top:22px;border-collapse:collapse;border-bottom:1px solid #cfd6d6}
.jc.jc.jc .co th{padding:6px 20px;background:var(--th);color:var(--main);font-size:16px;font-weight:700;line-height:1.6;text-align:center}
.jc.jc.jc .co td{padding:12px 20px;font-size:16px;line-height:1.85}
.jc.jc.jc .bdg{display:flex;justify-content:center;gap:12px;margin-top:40px}
.jc.jc.jc .bdg li{display:flex;flex-direction:column;width:180px;border:1px solid #0d3f8f;text-align:center;line-height:1.3}
.jc.jc.jc .bdg small{padding:4px;font-size:15px;font-weight:700;color:#111111}
.jc.jc.jc .bdg b{padding:6px;background:#0d3f8f;color:#ffffff;font-size:22px;letter-spacing:.05em}
.jc.jc.jc .bdg span{padding:4px;font-size:11px}
.jc.jc.jc .sf{margin-top:50px}
.jc.jc.jc .sf h2{color:var(--main);font-size:26px;line-height:1.65;text-align:center}
.jc.jc.jc .sf > p{margin-top:24px;font-size:16px;line-height:2}
.jc.jc.jc .sf ul{margin-top:20px;padding:6px 18px;border:1px solid #cfe9ea;border-radius:12px;background:#f5fbfb}
.jc.jc.jc .sf li{position:relative;padding:12px 0 12px 26px;font-size:15px;font-weight:700;line-height:1.7}
.jc.jc.jc .sf li + li{border-top:1px dotted #9fd3d6}
.jc.jc.jc .sf li::before{content:"";position:absolute;left:2px;top:19px;width:12px;height:12px;border-radius:50%;background:var(--main)}

/* お問い合わせ(ページの下) */
.jc.jc.jc .ct{padding:46px 24px 50px;background:linear-gradient(108deg,#0098a6 43%,#4387ad 100%);text-align:center;color:#ffffff}
.jc.jc.jc .ct .en{color:#ffffff;opacity:.9}
.jc.jc.jc .ct h2{margin-top:6px;font-size:30px;line-height:1.4}
.jc.jc.jc .ctx{margin-top:16px;font-size:16px;line-height:1.95;text-align:left}
.jc.jc.jc .ct .bw{margin-top:24px}
.jc.jc.jc .ct .bw.big{min-height:84px;font-size:26px}
.jc.jc.jc .ct .by{margin-top:14px}
.jc.jc.jc .ctn{margin-top:14px;font-size:12.5px;line-height:1.8;opacity:.95}

/* いちばん下 */
.jc.jc.jc .ft{padding:36px 24px 150px;border-top:1px solid #e0e5e5;background:#ffffff}
.jc.jc.jc .ft .hlogo{padding:0}
.jc.jc.jc .ft .hlogo b{font-size:24px}
.jc.jc.jc .pn{margin-top:14px;font-size:12px;color:var(--gy)}
.jc.jc.jc .cr{margin-top:20px;font-size:13px;color:#6b7171;text-align:center}

/* 下に固定する帯(少し下へ進むと出る・CSSだけ) */
.jc.jc.jc .fx{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:480px;margin:0 auto;padding:10px 16px 12px;background:linear-gradient(108deg,#0098a6 43%,#4387ad 100%);text-align:center}
.jc.jc.jc .fx .cvt{font-size:15px;line-height:1.5}
.jc.jc.jc .fxb{display:flex;gap:8px;margin-top:6px}
.jc.jc.jc .fx .by{flex:1;min-height:52px;font-size:16px}
.jc.jc.jc .ftl{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 64px;border:1px solid #ffffff;border-radius:16px;background:#ffffff;color:var(--nm);font-size:11px;font-weight:700;line-height:1.2}
.jc.jc.jc .ftl i{display:block;width:22px;height:22px;margin-bottom:2px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z" fill="%23008c95"/%3E%3C/svg%3E') center/contain no-repeat}
@supports (animation-timeline:scroll()){
  .jc.jc.jc .fx{animation:jc-fx linear both;animation-timeline:scroll(root);animation-range:0 700px}
  @keyframes jc-fx{0%,70%{opacity:0;visibility:hidden;transform:translateY(100%)}100%{opacity:1;visibility:visible;transform:none}}
}

@media (max-width:380px){
  .jc.jc.jc .cp{font-size:34px;padding-left:28px}
  .jc.jc.jc .logo .la{font-size:38px}
  .jc.jc.jc .logo .lb{font-size:49px}
  .jc.jc.jc .pts li{width:90px;height:90px;font-size:13.5px}
  .jc.jc.jc .hh h2{font-size:33px}
}