@charset "utf-8";
/* お知らせ詳細 SP（767px 以下・基準 430）。Figma に SP 版は無いため PC の構成から推論 */
.nd-tri { width: 1.59rem; height: 1.295rem; }
.crumb.nd-crumb { margin-top: .06rem; }
.nd-main { width: 3.70rem; margin-top: .24rem; padding-bottom: .80rem; gap: .56rem; }
.nd-art { gap: .32rem; }
.nd-head { gap: .16rem; }
.nd-head__h { gap: .10rem; }
.nd-date { gap: .12rem; height: auto; font-size: .14rem; line-height: .24rem; }
.nd-ttl { font-size: .24rem; line-height: .38rem; letter-spacing: .0168rem; }
.nd-meta { align-items: center; gap: .14rem; }
.nd-tag { height: .30rem; padding: 0 .16rem; font-size: .13rem; line-height: .22rem; letter-spacing: .013rem; }
.nd-vol { height: auto; gap: .08rem; font-size: .14rem; line-height: .24rem; }
.nd-content { gap: .32rem; }
.nd-eyecatch { height: auto; aspect-ratio: 1100 / 618; }

.nd-body { font-size: .15rem; line-height: .28rem; letter-spacing: .0105rem; }
.nd-body > * + * { margin-top: .28rem; }
.nd-body > * + h2 { margin-top: .48rem; }
.nd-body > * + h3, .nd-body > * + h4 { margin-top: .36rem; }
.nd-body h2 { gap: .10rem; font-size: .21rem; line-height: .34rem; }
.nd-body h2::before { width: .06rem; }
.nd-body h3 { font-size: .18rem; line-height: .30rem; }
.nd-body h4 { font-size: .16rem; line-height: .26rem; }
.nd-body blockquote { padding: .14rem .16rem; }
.nd-body th, .nd-body td { padding: .08rem .10rem; }

.nd-foot { width: 100%; gap: .32rem; }
.nd-back { font-size: .15rem; letter-spacing: .02rem; gap: .10rem; height: auto; align-items: center; }
.nd-back::after { width: .24rem; height: .24rem; }
.crumb.nd-crumb li:not(:last-child) { flex: none; }
.nd-foot .btn { padding-left: .26rem; padding-right: .26rem; gap: .12rem; }
.nd-foot .btn > span { white-space: nowrap; letter-spacing: .01rem; } /* 「セミナーの詳細・お申し込み」と矢印が重ならない幅に */