@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
#sub01 .movie-container {
	margin-top: 4rem;
}

.thumb-pci {
	background: url('images/movie01.jpg') no-repeat center center/cover;
}

/* プラズマクラスター注釈 */
.pci-caption {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2rem;
	border: 1px solid #959595;
	padding: 2rem 1em;
}

.pci-logo {
	inline-size: 16%;
	text-align: center;
}

.pci-logo img {
	inline-size: 50px;
} 

.pci-text {
	flex: 1 0;
}

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

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

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {
	/* プラズマクラスター注釈 */
.pci-caption {
	column-gap: unset;
}
}