@charset "UTF-8";

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

.title-new-icon {
	color: #F50909;
	padding-right: .5em;
}


.caption-r {
	text-align: right;
}

/* COCORO HOMEとCOCORO KITCHENの注釈 */
.healsio-caption-area {
	padding: 2rem 1em;
	border: 1px solid #959595;
}

.healsio-caption {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 2rem;
}

.healsio-caption:nth-of-type(2) {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--light-gray);
}


.healsio-text-area {
	flex: 1 0;
}

.healsio-caption em {
	font-weight: bold;
}

.healsio-caption p {
	margin-top: 1em;
	font-size: 1.4rem;
}

.cocoro-logo {
	inline-size: 25%;
	text-align: center;
}

.cocoro-logo img {
	inline-size: 100%;
	max-inline-size: 100px;
}

/* youtube */

.thumb-healsio-busy {
	background: url(images/bnr-movie01.jpg) no-repeat center center / cover;
}

.thumb-healsio-lazy {
	background: url(images/bnr-movie02.jpg) no-repeat center center / cover;
}

.thumb-ai {
	background: url(images/bnr-movie03.jpg) no-repeat center center / cover;
}

/* ====================================
	ホバーが有効な環境のみ
===================================== */
@media (hover:hover) and (pointer: fine) {}

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

	/* COCORO HOMEとCOCORO KITCHENの注釈 */
	.healsio-caption {
		justify-content: center;
	}

	.healsio-text-area {
		margin-top: 1em;
		flex: 1 1 auto;
	}
	
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (width >=768px) {}

/* ====================================
	タブレット専用スタイル（768px～1080px）
===================================== */
@media screen and (768px <=width < 1080px) {}