@charset "UTF-8";

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


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

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

.pci-logo sup {
	position: absolute;
	top: 61%;
	right: 15%;
}

.flex-container.column2 {
	row-gap: 5rem;
}

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

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@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: 45%;
		right: 18%;
	}

	.flex-container.column2>.flex-item {
		inline-size: 48%;
	}


}