/* 静的化で <form><button> を <form><a> に置き換えたボタンの体裁を揃える。
   theme_sub.css の `form button` 向けの規則を .static-cart-link に写したもの */
.announce__btn--wrap .announce__btn form .static-cart-link{display:block;position:relative;text-decoration:none;color:inherit;cursor:pointer}
.announce__btn--wrap .announce__btn form .static-cart-link .announce__btn--txt{display:block}
.sub__wrapper .sub__why-amount .announce__btn--wrap .announce__btn form .static-cart-link{text-align:left;width:100%}
.sub__wrapper .sub__why-amount .announce__btn--wrap .announce__btn form .static-cart-link .announce__btn--txt{width:100%}
.sub__wrapper .sub__why-amount ul.benkyokai__variant-list li .benkyokai__btnBox .announce__btn--wrap .announce__btn form .static-cart-link .announce__btn--txt{font-size:1.0666666667rem}
/* フッター: Xタイムラインの代わりの案内カード */
.footer__top--x .x-card{border:1px solid rgba(41,52,52,.3);border-radius:12px;padding:1.6em 1.6em 1.8em;background:#fff;color:#293434;box-sizing:border-box}
.footer__top--x .x-card__head{display:flex;align-items:center;gap:.8em;margin-bottom:1em}
.footer__top--x .x-card__icon{width:2.6em;height:2.6em;flex:0 0 auto}
.footer__top--x .x-card__name{font-weight:700;font-size:1.05em;line-height:1.3;margin:0}
.footer__top--x .x-card__id{font-size:.85em;line-height:1.3;margin:.2em 0 0;opacity:.7}
.footer__top--x .x-card__lead{font-size:.95em;line-height:1.8;margin:0 0 1.2em}
.footer__top--x .x-card__btn{display:inline-block;background:#00766a;color:#fff;font-weight:700;text-decoration:none;border-radius:999px;padding:.8em 1.8em;font-size:.95em;line-height:1.2;transition:opacity .2s}
.footer__top--x .x-card__btn:hover{opacity:.85}
/* フッター: X列を外した後の1段組（PC）。ロゴを左端、リンク一覧を右に */
@media screen and (min-width:768px){
  .footer__top--menu{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}
  .footer__top--menu--logo{margin-bottom:0;flex:0 0 auto}
  .footer__top--menu--list{flex:0 0 auto;width:41.09375vw;margin-top:.4vw}
}
/* 勉強会: 白枠バッジに参加種別を入れたので折り返さない */
.sub__wrapper .sub__why-amount ul.benkyokai__variant-list li .benkyokai__txtBox .date{white-space:nowrap}
.sub__wrapper .sub__why-amount ul.benkyokai__variant-list li .benkyokai__txtBox .date--long{padding-left:1.5em;padding-right:1.5em}
.sub__wrapper .sub__why-amount ul.benkyokai__variant-list li .benkyokai__txtBox .date--long span{font-size:.8em}
@media screen and (max-width:767px){.sub__wrapper .sub__why-amount ul.benkyokai__variant-list li .benkyokai__txtBox .date--long{padding-left:1.1em;padding-right:1.1em}}
