@charset "UTF-8";

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

.pci-container {
	display: flex;
	flex-wrap: wrap;
	row-gap: 4rem;
}

.pci-text {
	inline-size: 100%;
}

.pci-logo {
	inline-size: 100%;
	max-inline-size: 340px;
	margin-inline: auto;
	position: relative;
}

.pci-logo sup {
	position: absolute;
	top: 55%;
	right: 18%;
}

.jissyo {
	padding: .25em .5em;
	font-size: 1.4rem;
	border: solid 1px #000;
}

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

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

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

	/* プラズマクラスター */
	.pci-text {
		flex: 1 0;
	}

	.pci-logo {
		inline-size: 340px;
	}

	.pci-logo sup {
		top: 50%;
		right: 18%;
	}

	.flex-container.column2 .sub-item .text-container {
		flex-grow: unset;
	}
}