@charset "utf-8";
/* =========================================================
   misty / 静的クローン  共通スタイル
   原本: https://www.misty-yogalife.com/
   ========================================================= */

/* ---------- 画像（Wix CDN を参照。差し替え一覧は images.md） ---------- */
:root{
  --img-logo:url("https://static.wixstatic.com/media/80fa84_3d5251faaec34141a38e89e95fe5dece~mv2.png/v1/crop/x_0,y_0,w_942,h_473/fill/w_332,h_166,al_c,q_85,enc_auto/misty_toplogo.png");
  --img-garland:url("https://static.wixstatic.com/media/80fa84_dac9b9f33dfd43bb88011d9bd1bc3eb1~mv2.png/v1/crop/x_0,y_721,w_1929,h_151/fill/w_551,h_43,al_c,q_85,enc_auto/garland.png");
  --img-linedot:url("https://static.wixstatic.com/media/80fa84_91325942ef8b4c1db1166270284ba108~mv2.png/v1/crop/x_424,y_882,w_1676,h_158/fill/w_479,h_45,al_c,q_85,enc_auto/linedot.png");
  --img-slash:url("https://static.wixstatic.com/media/80fa84_107aeede703346a8b6d423d6e50b5b5d~mv2.png/v1/crop/x_343,y_308,w_1379,h_123/fill/w_608,h_55,al_c,q_85,enc_auto/slash.png");
  --img-namisen:url("https://static.wixstatic.com/media/80fa84_b7f243bc3f704fc9b2c416ea90d63c61~mv2.png/v1/crop/x_0,y_934,w_2100,h_85/fill/w_935,h_38,al_c,q_85,enc_auto/namisen.png");
  --img-waveline:url("https://static.wixstatic.com/media/80fa84_124e4f0700db4f35883dd831fb327df7~mv2.png/v1/crop/x_0,y_826,w_1974,h_270/fill/w_987,h_135,al_c,q_90,enc_auto/waveline.png");
  --img-whitedot:url("https://static.wixstatic.com/media/80fa84_f0111c986aeb4580aef33b58bb384bfe~mv2.png/v1/crop/x_620,y_343,w_875,h_1061/fill/w_400,h_484,al_c,q_85,enc_auto/whitedot.png");
  --img-yellowdot:url("https://static.wixstatic.com/media/80fa84_83b8982bee8d41ab96f4bbe065273880~mv2.png/v1/crop/x_777,y_697,w_665,h_735/fill/w_169,h_187,al_c,q_85,enc_auto/yellowdot.png");
}

