/* ============================================================ InsideSpark design system — fv-98 TypeReveal を起点に展開 墨黒 #15161A × 温かい紙 #F6F4EF × スパーク #E8862E ============================================================ */ :where(html){scroll-behavior:smooth;} *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ font-family:'Zen Kaku Gothic New',sans-serif; background:#F6F4EF; color:#33343A; line-height:1.9; -webkit-font-smoothing:antialiased; overflow-x:hidden; } :root{ --ink:#15161A; --ink2:#26282E; --paper:#F6F4EF; --paper2:#EFECE4; --spark:#E8862E; --spark-deep:#C1610D; --body:#33343A; --note:#8B8C92; --line:#E2DDD2; --line-dark:rgba(255,255,255,.14); --ease:cubic-bezier(.22,1,.36,1); } img{max-width:100%;} h1,h2,h3,.lead,.btn,summary{word-break:auto-phrase;text-wrap:pretty;} .mincho{font-family:'Shippori Mincho',serif;} .en{font-family:'Space Grotesk',sans-serif;letter-spacing:.04em;} /* ===== 共通パーツ ===== */ .wrap{width:min(1120px,calc(100% - 56px));margin:0 auto;} .sec{padding:112px 0;position:relative;} .eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--spark-deep);display:inline-flex;align-items:center;gap:12px;} .eyebrow::before{content:"";width:30px;height:2px;background:var(--spark);} .sec--dark .eyebrow{color:var(--spark);} h2.hx{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(28px,4.2vw,46px);line-height:1.45;margin:16px 0 0;color:var(--ink);} .sec--dark h2.hx{color:#F4F2EC;} .hx .band{display:inline-block;background:#fff;color:var(--ink);padding:0 14px 4px 12px;box-shadow:0 10px 28px -14px rgba(20,22,28,.35);} .sec--dark .hx .band{background:#fff;color:var(--ink);} .hx .band em{font-style:normal;color:var(--spark);} .cursor{display:inline-block;font-weight:400;color:var(--spark);animation:blink 1.05s steps(1) infinite;} @keyframes blink{0%,55%{opacity:1;}56%,100%{opacity:0;}} @media(prefers-reduced-motion:reduce){.cursor{animation:none;}} .btn{display:inline-flex;align-items:center;gap:12px;background:var(--spark);color:#fff;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.06em;padding:17px 34px;border-radius:999px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);box-shadow:0 16px 34px -16px rgba(193,97,13,.7);} .btn:hover{transform:translateY(-2px);box-shadow:0 22px 44px -16px rgba(193,97,13,.8);} .btn span{transition:transform .3s var(--ease);} .btn:hover span{transform:translateX(4px);} .btn--ghost{background:transparent;color:inherit;border:1.5px solid currentColor;box-shadow:none;} .btn--ghost:hover{box-shadow:none;color:var(--spark);} .morelink{display:inline-flex;align-items:center;gap:12px;margin-top:28px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--spark-deep);text-decoration:none;} .morelink .ln{width:40px;height:1px;background:var(--spark-deep);position:relative;} .morelink .ln::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--spark-deep);border-right:1px solid var(--spark-deep);transform:rotate(45deg);} /* ===== ヘッダー（header-01: 透明→スクロールで紙色） ===== */ .site-hd{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;transition:background .35s,box-shadow .35s,color .35s;} .site-hd .inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;transition:padding .35s;} .site-hd .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;} .site-hd .logo img{width:30px;height:30px;display:block;} /* サービスロゴ：透明ヘッダー時は白版、紙色・明転後は紺版 */ .site-hd .logo img.lg-navy{display:none;} .site-hd.is-solid .logo img.lg-navy,.site-hd.is-ink .logo img.lg-navy,html:not(.j) .home .site-hd:not(.is-solid) .logo img.lg-navy{display:block;} .site-hd.is-solid .logo img.lg-white,.site-hd.is-ink .logo img.lg-white,html:not(.j) .home .site-hd:not(.is-solid) .logo img.lg-white{display:none;} .site-hd .logo b{font-family:'Shippori Mincho',serif;font-weight:700;font-size:21px;letter-spacing:.05em;text-shadow:0 1px 14px rgba(10,10,14,.4);} .site-hd nav{display:flex;align-items:center;gap:26px;} .site-hd nav a{color:inherit;text-decoration:none;font-size:13.5px;font-weight:500;position:relative;text-shadow:0 1px 12px rgba(10,10,14,.4);} .site-hd nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--spark);transition:width .25s;} .site-hd nav a:hover::after{width:100%;} .site-hd .hd-cta{background:var(--spark);color:#fff;padding:11px 22px;border-radius:99px;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;text-shadow:none;transition:transform .2s;} .site-hd .hd-cta:hover{transform:translateY(-2px);} .site-hd.is-solid{background:rgba(246,244,239,.96);backdrop-filter:blur(8px);color:var(--ink);box-shadow:0 6px 24px -16px rgba(0,0,0,.35);} .site-hd.is-solid .logo b,.site-hd.is-solid nav a{text-shadow:none;} .site-hd.is-solid .inner{padding:13px 32px;} /* トップ（.home）：FV明転後はヘッダー文字を墨色に切り替え（白文字が明るい写真に溶けるのを防ぐ） */ .site-hd.is-ink:not(.is-solid){color:#26282E;} .site-hd.is-ink:not(.is-solid) .logo b,.site-hd.is-ink:not(.is-solid) nav a{text-shadow:0 1px 10px rgba(246,244,239,.6);} html:not(.j) .home .site-hd:not(.is-solid){color:#26282E;} html:not(.j) .home .site-hd:not(.is-solid) .logo b,html:not(.j) .home .site-hd:not(.is-solid) nav a{text-shadow:none;} .menu-btn{display:none;width:44px;height:44px;border:none;background:var(--ink2);border-radius:12px;cursor:pointer;position:relative;z-index:80;} .menu-btn i{position:absolute;left:50%;top:50%;width:18px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:transform .35s,opacity .25s;} .menu-btn i:nth-child(1){transform:translate(-50%,calc(-50% - 6px));} .menu-btn i:nth-child(3){transform:translate(-50%,calc(-50% + 6px));} body.menu-open .menu-btn i:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);} body.menu-open .menu-btn i:nth-child(2){opacity:0;} body.menu-open .menu-btn i:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);} /* SPドロワー（spmenu-01） */ .shade{position:fixed;inset:0;z-index:60;background:rgba(14,16,20,.5);opacity:0;visibility:hidden;transition:opacity .4s;} body.menu-open .shade{opacity:1;visibility:visible;} .dw{position:fixed;top:0;right:0;bottom:0;width:min(84%,360px);z-index:70;background:#FDFCF9;display:flex;flex-direction:column;transform:translateX(104%);transition:transform .5s var(--ease);box-shadow:-22px 0 44px -22px rgba(14,16,20,.5);} body.menu-open .dw{transform:translateX(0);} .dw-hd{padding:30px 24px 16px;border-bottom:1px solid var(--line);} .dw-hd .lb{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.3em;color:var(--spark-deep);} .dw-hd b{font-family:'Shippori Mincho',serif;font-size:19px;letter-spacing:.08em;display:block;margin-top:4px;color:var(--ink);} .dw-bd{flex:1;overflow-y:auto;padding:8px 0;} .dw-bd a{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14.5px;border-bottom:1px solid var(--line);} .dw-bd a .en{font-size:9px;letter-spacing:.2em;color:var(--note);} .dw-ft{padding:18px 24px 30px;border-top:1px solid var(--line);} .dw-ft .btn{width:100%;justify-content:center;} body.menu-open{overflow:hidden;} /* ===== FV（fv-98 TypeReveal 移植） ===== */ .c-fv{position:relative;width:100%;height:100svh;min-height:640px;overflow:hidden;background:var(--ink);color:#fff;} .c-fv__photo{position:absolute;inset:0;z-index:1;opacity:1; background:url('../images/fv.jpg') center / cover no-repeat,linear-gradient(168deg,#8E93A0 0%,#C9C6BE 40%,#EFECE4 100%);} html.j .c-fv__photo{opacity:0;animation:fvDawn 2.2s ease 1.6s forwards;} .c-fv__photo::after{content:"";position:absolute;inset:0; background:linear-gradient(92deg, rgba(246,244,239,.9) 0%, rgba(246,244,239,.68) 30%, rgba(246,244,239,.24) 52%, transparent 68%), linear-gradient(180deg, rgba(246,244,239,.45) 0%, transparent 22%);} @keyframes fvDawn{to{opacity:1;}} .c-fv__scrim{position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(118deg, rgba(21,22,26,.46) 0%, rgba(21,22,26,.22) 42%, rgba(21,22,26,.05) 72%, rgba(21,22,26,0) 100%);} .c-fv__copy{position:absolute;z-index:5;left:7vw;top:19vh;max-width:86vw;} .c-fv__eyebrow{font-size:13.5px;font-weight:700;letter-spacing:.14em;color:#fff;text-shadow:0 1px 12px rgba(10,10,14,.55);margin:0 0 18px;} .c-fv__eyebrow i{font-style:normal;color:var(--spark);margin-right:10px;} .c-fv__h1{margin:0;font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(34px,4.9vw,72px);line-height:1.3;letter-spacing:.03em;color:#17191E;} .c-fv__line{display:block;min-height:1.5em;white-space:nowrap;margin-bottom:12px;} .c-fv__band{display:inline-block;background:#FFFFFF;padding:2px 22px 8px 16px;box-shadow:0 14px 38px -14px rgba(20,22,28,.3);} html.j .c-fv__band{opacity:0;transition:opacity .18s ease;} html.j .c-fv__band.on{opacity:1;} .c-fv__h1 em{font-style:normal;color:var(--spark);} .c-fv__cursor{display:inline-block;font-weight:400;color:var(--spark-deep);transform:translateY(-.04em);animation:blink 1.05s steps(1) .2s infinite;} .c-fv__sub{margin:24px 0 0;max-width:36em;font-size:clamp(14.5px,1.35vw,16.5px);font-weight:500;line-height:2;color:#fff;text-shadow:0 1px 14px rgba(10,10,14,.6);word-break:auto-phrase;text-wrap:pretty;} html.j .c-fv__sub{opacity:0;animation:fvUp .8s var(--ease) 1.9s forwards;} .c-fv__cta{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:17px 40px;background:var(--spark);color:#fff;border-radius:999px;text-decoration:none;font-weight:700;font-size:14.5px;letter-spacing:.1em;box-shadow:0 18px 40px -14px rgba(193,97,13,.65);transition:transform .35s var(--ease),box-shadow .35s var(--ease);word-break:auto-phrase;text-wrap:pretty;} .c-fv__cta:hover{transform:translateY(-2px);box-shadow:0 26px 52px -16px rgba(193,97,13,.75);} .c-fv__cta span{transition:transform .35s var(--ease);} .c-fv__cta:hover span{transform:translateX(5px);} .c-fv__ctanote{display:block;margin-top:12px;font-size:11.5px;letter-spacing:.08em;color:#fff;text-shadow:0 1px 10px rgba(10,10,14,.55);} html.j .c-fv__cta,html.j .c-fv__ctanote{opacity:0;animation:fvUp .8s var(--ease) 2.25s forwards;} @keyframes fvUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}} .c-fv__splash{position:absolute;inset:0;z-index:60;background:#0D0C0B;display:none;align-items:center;justify-content:center;transition:opacity .5s ease;} html.j .c-fv__splash{display:flex;} .c-fv__splash.out{opacity:0;pointer-events:none;} .c-fv__splash .lg{font-family:'Shippori Mincho',serif;color:#F4EFE6;font-size:clamp(20px,2.6vw,30px);letter-spacing:.14em;} .c-fv__splash .lg i{font-style:normal;color:var(--spark);} @media(prefers-reduced-motion:reduce){ html.j .c-fv__photo{animation:none;opacity:1;} html.j .c-fv__band{opacity:1;transition:none;} html.j .c-fv__sub,html.j .c-fv__cta,html.j .c-fv__ctanote{animation:none;opacity:1;} .c-fv__cursor{animation:none;opacity:1;} html.j .c-fv__splash{display:none;} } @media(max-width:768px){ .c-fv__copy{left:22px;right:22px;top:15vh;max-width:none;} .c-fv__h1{font-size:clamp(24px,6.9vw,38px);line-height:1.42;} .c-fv__line{white-space:normal;} .c-fv__band{padding:2px 12px 6px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.62;} .c-fv__sub{font-size:13px;} .c-fv__cta{margin-top:24px;padding:15px 32px;font-size:13.5px;} } /* ===== 権威性バー ===== */ .c-trust{background:var(--paper);border-bottom:1px solid var(--line);padding:84px 0 44px;position:relative;} .c-trust__wm{position:absolute;z-index:1;left:50%;top:0;transform:translate(-50%,-84%);margin:0;font-family:'Shippori Mincho',serif;font-weight:600;white-space:nowrap;font-size:clamp(58px,12.5vw,180px);letter-spacing:.05em;line-height:1;color:#EDECE6;-webkit-text-stroke:1px rgba(21,22,26,.13);text-shadow:0 3px 22px rgba(21,22,26,.22);pointer-events:none;} .c-trust .wrap{position:relative;z-index:2;} .c-trust .row{display:grid;grid-template-columns:repeat(4,1fr);} .c-trust .cell{padding:6px 26px;border-left:1px solid var(--line);} .c-trust .cell:first-child{border-left:none;} .c-trust .v{font-family:'Shippori Mincho',serif;font-weight:800;color:var(--ink);line-height:1;display:flex;align-items:baseline;flex-wrap:wrap;} .c-trust .v b{font-weight:800;font-size:clamp(34px,3.8vw,54px);letter-spacing:-.01em;} .c-trust .v i{font-style:normal;font-size:13.5px;color:var(--spark-deep);margin:0 6px 0 3px;font-weight:700;} .c-trust .v i:last-child{margin-right:0;} .c-trust .v .ar{font-family:'Space Grotesk',sans-serif;color:var(--spark);font-size:22px;margin:0 8px 0 2px;font-weight:700;} .c-trust .v .sep{color:var(--note);font-size:16px;margin:0 6px 0 0;} .c-trust .l{font-size:13px;color:var(--note);margin-top:10px;line-height:1.7;} .c-trust .note{margin:26px 0 0;font-size:11px;color:var(--note);text-align:right;} @media(max-width:820px){.c-trust .row{grid-template-columns:1fr 1fr;gap:24px 0;}.c-trust .cell:nth-child(3){border-left:none;}.c-trust .v b{font-size:clamp(28px,7.4vw,40px);}.c-trust__wm{font-size:clamp(44px,15vw,92px);transform:translate(-50%,-84%);}.c-trust{padding-top:64px;}} /* ===== リード（intro-06改・ダーク3局面） ===== */ .c-lead{background:var(--ink);color:#D9D8D2;overflow:hidden;} .c-lead::before{content:"";position:absolute;inset:0;z-index:0;background:url('../images/section-bg-1.jpg') center / cover no-repeat;opacity:.5;} .c-lead .wrap{position:relative;z-index:1;} .c-lead .qs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;} .c-lead .q{background:rgba(255,255,255,.045);border:1px solid var(--line-dark);border-radius:14px;padding:30px 28px 26px;position:relative;} .c-lead .q::before{content:"“";position:absolute;top:6px;left:18px;font-family:'Shippori Mincho',serif;font-size:56px;line-height:1;color:var(--spark);opacity:.9;} .c-lead .q .no{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.2em;color:var(--spark);display:block;margin:14px 0 10px;} .c-lead .q p{margin:0;font-family:'Shippori Mincho',serif;font-size:15.5px;line-height:2.05;color:#EDEBE4;} .c-lead .turn{margin-top:64px;max-width:37em;} .c-lead .turn p{margin:0 0 1.5em;font-size:15.5px;line-height:2.1;word-break:auto-phrase;} .c-lead .turn .strong{font-family:'Shippori Mincho',serif;font-size:clamp(17px,2vw,21px);color:#F4F2EC;} .c-lead .turn .data{font-size:13.5px;color:#A6A5A0;} .c-lead .flip{margin-top:54px;} .c-lead .flip .pre{font-family:'Shippori Mincho',serif;font-size:16px;color:#A6A5A0;margin:0 0 14px;} .c-lead .flip .bandline{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(19px,2.7vw,30px);line-height:1.6;} .c-lead .flip .bandline .band{background:#fff;color:var(--ink);display:inline;padding:2px 12px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;} .c-lead .flip .bandline em{font-style:normal;color:var(--spark);} @media(max-width:820px){.c-lead .qs{grid-template-columns:1fr;}} /* ===== 結果 From→To（vs-11改） ===== */ .c-fromto{background:var(--paper);} .c-fromto::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,22,26,.045) 1px,transparent 1px);background-size:100% 44px;-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%);pointer-events:none;} .c-fromto .wrap{position:relative;} .c-fromto .lead{color:var(--note);font-size:14.5px;margin:18px 0 0;max-width:38em;} .c-fromto__list{margin-top:56px;border-top:1px solid #D8D2C4;} .c-fromto__row{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1.15fr);gap:26px;align-items:center;padding:34px 4px;border-bottom:1px solid #D8D2C4;} .c-fromto__tag{display:block;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.2em;margin-bottom:8px;} .c-fromto__from .c-fromto__tag{color:#9A9284;} .c-fromto__to .c-fromto__tag{color:var(--spark-deep);} .c-fromto__from p{margin:0;color:#8B8375;font-size:clamp(14px,1.6vw,16px);line-height:1.9;} .c-fromto__ftxt{position:relative;display:inline-block;} .c-fromto__strike{position:absolute;left:-3px;right:-3px;top:54%;height:1.5px;background:#B0552B;transform-origin:left center;opacity:.85;display:block;} .c-fromto__to p{margin:0;font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(17px,2.1vw,22px);line-height:1.8;color:var(--ink);} .c-fromto__uw{position:relative;display:inline;} .c-fromto__uline{position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--spark);transform-origin:left center;display:block;} .c-fromto__arrow{position:relative;height:12px;display:block;} .c-fromto__shaft{position:absolute;left:0;right:9px;top:50%;height:1.5px;background:var(--spark-deep);display:block;transform-origin:left center;} .c-fromto__tip{position:absolute;right:0;top:50%;width:9px;height:9px;border-top:1.5px solid var(--spark-deep);border-right:1.5px solid var(--spark-deep);transform:translateY(-50%) rotate(45deg);display:block;} .c-fromto__close{margin:44px 0 0;font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(17px,2.2vw,23px);color:var(--ink);} .c-fromto__close em{font-style:normal;color:var(--spark);} @media(max-width:860px){ .c-fromto__row{grid-template-columns:1fr;gap:14px;padding:28px 2px;} .c-fromto__arrow{width:12px;height:34px;margin-left:6px;} .c-fromto__shaft{left:50%;right:auto;top:0;bottom:9px;height:auto;width:1.5px;transform-origin:top center;} .c-fromto__tip{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg);} } /* ===== 実証・3つの理由（reasons-02改） ===== */ .c-reasons{background:#FBFAF6;} .c-reasons .grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start;} .c-reasons .side{position:sticky;top:110px;} .c-reasons .side p{color:var(--note);font-size:15px;max-width:22em;margin:16px 0 0;} .c-reasons .mark{margin-top:28px;width:64px;height:4px;background:var(--spark);border-radius:4px;} .c-reasons__list{display:grid;border-top:1px solid var(--ink);} .c-reasons__item{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;padding:40px 4px;border-bottom:1px solid var(--line);} .c-reasons__n{font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(46px,5.6vw,80px);line-height:.85;color:transparent;-webkit-text-stroke:1.4px var(--spark-deep);} .c-reasons__thumb{width:104px;height:78px;border-radius:8px;overflow:hidden;float:right;margin:0 0 10px 18px;} .c-reasons__thumb img{width:100%;height:100%;object-fit:cover;display:block;} .c-reasons__item h3{font-family:'Shippori Mincho',serif;font-size:clamp(19px,2.2vw,25px);font-weight:700;margin:0 0 10px;color:var(--ink);} .c-reasons__item p{color:#5C5D63;font-size:14.5px;margin:0;} @media(max-width:860px){.c-reasons .grid{grid-template-columns:1fr;gap:36px;}.c-reasons .side{position:static;}.c-reasons__item{grid-template-columns:1fr;gap:8px;}} /* ===== 5つの構造（features-05改・ジグザグ） ===== */ .c-program{background:var(--paper2);overflow:hidden;background-image:radial-gradient(rgba(193,97,13,.07) 1.4px,transparent 1.4px);background-size:26px 26px;} .c-program .head{margin-bottom:70px;} .c-program .zig{display:grid;gap:88px;} .c-program__blk{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;} .c-program__blk:nth-child(even){grid-template-columns:.85fr 1.15fr;} .c-program__img{position:relative;aspect-ratio:16/11;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(21,22,26,.5);} .c-program__blk:nth-child(even) .c-program__img{order:2;} .c-program__img img{width:100%;height:100%;object-fit:cover;display:block;} .c-program__card{position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px 32px;margin-left:-70px;box-shadow:0 24px 48px -30px rgba(21,22,26,.4);} .c-program__blk:nth-child(even) .c-program__card{order:1;margin-left:0;margin-right:-70px;} .c-program__n{position:absolute;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:clamp(76px,11vw,150px);color:transparent;-webkit-text-stroke:1.5px var(--spark-deep);line-height:.8;opacity:.45;z-index:1;top:-58px;} .c-program__blk:nth-child(odd) .c-program__n{right:6%;} .c-program__blk:nth-child(even) .c-program__n{left:6%;} .c-program__card h3{font-family:'Shippori Mincho',serif;font-size:clamp(20px,2.4vw,26px);font-weight:700;margin:0 0 12px;color:var(--ink);} .c-program__card p{color:#5C5D63;font-size:14.5px;margin:0;} .c-program__tag{display:inline-block;margin-top:16px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.12em;color:var(--spark-deep);border:1px solid var(--spark-deep);border-radius:99px;padding:4px 12px;} .c-program__close{margin-top:64px;max-width:34em;} .c-program__close p{font-family:'Shippori Mincho',serif;font-size:clamp(15.5px,1.8vw,18.5px);color:var(--ink);margin:0;line-height:2.1;} @media(max-width:820px){ .c-program .zig{gap:54px;} .c-program__blk,.c-program__blk:nth-child(even){grid-template-columns:1fr;} .c-program__img,.c-program__blk:nth-child(even) .c-program__img{order:0;} .c-program__card,.c-program__blk:nth-child(even) .c-program__card{order:0;margin:-40px 16px 0;} .c-program__n{top:-44px;} } /* ===== 365の抜き（numbers-07改・ダーク） ===== */ .c-num{background:var(--ink);color:#D9D8D2;overflow:hidden;} .c-num::before{content:"";position:absolute;inset:0;background:url('../images/texture-2.jpg') center / cover;opacity:.35;} .c-num .wrap{position:relative;} .c-num .hero{position:relative;display:grid;grid-template-columns:1.3fr .9fr;align-items:center;gap:32px;margin-top:18px;} .c-num__lead{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(19px,2.5vw,28px);margin:0 0 6px;color:#F4F2EC;} .c-num__big{font-family:'Shippori Mincho',serif;font-weight:800;color:var(--spark);line-height:.82;letter-spacing:-.02em;font-size:clamp(110px,20vw,270px);display:flex;align-items:flex-start;} .c-num__big .u{font-size:.2em;margin-top:.5em;color:#D9D8D2;display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;} .c-num__big .u i{font-style:normal;} .c-num__big .u em{font-style:normal;font-size:.66em;letter-spacing:.03em;color:#D9D8D2;margin-top:.34em;white-space:nowrap;} .c-num__photo{position:relative;} .c-num__photo img{width:100%;height:400px;object-fit:cover;border-radius:14px;border:6px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -30px rgba(0,0,0,.7);display:block;} html.gs .c-num__photo img{clip-path:inset(0 0 100% 0);} .c-num__cap{margin:26px 0 0;font-size:14px;color:#A6A5A0;max-width:34em;} .c-num .subs{display:flex;gap:44px;margin-top:36px;flex-wrap:wrap;border-top:1px solid var(--line-dark);padding-top:28px;} .c-num .sub .v{font-family:'Shippori Mincho',serif;font-weight:800;font-size:31px;color:#F4F2EC;} .c-num .sub .v .u{font-size:.5em;color:var(--spark);} .c-num .sub .l{color:#A6A5A0;font-size:12.5px;margin-top:4px;} @media(max-width:760px){.c-num .hero{grid-template-columns:1fr;}.c-num__photo img{height:240px;}} /* ===== 代表メッセージ（message-03改） ===== */ .c-msg{background:var(--paper);padding-bottom:132px;} .c-msg::before{content:"";position:absolute;inset:0;background:url('../images/texture-1.jpg') center / cover;opacity:.4;mix-blend-mode:multiply;pointer-events:none;} .c-msg .wrap{position:relative;} .c-msg .spread{display:grid;grid-template-columns:300px 1fr;gap:0 64px;align-items:start;margin-top:56px;} .c-msg .left{position:relative;} .c-msg .vlabel{position:absolute;left:-14px;top:0;writing-mode:vertical-rl;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--spark-deep);} .c-msg__pt{margin-left:34px;aspect-ratio:4/5;overflow:hidden;border-radius:4px;} html.gs .c-msg__pt{clip-path:inset(0 0 100% 0);} .c-msg__pt img{width:100%;height:100%;object-fit:cover;display:block;} .c-msg .meta{margin:22px 0 0 34px;} .c-msg .meta .role{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.14em;color:var(--note);text-transform:uppercase;} .c-msg .meta .nm{font-family:'Shippori Mincho',serif;font-size:24px;font-weight:700;margin-top:4px;color:var(--ink);} .c-msg .career{margin:24px 0 0 34px;padding:0;list-style:none;border-top:1px solid var(--line);} .c-msg .career li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.8;color:#5C5D63;} .c-msg .career li b{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--spark-deep);} .c-msg .right{padding-top:6px;} .c-msg .kicker{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.3em;color:var(--spark-deep);text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:14px;display:block;} .c-msg__body{font-family:'Shippori Mincho',serif;font-weight:500;font-size:clamp(15.5px,1.5vw,18px);line-height:2.2;margin-top:30px;max-width:31em;color:#2A2B30;} .c-msg__body p{margin:0 0 1.4em;} .c-msg__drop{float:left;font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(74px,8.5vw,118px);line-height:.78;margin:8px 16px -4px 0;color:var(--spark);} .c-msg__leadline{font-size:clamp(19px,2.3vw,27px);font-weight:600;line-height:1.7;word-break:auto-phrase;} .c-msg__sign{margin-top:44px;display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;} .c-msg__sign .nm2{font-family:'Shippori Mincho',serif;font-weight:700;font-size:19px;color:var(--ink);border-bottom:2px solid var(--spark);padding-bottom:4px;} .c-msg__sign .stamp{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.2em;color:var(--note);text-transform:uppercase;} @media(max-width:860px){.c-msg .spread{grid-template-columns:1fr;gap:34px;}.c-msg .vlabel{position:static;writing-mode:horizontal-tb;margin-bottom:10px;display:block;}.c-msg__pt{margin-left:0;max-width:260px;}.c-msg .meta,.c-msg .career{margin-left:0;}} /* ===== FAQ（faq-03改） ===== */ .c-faq{background:#FBFAF6;} .c-faq .layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start;} .c-faq .side{position:sticky;top:110px;} .c-faq .side p{color:var(--note);font-size:14px;margin:16px 0 0;} .c-faq__acc{border-top:1px solid var(--line);} .c-faq__item{border-bottom:1px solid var(--line);} .c-faq__q{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:14px;padding:24px 6px;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit;color:inherit;} .c-faq__q .no{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--spark-deep);} .c-faq__q .tx{font-weight:700;font-size:16px;line-height:1.7;} .c-faq__q .ic{position:relative;width:18px;height:18px;justify-self:end;} .c-faq__q .ic::before,.c-faq__q .ic::after{content:"";position:absolute;background:var(--spark-deep);transition:.3s;} .c-faq__q .ic::before{top:8px;left:0;width:18px;height:2px;} .c-faq__q .ic::after{top:0;left:8px;width:2px;height:18px;} .c-faq__item.is-open .ic::after{transform:rotate(90deg);opacity:0;} .c-faq__a{max-height:0;overflow:hidden;transition:max-height .5s ease;} .c-faq__a div{padding:0 6px 26px 62px;color:#5C5D63;font-size:14.5px;line-height:2;} .c-faq__item.is-open .c-faq__a{max-height:400px;} @media(max-width:760px){.c-faq .layout{grid-template-columns:1fr;gap:28px;}.c-faq .side{position:static;}.c-faq__a div{padding-left:6px;}} /* ===== 料金（pricing-01改） ===== */ .c-price{background:var(--paper);} .c-price .top{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:30px;margin-top:44px;} .c-price__label{font-family:'Shippori Mincho',serif;font-size:clamp(19px,2.3vw,27px);font-weight:700;margin:0;color:var(--ink);} .c-price__label small{display:block;font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--note);letter-spacing:.1em;margin-top:10px;} .c-price__price{text-align:right;} .c-price__from{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--spark-deep);letter-spacing:.14em;} .c-price__v{font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(56px,9.5vw,120px);line-height:.82;letter-spacing:-.02em;display:inline-flex;align-items:flex-start;color:var(--ink);} .c-price__v .y{font-size:.32em;margin-top:.3em;margin-right:.04em;color:var(--spark);} .c-price__tax{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--note);letter-spacing:.04em;margin-top:12px;} .c-price .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;margin-top:44px;} .c-price__incl{list-style:none;margin:0;padding:0;} .c-price__incl li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);font-size:15px;} .c-price__incl .ck{width:22px;height:22px;border-radius:50%;background:var(--spark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;} .c-price__incl .mn{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--note);} .c-price__note{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;align-self:start;} .c-price__note .nt{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.16em;color:var(--spark-deep);text-transform:uppercase;} .c-price__note h3{font-family:'Shippori Mincho',serif;font-size:19px;margin:8px 0 10px;color:var(--ink);} .c-price__note p{color:#5C5D63;font-size:14px;margin:0 0 20px;} @media(max-width:820px){.c-price .top,.c-price .grid{grid-template-columns:1fr;gap:24px;}.c-price__price{text-align:left;}} /* ===== 導入の流れ（process-06改・ダーク） ===== */ .c-flow{background:var(--ink2);color:#D9D8D2;} .c-flow .layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start;} .c-flow .side{position:sticky;top:14vh;} .c-flow .side h2.hx{font-size:clamp(22px,2.6vw,30px);} .c-flow__num{font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(110px,15vw,190px);line-height:.8;color:var(--spark);margin-top:24px;} .c-flow__num .of{font-size:.22em;color:#8B8C92;} .c-flow__steps{display:flex;flex-direction:column;gap:18px;} .c-flow__step{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:30px;transition:.4s;} .c-flow__step.is-active{background:rgba(232,134,46,.1);border-color:var(--spark);} .c-flow__step .ph{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.16em;color:var(--spark);} .c-flow__step h3{font-family:'Shippori Mincho',serif;font-size:20px;font-weight:700;margin:6px 0 8px;color:#F4F2EC;} .c-flow__step p{color:#A6A5A0;font-size:14px;margin:0;} @media(max-width:780px){.c-flow .layout{grid-template-columns:1fr;gap:24px;}.c-flow .side{position:static;}.c-flow__num{font-size:88px;}} /* ===== 読みもの（news-01改） ===== */ .c-news{background:#FBFAF6;} .c-news .wrap{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start;} .c-news .side{position:sticky;top:110px;} .c-news .side .big-en{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(40px,5.5vw,68px);color:var(--ink);line-height:1;} .c-news .side .bar{width:64px;height:3px;background:var(--spark);margin:14px 0 16px;} .c-news .side .ja{color:var(--ink);font-size:14px;font-weight:700;letter-spacing:.08em;} .c-news .side .soon{margin-top:18px;font-size:12.5px;color:var(--note);line-height:1.9;} .c-news__list{border-top:1px solid var(--line);} .c-news__item{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:26px 6px;border-bottom:1px solid var(--line);} .c-news__item .date{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--spark-deep);letter-spacing:.12em;} .c-news__item h3{font-size:16.5px;font-weight:700;margin:0;line-height:1.7;color:var(--ink);} .c-news__item .kw{display:block;margin-top:6px;font-size:12px;color:var(--note);} @media(max-width:860px){.c-news .wrap{grid-template-columns:1fr;gap:34px;}.c-news .side{position:static;}.c-news__item{grid-template-columns:110px 1fr;gap:16px;}} /* ===== 追伸＋最終CTA（cta-13改） ===== */ .c-cta{background:#EAEAE7;} .c-cta .grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,6vw,84px);align-items:center;} .c-cta__photo{position:relative;justify-self:center;transform:rotate(-2.4deg);background:#FFFDF7;border:1px solid #E7DFD2;padding:12px 12px 16px;box-shadow:0 34px 66px -44px rgba(21,22,26,.55);width:min(340px,100%);} .c-cta__photo img{display:block;width:100%;height:auto;filter:saturate(.92);} .c-cta__photo figcaption{width:100%;text-align:center;font-family:'Shippori Mincho',serif;font-size:13px;color:var(--note);padding-top:12px;letter-spacing:.06em;} .c-cta__photo::before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(1.5deg);width:96px;height:26px;background:rgba(232,134,46,.22);border-left:1px dashed rgba(232,134,46,.4);border-right:1px dashed rgba(232,134,46,.4);} .c-cta h2.hx .u{position:relative;z-index:0;} .c-cta h2.hx .u i{position:absolute;left:0;right:0;bottom:4px;height:.3em;background:rgba(232,134,46,.25);z-index:-1;display:block;} .c-cta__body{color:#5C5D63;font-size:14.5px;margin:22px 0 0;max-width:36em;line-height:2.05;} .c-cta__body p{margin:0 0 1.3em;} .c-cta__choice{margin:34px 0 0;border-left:3px solid var(--spark);padding:6px 0 6px 22px;} .c-cta__choice .or{font-size:14px;color:var(--note);margin:0 0 8px;} .c-cta__choice .pick{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(16.5px,2vw,21px);color:var(--ink);margin:0 0 8px;} .c-cta__choice .final{font-family:'Shippori Mincho',serif;font-weight:700;font-size:15px;color:var(--spark-deep);margin:0;} .c-cta__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:36px 0 0;} @media(max-width:980px){.c-cta .grid{grid-template-columns:1fr;gap:52px;}.c-cta__photo{width:min(300px,80%);}} /* ===== フッター（footer-03改） ===== */ .site-ft{background:var(--ink);color:#D9D8D2;} .site-ft .cta-band{position:relative;overflow:hidden;border-bottom:1px solid var(--line-dark);} .site-ft .cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(440px 380px at calc(100% + 20px) -20px,rgba(232,134,46,.28),transparent 68%);pointer-events:none;} .site-ft .cta{position:relative;max-width:1200px;margin:0 auto;padding:70px 32px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;} .site-ft .cta h2{font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(24px,3.6vw,42px);line-height:1.5;margin:0;color:#F4F2EC;} .site-ft .cta h2 .mk{color:var(--spark);} .site-ft .btns{position:relative;display:flex;gap:14px;flex-wrap:wrap;} .site-ft .info{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:54px 32px;} .site-ft .nap .nm{font-family:'Shippori Mincho',serif;font-weight:700;font-size:24px;color:#F4F2EC;display:flex;align-items:center;gap:10px;} .site-ft .nap .nm img{width:26px;height:26px;} .site-ft .nap p{color:#A6A5A0;font-size:13.5px;line-height:2;margin:14px 0 0;} .site-ft .nap a{color:#D9D8D2;} .site-ft .col h4{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--spark);margin:0 0 14px;} .site-ft .col a{display:block;color:#D9D8D2;text-decoration:none;font-size:14px;padding:6px 0;opacity:.85;} .site-ft .col a:hover{opacity:1;color:var(--spark);} .site-ft .cp{border-top:1px solid var(--line-dark);} .site-ft .cp .in{max-width:1200px;margin:0 auto;padding:20px 32px;font-family:'Space Grotesk',sans-serif;font-size:12px;color:#8B8C92;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;} .site-ft .cp a{color:#8B8C92;text-decoration:none;} .site-ft .cp a:hover{color:var(--spark);} @media(max-width:820px){.site-ft .cta{grid-template-columns:1fr;}.site-ft .info{grid-template-columns:1fr;gap:30px;}} /* ===== フォーム安全弁 ===== */ input,textarea,select{max-width:100%;box-sizing:border-box;} input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{width:100%;font-size:16px;} /* ===== レスポンシブ共通 ===== */ @media(max-width:768px){ .sec{padding:72px 0;} .wrap{width:calc(100% - 40px);} .site-hd nav{display:none;} .menu-btn{display:block;} } /* ===== 遊び心（大人を夢中にする仕掛け・2026-08-26） ===== */ /* CTA点火：hoverで火花が散る */ .btn,.c-fv__cta{position:relative;} .btn::before,.btn::after,.c-fv__cta::before,.c-fv__cta::after{content:"";position:absolute;top:-4px;right:18px;width:6px;height:6px;border-radius:50%;background:var(--spark);opacity:0;pointer-events:none;} .btn::after,.c-fv__cta::after{width:4px;height:4px;right:34px;background:#F2B36B;} .btn:hover::before,.c-fv__cta:hover::before{animation:sparkA .6s ease-out;} .btn:hover::after,.c-fv__cta:hover::after{animation:sparkB .72s ease-out .05s;} @keyframes sparkA{0%{opacity:0;transform:translate(0,0) scale(.4);}20%{opacity:1;}100%{opacity:0;transform:translate(14px,-26px) scale(1);}} @keyframes sparkB{0%{opacity:0;transform:translate(0,0) scale(.5);}20%{opacity:.95;}100%{opacity:0;transform:translate(-12px,-30px) scale(.7);}} /* アイブロウ末尾の火花（署名モチーフの反復） */ .eyebrow::after{content:"\2726";font-size:10px;color:var(--spark);animation:sparkTw 3.4s ease-in-out infinite;} @keyframes sparkTw{0%,100%{opacity:.35;transform:scale(.85);}12%{opacity:1;transform:scale(1.15);}24%{opacity:.5;transform:scale(.9);}60%{opacity:.9;transform:scale(1.05);}} /* 手書きの丸（夢中）：見えたら描く */ .circ{position:relative;display:inline-block;} .circ svg{position:absolute;left:-13%;top:-26%;width:127%;height:152%;overflow:visible;pointer-events:none;} .circ svg path{stroke:var(--spark);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.6,.05,.3,1) .25s;} .circ.on svg path{stroke-dashoffset:0;} /* 365に火の粉 */ .c-num__big{position:relative;} .c-num__big::before,.c-num__big::after{content:"";position:absolute;left:18%;bottom:22%;width:7px;height:7px;border-radius:50%;background:var(--spark);opacity:0;pointer-events:none;animation:ember 4.6s ease-in 1.2s infinite;} .c-num__big::after{left:56%;width:5px;height:5px;background:#F2B36B;animation-duration:5.8s;animation-delay:2.6s;} @keyframes ember{0%{opacity:0;transform:translate(0,0) scale(.6);}12%{opacity:.9;}55%{opacity:.45;}100%{opacity:0;transform:translate(26px,-150px) scale(.3);}} /* SCENEカード：手に取ると少し傾く */ .c-lead .q{transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s;} /* コンセプトのマーキー帯（極太2段・画面を斜めにズバッと） */ .c-mqwrap{overflow:hidden;padding:110px 0 0;margin:-110px 0 0;position:relative;z-index:3;pointer-events:none;} .c-mqwrap::before{content:"";position:absolute;left:0;right:0;top:110px;bottom:0;z-index:-1;background:var(--paper);} .c-mqwrap::after{content:"";position:absolute;left:0;right:0;top:110px;bottom:0;z-index:-1;background:url('../images/texture-1.jpg') center/cover;opacity:.4;mix-blend-mode:multiply;} .c-mq{transform:translateY(clamp(-60px,-3.5vw,-38px)) rotate(-2.5deg);width:108%;margin-left:-4%;box-shadow:0 30px 70px -30px rgba(193,97,13,.65);} .c-mq__row{overflow:hidden;background:var(--spark);color:var(--ink);} .c-mq__row--en{background:var(--ink);color:var(--paper);} .c-mq__track{display:flex;width:max-content;animation:mqRun 24s linear infinite;} .c-mq__track--rev{animation-name:mqRun2;animation-duration:30s;} .c-mq__seq{display:inline-flex;align-items:center;gap:52px;padding:20px 26px 26px 78px;white-space:nowrap;font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(38px,6vw,78px);letter-spacing:.08em;line-height:1.25;} .c-mq__row--en .c-mq__seq{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.18em;font-size:clamp(17px,2.2vw,29px);padding:10px 22px 14px 66px;} .c-mq__seq .en2{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-size:inherit;} .c-mq__seq i{font-style:normal;font-size:.55em;opacity:.9;} @keyframes mqRun{from{transform:translateX(0);}to{transform:translateX(-50%);}} @keyframes mqRun2{from{transform:translateX(-50%);}to{transform:translateX(0);}} /* 読みもの一覧：行全体をリンクに */ a.c-news__item{color:inherit;text-decoration:none;transition:background .3s,transform .35s var(--ease);} a.c-news__item:hover{background:#fff;transform:translateX(6px);} a.c-news__item h3{transition:color .3s;} a.c-news__item:hover h3{color:var(--spark-deep);} @media(prefers-reduced-motion:reduce){ .eyebrow::after,.c-mq__track,.c-num__big::before,.c-num__big::after{animation:none;} .btn:hover::before,.btn:hover::after,.c-fv__cta:hover::before,.c-fv__cta:hover::after{animation:none;} .circ svg path{transition:none;stroke-dashoffset:0;} } /* SPで白帯がはみ出さないように（clone方式） */ @media(max-width:480px){ .hx .band,.page-hero h1 .band{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 8px 3px;} } /* ===== CTAボタンのリッチグラデーション（2026-08-26 内田指示） ===== */ .btn:not(.btn--ghost),.c-fv__cta,.site-hd .hd-cta{ background:linear-gradient(90deg,#F8B26C 0%,#F09A45 28%,#E8862E 55%,#D8751F 80%,#C1610D 100%); box-shadow:0 18px 38px -16px rgba(193,97,13,.75),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 6px rgba(133,62,4,.32); } .btn:not(.btn--ghost):hover,.c-fv__cta:hover,.site-hd .hd-cta:hover{ filter:brightness(1.06); box-shadow:0 24px 48px -16px rgba(193,97,13,.85),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(133,62,4,.26); } /* ===== フッターCTA帯（sec-cta-06移植・2026-08-26） ===== */ .site-ft .cta-band{padding:84px 0;} .ft-cta{position:relative;width:min(1200px,calc(100% - 56px));margin:0 auto;border-radius:16px;overflow:hidden;min-height:430px;display:flex;align-items:center;} .ft-cta__bg{position:absolute;inset:0;} .ft-cta__bg img{width:100%;height:100%;object-fit:cover;display:block;} .ft-cta__ov{position:absolute;inset:0;background:linear-gradient(95deg,rgba(14,15,19,.9) 30%,rgba(14,15,19,.5) 62%,rgba(14,15,19,.14) 85%);} .ft-cta__in{position:relative;z-index:2;padding:60px 7%;max-width:660px;} .ft-cta__k{font-family:'Space Grotesk',sans-serif;font-size:12.5px;letter-spacing:.22em;font-weight:700;color:var(--spark);text-transform:uppercase;} .ft-cta__k .ja{display:block;font-family:'Zen Kaku Gothic New',sans-serif;font-size:13px;letter-spacing:.08em;color:#CFCDC5;margin-top:6px;text-transform:none;} .ft-cta h2{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(25px,3.8vw,46px);line-height:1.55;margin:18px 0 16px;color:#F4F2EC;text-shadow:0 2px 26px rgba(0,0,0,.45);} .ft-cta h2 .mk{color:var(--spark);} .ft-cta__sub{color:rgba(244,242,236,.88);font-size:14px;line-height:2;margin:0 0 30px;} .ft-cta__btns{display:flex;align-items:center;flex-wrap:wrap;gap:16px;} .ft-cta__btn{display:inline-flex;align-items:center;gap:16px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;padding:8px 8px 8px 28px;border-radius:99px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease);box-shadow:0 16px 34px -16px rgba(0,0,0,.55);} .ft-cta__btn .c{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,#F8B26C,#E8862E 55%,#C1610D);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);transition:transform .3s var(--ease);} .ft-cta__btn:hover{transform:translateY(-2px);} .ft-cta__btn:hover .c{transform:translateX(3px);} .ft-cta__ghost{display:inline-flex;align-items:center;color:#F4F2EC;font-size:13.5px;font-weight:700;text-decoration:none;border:1.5px solid rgba(244,242,236,.55);border-radius:99px;padding:14px 26px;transition:border-color .3s,color .3s;} .ft-cta__ghost:hover{border-color:var(--spark);color:var(--spark);} @media(max-width:760px){ .site-ft .cta-band{padding:56px 0;} .ft-cta{min-height:0;} .ft-cta__in{padding:46px 26px;} } /* ===== 可読性：本文サイズを一段上げる（2026-08-26 内田指示） ===== */ .c-lead .q p{font-size:16px;} .turn p{font-size:16.5px;} .c-reasons__item p,.c-program__card p{font-size:15.5px;} .c-num__cap{font-size:15.5px;} .c-msg__body p{font-size:16px;line-height:2.15;} .c-faq__a div{font-size:15.5px;} .c-cta__body p{font-size:15.5px;} .prose p{font-size:16px;} .idx__row dd{font-size:15.5px;} .page-hero .sub{font-size:15.5px;} .ft-cta__sub{font-size:15px;} /* テキストリンク：クリックで矢印がビヨーンと伸びる */ .morelink .ln{transition:width .5s cubic-bezier(.3,1.6,.35,1);} .morelink:hover .ln,.morelink:focus-visible .ln{width:84px;} .morelink:active .ln{width:130px;transition-duration:.22s;} /* 代表メッセージ見出し：特大 */ .c-msg .hx{font-size:clamp(34px,6vw,74px);line-height:1.4;} .c-msg .hx .band{padding:0 20px 6px 16px;} .c-msg .circ svg path{transition-delay:1.05s;transition-duration:.9s;stroke-width:3.4;} /* ===== リード：メモが机に置かれた遊び（2026-08-26 内田指示） ===== */ .c-lead .qs{align-items:start;} .c-lead__q{position:absolute;z-index:0;top:-30px;right:-14px;font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(170px,26vw,380px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(232,134,46,.3);pointer-events:none;} .c-lead .hx .qm{display:inline-block;color:var(--spark);transform:rotate(8deg) translateY(-2px);font-size:1.15em;} .c-lead .qs .q:nth-child(1){transform:rotate(-1.4deg);} .c-lead .qs .q:nth-child(2){transform:rotate(1deg);margin-top:30px;} .c-lead .qs .q:nth-child(3){transform:rotate(-.6deg);margin-top:10px;} .c-lead .q::after{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:92px;height:24px;background:rgba(232,134,46,.3);border:1px solid rgba(232,134,46,.18);} .c-lead .q .gn{position:absolute;right:16px;bottom:4px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:76px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(232,134,46,.4);pointer-events:none;} .c-lead .qs .q:hover{transform:translateY(-8px) rotate(0);box-shadow:0 26px 50px -24px rgba(0,0,0,.6);background:rgba(255,255,255,.07);} @media(max-width:820px){ .c-lead .qs .q:nth-child(2),.c-lead .qs .q:nth-child(3){margin-top:0;} .c-lead .q .gn{font-size:60px;} .c-lead__q{top:-14px;right:-16px;} } @media(prefers-reduced-motion:reduce){.c-lead .qs .q:hover{transform:none;}} /* フッターCTA帯の地：濃グレー＋斜めヘアライン（緻密さ・2026-08-26 内田指示） */ .site-ft .cta-band{background:repeating-linear-gradient(-45deg,rgba(21,22,26,.06) 0 1px,transparent 1px 7px),#E2E1DD;border-bottom:1px solid var(--line);} /* ===== 受講者の声（sec-voice-04移植・2026-08-26） ===== */ .c-voice{background:repeating-linear-gradient(-45deg,rgba(21,22,26,.055) 0 1px,transparent 1px 7px),#E5E4E0;} .c-voice .vbody{background:#fff;border:1px solid var(--line);border-radius:10px;padding:38px 42px;box-shadow:0 26px 54px -32px rgba(21,22,26,.28);} .c-voice .kbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:44px;} .c-voice .kbar .k{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--spark-deep);} .c-voice .kbar .pg{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.16em;color:var(--note);} .c-voice .article{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start;} .c-voice .panel{position:relative;border-radius:6px;overflow:hidden;background:var(--ink);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:34px 30px 26px;color:#F4F2EC;} .c-voice .panel .frame{position:absolute;left:10px;top:10px;width:86px;height:86px;border-left:3px solid var(--spark);border-top:3px solid var(--spark);} .c-voice .panel .qmark{font-family:'Shippori Mincho',serif;font-size:120px;line-height:.7;color:var(--spark);margin:18px 0 0 10px;} .c-voice .panel .sub{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(17px,1.6vw,21px);line-height:2;margin:0;} .c-voice .panel .cr{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.22em;color:#A6A5A0;} .c-voice .title{font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(24px,3.2vw,40px);line-height:1.5;margin:10px 0 18px;color:var(--ink);} .c-voice .title .mk{color:var(--spark-deep);} .c-voice .chip{font-family:'Space Grotesk',sans-serif;font-size:11.5px;letter-spacing:.12em;color:var(--spark-deep);border:1px solid var(--spark-deep);border-radius:99px;padding:3px 12px;display:inline-block;} .c-voice .meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13px;color:var(--note);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px;} .c-voice .meta b{color:var(--ink);font-family:'Shippori Mincho',serif;font-size:16.5px;} .c-voice .vbody p{margin:0 0 1.4em;font-size:15.5px;line-height:2.05;color:var(--body);} .c-voice .vbody .drop{float:left;font-family:'Shippori Mincho',serif;font-weight:800;font-size:58px;line-height:.85;margin:6px 12px 0 0;color:var(--spark);} .c-voice .pull{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(17px,2vw,22px);line-height:1.8;color:var(--ink);border-left:4px solid var(--spark);padding:6px 0 6px 22px;margin:26px 0;} .c-voice .note-line{font-size:12.5px;color:var(--note);margin-top:8px;} @media(max-width:860px){.c-voice .article{grid-template-columns:1fr;gap:30px;}.c-voice .panel{aspect-ratio:auto;}.c-voice .vbody{padding:28px 22px;}} /* ナビ8項目対応：中間幅で詰める */ @media(min-width:769px) and (max-width:1120px){.site-hd nav{gap:15px;}.site-hd nav a{font-size:12.5px;}} /* 声パネル：サンプル写真版（実写真受領後に差し替え） */ .c-voice .panel--ph{padding:0;background:#E4E5E2;} .c-voice .panel--ph picture{position:absolute;inset:0;} .c-voice .panel--ph img{width:100%;height:100%;object-fit:cover;display:block;} .c-voice .panel--ph .frame{z-index:2;} .c-voice .panel--ph .credit{position:absolute;z-index:2;left:16px;bottom:13px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.18em;text-shadow:0 1px 8px rgba(0,0,0,.55);} @media(max-width:860px){.c-voice .panel--ph{aspect-ratio:4/3;}} /* ===== 無料体験キャンペーン カード（2026-09-03・ぞろ屋式セクションカタログ sec-cta-05 を InsideSpark の配色に調整）ここから ===== 注意：このCSSは index.html のインライン