@charset "UTF-8";

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

.caption-r {
  font-size: 1.2rem;
  margin-top: 0.5em;
  text-align: right;
}

/* COCORO AIRロゴマーク */
.flex-container:has(.cocoro-air) {
	row-gap: 2rem;
}

.cocoro-air {
	margin-inline: auto;
	max-inline-size: 240px;
}

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

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

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {
/* COCORO AIRロゴマーク */
	.flex-container:has(.cocoro-air) {
		column-gap: 4rem;
	}

	.cocoro-text {
		flex: 1 0;
	}
}