@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */

.section-title+.sub-item {
	margin-top: unset;
}

/* GENTLEモードの注釈 */
.caption-child {
	padding: 1rem;
	border: 1px solid black;
	font-size: 1.2rem;
}

/* ７つのドライモード本文リスト */
.mode-list li {
	padding-bottom: 2rem;
}

.mode-list li:last-child {
	padding-bottom: 0;
}

/* コラム：たまひよ */
.column {
	margin-top: 0;
	padding: 4rem 10%;
}

.column-title {
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
}

.column-intro {
	padding: 3rem 0;
	border-bottom: 1px solid #707070;
}

.column-logo {
	margin-top: 4rem;
	text-align: center;

	img {
		inline-size: 160px;
	}
}

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

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {

	/* コラム：たまひよ */
	.column {
		margin-top: 0;
		padding: 4rem 4rem;
	}

	.column-title {
		font-size: 2rem;
		font-weight: 500;
		text-align: center;
	}

	.column-intro {
		display: flex;
		align-items: center;
		padding: 3rem 0;
		border-bottom: 1px solid #707070;
	}

	.column-text-wrap {
		inline-size: 50%;
	}

	.column-logo {
		margin-top: 0;
		inline-size: 50%;
		text-align: center;

		img {
			inline-size: 160px;
		}
	}
}