@charset "utf-8";
/* メディア一覧 SP（Figma に SP 版なし・推論） */
.md-main { padding-top: .40rem; }
.md-purpose { gap: .32rem; }
.md-lineh { width: 3.70rem; }
.md-lineh::before, .md-lineh::after { flex: 1; width: auto; }
.md-lineh > span { height: auto; padding: 0 .14rem; font-size: .24rem; line-height: .40rem; letter-spacing: .0168rem; }
.md-pgrid { width: 3.70rem; flex-direction: column; gap: .20rem; }
.md-pcard { width: 3.70rem; gap: .16rem; padding: calc(.24rem + .03rem) calc(.20rem + .03rem); }
.md-pcard__pill { height: .44rem; padding: 0 .28rem; font-size: .20rem; line-height: .34rem; letter-spacing: .022rem; }
.md-pcard__b { gap: .20rem; }
.md-pcard__t { gap: .04rem; }
.md-pcard__h, .md-pcard__h--s { height: auto; gap: .08rem; font-size: .17rem; line-height: .28rem; letter-spacing: .0119rem; white-space: normal; }
.md-pcard__h::before { width: .10rem; height: .115rem; }
.md-pcard__s { height: auto; font-size: .13rem; line-height: .22rem; letter-spacing: .0195rem; white-space: normal; }
.md-pcard__img { width: 3.18rem; height: 1.7867rem; border-radius: .10rem; }
.md-pcard__more { gap: .10rem; margin-top: 0; font-size: .14rem; line-height: .22rem; letter-spacing: .021rem; }
.md-pcard__more::after { width: .24rem; height: .24rem; }
.md-pcard__more--w > span { width: auto; }
.md-rule { width: 3.70rem; }
.md-own { gap: .28rem; margin-top: .48rem; }
.md-own__head { width: 3.70rem; gap: .12rem; }
.md-own__head p { font-size: .14rem; line-height: .26rem; letter-spacing: .014rem; white-space: normal; }
.md-mgrid { width: 3.70rem; flex-direction: column; gap: 0; }
.md-mgrid::before, .md-mgrid::after { content: none; }
.md-mcell { width: 3.70rem; gap: .16rem; padding: .24rem 0; }
.md-mcell + .md-mcell { box-shadow: inset 0 .01rem 0 #fff; }
.md-mcell__t, .md-mcell__top { width: 100%; }
.md-mcell__top { align-items: flex-end; justify-content: space-between; gap: .12rem; }
.md-mcell__kind { width: auto; }
.md-mcell__kind b { height: .36rem; padding: 0 .20rem; font-size: .15rem; line-height: .26rem; letter-spacing: .0165rem; }
.md-mcell__num { width: auto; gap: .04rem; }
.md-mcell__num b { height: .40rem; font-size: .52rem; line-height: .90rem; }
.md-mcell__num span { height: .24rem; font-size: .22rem; line-height: .40rem; }
.md-mcell__name { height: auto; margin-top: .12rem; font-size: .20rem; line-height: .30rem; letter-spacing: .014rem; white-space: normal; }
.md-mcell__desc { width: auto; height: auto; margin-top: .06rem; font-size: .14rem; line-height: .26rem; letter-spacing: .021rem; }
.md-mcell__btns { width: auto; gap: .10rem; }
.md-mcell__btns a { padding: .06rem .16rem; font-size: .13rem; line-height: .24rem; letter-spacing: .0143rem; }
.md-mcell__btns a::after { width: .16rem; height: .16rem; }
.md-popular { margin-top: .56rem; }