/* ---------- 配色・字体 ---------- */
:root{
  --teal:#79ddd8;              /* rgb(121,221,216) */
  --teal-bg:#c9f1ef;           /* 上記 60% を白地に重ねた実測値 */
  --teal-accent:#57cbe1;       /* rgb(87,203,225) 見出し・ボタン */
  --yellow:#ffc64c;
  --yellow-bg:#ffd170;         /* 上記 80% を白地に重ねた実測値 */
  --yellow-soft:#fce7bb;       /* 淡い黄色のブロック */
  --cream:#fdf6e9;
  --ink:#4d4d4d;
  --ink-strong:#333;
  --gray-bg:#fafafa;
  --gray-card:#f9f9f9;
  --maxw:940px;

  --font-body:"Zen Maru Gothic","ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN",system-ui,sans-serif;
  --font-gothic:"Zen Kaku Gothic New","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",system-ui,sans-serif;
  --font-display:"Yusei Magic","Zen Maru Gothic",system-ui,sans-serif;
  --font-latin:"Jost","Futura","Century Gothic",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.9;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;position:relative;z-index:2;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- ヘッダー ---------- */
.site-header{
  background:#fff;position:relative;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 40px;min-height:95px;
}
.site-header .logo{display:block;width:166px;flex:0 0 auto;}
.site-header .logo img{width:100%;}
.gnav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;}
.gnav a{
  display:block;text-decoration:none;color:var(--ink);
  font-family:var(--font-latin),var(--font-gothic);font-size:16px;letter-spacing:.8px;
  padding:10px 16px;border-radius:5px;transition:color .2s,background .2s;
}
.gnav a:hover{color:var(--teal-accent);}
.gnav a[aria-current="page"]{background:var(--yellow);color:#fff;}
.navtoggle{display:none;}

/* ---------- フッター ---------- */
.site-footer{background:#fff;padding:0 0 28px;}
.footer-dots{height:45px;background:var(--img-linedot) repeat-x center/auto 45px;}
.footer-inner{
  max-width:var(--maxw);margin:0 auto;padding:26px 20px 0;
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.footer-logo{width:140px;flex:0 0 auto;}
.footer-nav{flex:1 1 320px;text-align:center;font-size:15px;line-height:2.1;}
.footer-nav a{text-decoration:none;margin:0 10px;white-space:nowrap;}
.footer-nav a:hover{color:var(--teal-accent);}
.footer-sns{display:flex;gap:10px;flex:0 0 auto;}
.footer-sns img{width:39px;height:39px;}
.copyright{text-align:center;font-size:14px;margin:18px 0 0;}

/* ---------- 共通パーツ ---------- */
.band-garland{height:44px;background:var(--img-garland) repeat-x center/auto 44px;}
.band-slash{height:55px;background:var(--img-slash) repeat-x center/auto 55px;}
.band-namisen{height:38px;background:var(--img-namisen) repeat-x center/auto 38px;}
.band-linedot{height:45px;background:var(--img-linedot) repeat-x center/auto 45px;}
.band-wave{height:46px;background:var(--img-waveline) repeat-x center/auto 46px;}

.sec{position:relative;overflow:hidden;}
.sec-teal{background:var(--teal-bg);}
.sec-yellow{background:var(--yellow-bg);}
.sec-gray{background:var(--gray-bg);}
.sec-pad{padding:70px 0;}

.deco{position:absolute;pointer-events:none;user-select:none;z-index:1;}

.btn{
  display:inline-block;text-decoration:none;text-align:center;
  font-family:var(--font-gothic);font-size:15px;letter-spacing:.5px;
  padding:9px 26px;border-radius:20px;border:1px solid var(--teal-accent);
  background:var(--teal-accent);color:#fff;min-width:199px;
  transition:opacity .2s;
}
.btn:hover{opacity:.8;}
.btn-teal{background:var(--teal);border-color:var(--teal);}
.btn-ghost{background:transparent;border-color:var(--teal);color:var(--teal);}

/* ---------- ページ見出し（下層ページ共通） ---------- */
.page-hero{background:var(--teal-bg);padding:50px 0 60px;position:relative;overflow:hidden;}
.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;}
.page-hero .card{background:#fff;padding:86px 36px 46px;position:relative;}
.page-hero .flag{position:absolute;top:-10px;left:18px;width:188px;}
.page-hero .flag img{width:100%;}
.page-hero .flag span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:19px;letter-spacing:2px;padding-bottom:16px;
}
.page-hero .lead{margin:0;font-size:16px;line-height:2.15;}
.page-hero .photo img{width:100%;}

/* ---------- 黄色の導入ブロック（下層ページ） ---------- */
.intro-yellow{background:var(--yellow-soft);padding:56px 0 60px;position:relative;overflow:hidden;}
.intro-yellow h2{
  font-family:var(--font-display);font-size:30px;font-weight:400;color:var(--ink-strong);
  text-align:center;margin:0 0 34px;line-height:1.7;
}
.intro-yellow .inner{background:#fff;padding:40px 46px;position:relative;z-index:2;}
.intro-yellow p{margin:0 0 1.4em;}
.intro-yellow p:last-child{margin-bottom:0;}
.intro-yellow .center{text-align:center;}
.emph-line{
  display:inline-block;font-weight:500;color:var(--ink-strong);
  border-bottom:4px solid #cfe9f3;padding-bottom:2px;
}

/* ---------- POINT リスト（works / school / corporation） ---------- */
.points{padding:56px 0 64px;position:relative;overflow:hidden;}
.points .heading{display:block;margin:0 auto 46px;max-width:389px;}
.point{position:relative;margin:0 0 56px;}
.point:last-child{margin-bottom:0;}
.point .pt-head{display:flex;align-items:center;gap:16px;margin:0 0 14px;}
.point .pt-flag{width:78px;flex:0 0 auto;}
.point h3{
  margin:0;font-family:var(--font-gothic);font-weight:500;
  font-size:22px;letter-spacing:2px;color:var(--ink-strong);
}
.point .pt-body{position:relative;padding:26px 30px;font-size:15px;line-height:2.05;}
.point .pt-body .blob{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.point .pt-body p{position:relative;z-index:1;margin:0;}

/* ---------- 実施例 ---------- */
.cases{background:var(--teal-bg);padding:60px 0 70px;position:relative;overflow:hidden;}
.cases .frame{
  background:#fff;border:3px solid var(--yellow);border-radius:14px;
  padding:46px 40px 50px;position:relative;z-index:2;
}
.cases .cases-badge{display:block;margin:0 auto 40px;max-width:409px;}
.case{border:1px solid #d8d8d8;padding:34px 36px;margin:0 0 54px;position:relative;}
.case:last-child{margin-bottom:0;}
.case .tag{position:absolute;top:-56px;right:-14px;width:208px;}
.case h4{
  margin:0 0 18px;font-family:var(--font-gothic);font-weight:500;
  font-size:19px;letter-spacing:2px;color:var(--teal-accent);
}
.case p{margin:0 0 1.4em;font-size:15px;line-height:2.05;}
.case p:last-child{margin-bottom:0;}

/* ---------- 下部 CTA ---------- */
.cta{background:var(--yellow-bg);position:relative;overflow:hidden;padding:54px 0 60px;}
.cta .card{
  max-width:520px;margin:0 auto;background:var(--cream);
  padding:0 30px 46px;position:relative;z-index:2;
}
.cta .scallop{height:22px;background:var(--img-garland) repeat-x center/auto 44px;margin:0 -30px 34px;}
.cta h2{
  font-family:var(--font-gothic);font-weight:400;font-size:28px;letter-spacing:3px;
  color:#9a9a9a;text-align:center;margin:0 0 10px;
}
.cta .rainbow{width:173px;margin:0 auto 10px;}
.cta .btn{display:block;max-width:280px;margin:0 auto;border-radius:0;font-size:13px;
  background:var(--teal-accent);border:1px solid #fff;letter-spacing:1.5px;white-space:nowrap;}

/* ---------- お問い合わせフォーム ---------- */
.form-card{background:#fff;padding:0 46px 46px;position:relative;z-index:2;}
.form-card .scallop{height:22px;background:var(--img-garland) repeat-x center/auto 44px;margin:0 -46px 40px;}
.form-card h2{
  font-family:var(--font-gothic);font-weight:400;font-size:clamp(20px,2.7vw,28px);letter-spacing:1px;white-space:nowrap;
  color:var(--ink);text-align:center;margin:0 0 34px;
}
.field{margin:0 0 16px;}
.field label{display:block;font-size:14px;font-family:var(--font-gothic);color:var(--ink);margin:0 0 6px;}
.field .req{color:#ff6b4a;font-size:13px;margin-left:4px;}
.field input,.field textarea{
  width:100%;background:rgba(121,221,216,.8);border:0;border-radius:15px;
  padding:14px 18px;font-family:var(--font-body);font-size:15px;color:#fff;
}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.85);}
.field input:focus,.field textarea:focus{outline:2px solid var(--teal-accent);outline-offset:2px;}
.field textarea{min-height:64px;resize:vertical;}
.agree{display:flex;align-items:center;gap:12px;margin:22px 0 26px;font-size:14px;}
.agree input{
  appearance:none;-webkit-appearance:none;width:19px;height:19px;flex:0 0 auto;
  border-radius:50%;border:1px solid rgba(121,221,216,.9);background:rgba(121,221,216,.85);cursor:pointer;
}
.agree input:checked{background:var(--teal-accent);border-color:var(--teal-accent);box-shadow:inset 0 0 0 3px #fff;}
.agree label{cursor:pointer;}
.agree a{color:var(--teal-accent);}
.form-card .submit{
  display:block;margin:0 auto;min-width:250px;padding:11px 0;border-radius:20px;
  background:transparent;border:1px solid var(--teal);color:var(--teal);
  font-family:var(--font-gothic);font-size:15px;cursor:pointer;
}
.form-card .submit:hover{background:var(--teal);color:#fff;}
.form-note{
  margin:22px 0 0;padding:14px 16px;border:1px dashed #d0cfcf;border-radius:8px;
  font-size:13px;line-height:1.9;color:#888;background:#fcfcfc;
}
.form-done{display:none;text-align:center;font-size:16px;color:var(--teal-accent);margin:20px 0 0;}

/* ---------- プライバシーポリシー ---------- */
.policy{padding:50px 0 70px;}
.policy h1{
  font-family:var(--font-gothic);font-weight:400;font-size:28px;letter-spacing:4px;
  text-align:center;margin:0 0 46px;color:var(--ink);
}
.policy h2{
  font-family:var(--font-gothic);font-weight:400;font-size:21px;letter-spacing:1px;
  margin:42px 0 12px;color:var(--ink);
}
.policy p,.policy li{font-size:14px;line-height:2.05;}
.policy ol,.policy ul{padding-left:1.6em;}
.policy .end{text-align:right;margin-top:40px;}

/* =========================================================
   トップページ
   ========================================================= */
.hero{position:relative;background:#eee;}
.hero img.bg{width:100%;height:clamp(300px,52vw,535px);object-fit:cover;}
.hero .copy{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:18px;width:100%;justify-content:center;
}
.hero .copy img{width:clamp(90px,15vw,160px);}
.hero h1{
  margin:0;color:#fff;font-family:var(--font-gothic);font-weight:700;
  font-size:clamp(20px,3.4vw,34px);line-height:1.6;letter-spacing:4px;text-align:center;
  text-shadow:0 1px 6px rgba(0,0,0,.18);
}
.lead-block{padding:62px 0 70px;text-align:center;}
.lead-block .sun{width:143px;margin:0 auto 26px;}
.lead-block h2{
  font-family:var(--font-display);font-weight:400;color:var(--ink);
  font-size:clamp(28px,4.6vw,47px);margin:0 0 34px;letter-spacing:2px;line-height:1.5;
}
.lead-block p{margin:0 0 1.6em;font-size:17px;line-height:1.95;}
.lead-block p:last-child{margin-bottom:0;}

.service{padding:46px 0 70px;}
.service .badge{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 30px;}
.service .badge .hibiscus{width:81px;order:-1;margin-right:-24px;}
.service .badge .label{width:230px;}
.service .intro{text-align:center;font-size:17px;line-height:2;margin:0 0 52px;}
.svc{display:grid;grid-template-columns:minmax(0,444px) minmax(0,1fr);gap:0;align-items:center;margin:0 0 58px;position:relative;}
.svc:last-child{margin-bottom:0;}
.svc .photo img{width:100%;}
.svc .card{background:#fff;padding:44px 40px 40px;position:relative;margin-left:-28px;z-index:3;}
.svc.reverse{grid-template-columns:minmax(0,1fr) minmax(0,444px);}
.svc.reverse .photo{order:2;}
.svc.reverse .card{order:1;margin-left:0;margin-right:-28px;}
.svc .num{position:absolute;top:-30px;right:-28px;width:92px;}
.svc.reverse .num{right:auto;left:-26px;}
.svc h3{
  margin:0 0 16px;font-family:var(--font-gothic);font-weight:400;font-size:26px;
  letter-spacing:1.3px;color:var(--teal-accent);
}
.svc p{margin:0 0 24px;font-size:15px;line-height:2;}
.svc .btn{display:block;max-width:199px;margin:0 auto;}

.profile-home{background:var(--gray-bg);padding:46px 0 64px;position:relative;overflow:hidden;}
.profile-home .badge{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 0 34px;}
.profile-home .badge .label{width:227px;}
.profile-home .badge .hibiscus{width:90px;margin-left:-26px;}
.profile-home .box{background:var(--gray-card);padding:34px 40px;display:grid;grid-template-columns:271px minmax(0,1fr);gap:36px;align-items:start;}
.profile-home .box .name{margin:14px 0 0;font-family:var(--font-gothic);font-size:23px;letter-spacing:1.84px;color:var(--ink-strong);}
.profile-home .box .name small{font-size:15px;letter-spacing:1.2px;margin-left:8px;}
.profile-home .box p{margin:0 0 1.5em;font-size:16px;line-height:2;}
.profile-home .box p:last-child{margin-bottom:0;}
.profile-home .btn{display:block;max-width:342px;margin:34px auto 0;}

.shop{padding:70px 0 80px;text-align:center;}
.shop .hibiscus{width:60px;margin:0 auto 26px;}
.shop p{margin:0 0 30px;font-size:16px;line-height:2;}
.shop .shop-btn{
  display:inline-block;background:var(--teal);color:#fff;text-decoration:none;
  font-family:"メイリオ",Meiryo,var(--font-gothic);font-size:22px;line-height:40px;
  width:267px;height:40px;text-align:center;letter-spacing:.5px;
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%);
  padding-right:20px;transition:opacity .2s;
}
.shop .shop-btn:hover{opacity:.82;}
.behappy-row{display:flex;align-items:center;justify-content:center;gap:2px;margin:0 0 16px;flex-wrap:nowrap;}
.behappy-row img{flex:0 1 auto;min-width:0;}

/* =========================================================
   プロフィールページ
   ========================================================= */
.pf-top{padding:54px 0 58px;position:relative;overflow:hidden;text-align:center;}
.pf-top h1{
  font-family:var(--font-display);font-weight:400;color:var(--ink);
  font-size:clamp(23px,3.4vw,35px);letter-spacing:1px;margin:0 0 36px;line-height:1.55;
}
.pf-top p{margin:0 0 1.6em;font-size:15px;line-height:2.05;}
.pf-badge{background:var(--teal-bg);padding:44px 0 0;position:relative;overflow:hidden;}
.pf-badge .badge{display:flex;align-items:center;justify-content:center;}
.pf-badge .badge img{width:290px;}
.pf-body{background:var(--teal-bg);position:relative;}
.pf-body .inner{background:#fff;max-width:var(--maxw);margin:0 auto;padding:48px 46px 56px;position:relative;z-index:2;}
.pf-body .intro{display:grid;grid-template-columns:257px minmax(0,1fr);gap:40px;align-items:start;}
.pf-body .name{margin:14px 0 0;font-family:var(--font-gothic);font-size:23px;letter-spacing:1.84px;color:var(--ink-strong);}
.pf-body .name small{font-size:15px;letter-spacing:1.2px;margin-left:8px;}
.pf-body p{margin:0 0 1.5em;font-size:15px;line-height:2.05;}
.pf-sec{margin:54px 0 0;text-align:center;}
.pf-sec h2{font-family:var(--font-gothic);font-weight:500;font-size:19px;letter-spacing:2px;margin:0 0 20px;color:var(--ink-strong);}
.pf-sec p{margin:0;font-size:15px;line-height:2.1;}
.pf-sec.left{text-align:left;}
.pf-sns{background:var(--yellow-bg);padding:56px 0 64px;position:relative;overflow:hidden;text-align:center;}
.pf-sns h2{font-family:var(--font-display);font-weight:400;font-size:34px;color:var(--ink);margin:0 0 22px;}
.pf-sns h2+a{display:inline-block;background:#fff;border-radius:22px;padding:10px 0;width:265px;
  text-decoration:none;color:#c2a05a;font-size:14px;letter-spacing:1px;}
.pf-sns h2+a:hover{color:var(--teal-accent);}
.pf-sns .grp+.grp{margin-top:50px;}

/* =========================================================
   レスポンシブ
   ========================================================= */
@media (max-width:860px){
  body{font-size:15px;}
  .site-header{padding:10px 18px;min-height:74px;justify-content:center;position:relative;}
  .site-header .logo{width:132px;margin:0 auto;}
  .navtoggle{
    display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%);
    width:42px;height:42px;background:none;border:0;cursor:pointer;padding:0;
  }
  .navtoggle span{display:block;height:3px;background:#3c3c3c;border-radius:2px;margin:7px auto;width:28px;transition:.25s;}
  .navtoggle[aria-expanded="true"] span:nth-child(1){transform:translateY(10px) rotate(45deg);}
  .navtoggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .navtoggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-10px) rotate(-45deg);}
  .gnav{
    position:absolute;top:100%;left:0;right:0;background:#fff;display:none;
    box-shadow:0 10px 20px rgba(0,0,0,.08);
  }
  .gnav.open{display:block;}
  .gnav ul{flex-direction:column;gap:0;padding:8px 0;}
  .gnav li{width:100%;}
  .gnav a{padding:14px 24px;border-radius:0;text-align:center;}

  .deco{display:none;}
  .wrap{padding:0 16px;}
  .sec-pad{padding:48px 0;}

  .hero .copy{flex-direction:row;gap:4px;}
  .hero .copy img{width:46px;}
  .hero h1{letter-spacing:1.5px;font-size:clamp(18px,5.4vw,24px);}
  .behappy-row{gap:0;}
  .shop .shop-btn{width:235px;font-size:19px;}
  .lead-block{padding:46px 0 50px;}
  .lead-block p{font-size:16px;}

  .service .intro{font-size:16px;margin-bottom:36px;}
  .svc,.svc.reverse{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:40px;}
  .svc .card,.svc.reverse .card{margin:0;padding:30px 24px 32px;order:2;}
  .svc .photo,.svc.reverse .photo{order:1;}
  .svc .num,.svc.reverse .num{display:none;}

  .profile-home .box{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 20px;}
  .profile-home .box .pic{max-width:240px;margin:0 auto;}
  .profile-home .box .name{text-align:center;}
  .profile-home .btn{max-width:100%;}

  .page-hero .wrap{grid-template-columns:minmax(0,1fr);gap:0;}
  .page-hero .photo{order:1;margin:0 0 -20px;}
  .page-hero .card{order:2;padding:76px 24px 36px;}
  .page-hero .flag{left:10px;width:160px;}
  .page-hero .flag span{font-size:17px;}

  .intro-yellow .inner{padding:28px 22px;}
  .intro-yellow h2{font-size:22px;}
  .point .pt-body{padding:20px 18px;}
  .point h3{font-size:19px;letter-spacing:1px;}
  .cases .frame{padding:30px 16px 34px;border-radius:10px;}
  .case{padding:46px 20px 26px;}
  .case .tag{top:-30px;right:-6px;width:140px;}

  .cta .card{padding:0 20px 34px;}
  .cta h2{font-size:21px;letter-spacing:1px;}
  .form-card{padding:0 22px 34px;}
  .form-card .scallop{margin:0 -22px 28px;}
  .form-card h2{font-size:22px;}

  .pf-body .inner{padding:30px 20px 36px;}
  .pf-body .intro{grid-template-columns:minmax(0,1fr);gap:18px;}
  .pf-body .pic{max-width:230px;margin:0 auto;}
  .pf-body .name{text-align:center;}
  .pf-badge .badge img{width:220px;}

  .footer-inner{flex-direction:column;gap:18px;}
  .footer-nav a{display:inline-block;margin:0 8px;}
}