.site-footer{
 display:block;position:relative;isolation:isolate;overflow:hidden;
 padding:112px 0 0;background:#080a0e;color:#eef1f6;
 border-top:1px solid #ffffff0b;
}
.footer-inner{width:88%;max-width:1440px;margin:auto}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-bottom:85px}
.footer-invitation h2{font-size:clamp(38px,4.6vw,72px);line-height:1.3;letter-spacing:-.045em;font-weight:600;margin:0}
.footer-invitation h2 span{display:block;white-space:nowrap}
.footer-invitation h2 span:last-child{color:#9daecb}
.footer-invitation button{
 display:flex;align-items:center;justify-content:center;gap:26px;
 flex-shrink:0;min-height:58px;padding:17px 27px;border:1px solid #dce5f6;
 border-radius:40px;background:#eaf0fc;color:#1c2b43;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;
 transition:background .2s,transform .2s;
}
.footer-invitation button:hover{background:#fff;transform:translateY(-2px)}
.footer-invitation button span{font-size:21px}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:28px;font-size:14px;color:#939caa}
.footer-top{display:flex;align-items:center;gap:12px;min-height:44px;color:#c4cbd6;text-decoration:none}
.footer-top span{font-size:20px}
.footer-invitation button:focus-visible,.footer-top:focus-visible{outline:2px solid #b0caff;outline-offset:6px}
.footer-wordmark{
 display:flex;align-items:baseline;justify-content:center;gap:.08em;
 height:.78em;overflow:hidden;margin-top:64px;
 font-size:14.6vw;font-weight:600;letter-spacing:-.078em;line-height:.92;white-space:nowrap;
 background:linear-gradient(165deg,#d0d9e6 0%,#8796ae 43%,#354153 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.footer-at-end .launcher{visibility:hidden;pointer-events:none}
@media(max-width:760px){
 .site-footer{padding:76px 0 0}
 .footer-inner{width:88%}
 .footer-invitation{display:block;padding-bottom:48px}
 .footer-invitation h2{font-size:clamp(27px,7.65vw,54px);line-height:1.45;letter-spacing:-.045em}
 .footer-invitation button{font-size:14px;min-height:52px;padding:14px 22px;margin-top:30px;gap:25px}
 .footer-meta{gap:12px;flex-wrap:wrap;padding-top:20px;font-size:12px}
 .footer-top{gap:7px}
 .footer-top span{font-size:17px}
 .footer-wordmark{margin-top:38px;font-size:17.6vw}
}
@media(prefers-reduced-motion:reduce){.footer-invitation button{transition:none}}
.reduce-motion .footer-invitation button{transition:none}
@media(forced-colors:active){.footer-wordmark{background:none;color:CanvasText}}
.footer-legal{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0 0 30px;font-size:12px;line-height:1.7}
.footer-legal a{color:#95a2b6;text-decoration:none}.footer-legal a:hover{color:#e4edfa}.footer-legal a:focus-visible{outline:2px solid #b0caff;outline-offset:5px}
@media(max-width:760px){.footer-legal{gap:7px 20px;font-size:11px;padding-bottom:24px}.footer-legal a{display:flex;align-items:center;min-height:36px}}
/* 下の大きな文字「WELCONVO」（11/8 名前を変えた時、8文字が横に収まるよう 22.8vw→14.6vw・スマホ 23vw→17.6vw。2026年11月3日・ご本人「戻してください。＊は入りません」）。10/26 に正式ロゴの画像にしたのを、前の文字に戻した（✳ は付けない） */
/*  文字の下を切らない（11/3 ご本人「「O」の下が切れていますが、切れないように」）。前は高さを .78em にして下を隠していた。
    文字の下はページの下にぴったり付ける（11/3 ご本人「文字の下に余白はありません」→「「O」が少し切れてもいいので、下の余白を0に」）。
    .838em＝A・I・N・V の下端（文字の並びの線。Mac の字体で測った）。O の丸みの下端は少しだけ切れる。その下は、フッターの overflow:hidden で切れる */
.footer-wordmark{height:.838em;overflow:visible;padding-bottom:0}

/* 11/8 ご本人「サイトのサービス名の文字を変更：ロゴ-01」。下の大きな文字を、正式なロゴ（ロゴ透過/ロゴ-01.png）の画像にした */
.footer-wordmark.is-logo{display:block;height:auto;overflow:visible;font-size:inherit;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;padding:0 0 32px}
.footer-wordmark.is-logo img{display:block;width:100%;height:auto}