@charset "utf-8";

@media screen and (max-width: 640px) {

/*============================
.md_container
============================*/

.md_container { padding: 0 var(--space-md); }

/*============================
.md_secHead（セクションの見出し）
============================*/

.md_secHead { grid-template-columns: minmax(0, 1fr); gap: var(--space-md); margin-bottom: 2.25rem; }
.md_lead { padding-left: var(--space-md); font-size: var(--fs-md); }

/*============================
.md_pager（前後の記事）
============================*/

.md_pager { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.md_pager .back { grid-row: 2; grid-column: 1 / -1; justify-self: center; }
.md_pager .empty { display: none; }
.md_pager .prev { grid-row: 1; grid-column: 1; }
.md_pager .next { grid-row: 1; grid-column: 2; }

/*============================
.md_talk（お問い合わせ）
============================*/

.md_talk { padding: 5rem 0; }
.md_talk .grid { grid-template-columns: 1fr; gap: 2.5rem; }
.md_talk .title { font-size: clamp(1.0625rem, 4.9vw, 1.375rem); letter-spacing: .02em; }

/*============================
br
============================*/

.md_br_sp { display: inline; }
.md_br_pc { display: none; }

/*============================
.md_caseArt
============================*/

/* SPでは上側だけに見せる */
.md_caseArt.isBg { -webkit-mask-image: linear-gradient(180deg, var(--color-black) 0, transparent 7rem); mask-image: linear-gradient(180deg, var(--color-black) 0, transparent 7rem); }

}