@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
.list-tsukekae .text {
	font-size: 1.6rem; 
	font-weight: 500;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {
	.list-tsukekae>li {
		display: block; /* display: flex を打ち消し、要素を縦に並べる */
	}
	.list-tsukekae .img {
			width: 60%;
			margin: 0 auto; 
	}
	.list-tsukekae p {
		text-align: center;
	}
	
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {
	.list-tsukekae>li {
		width: 27%;
	}

}