@charset "UTF-8";

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

.img-container.has-cap {
	position: relative;
}

.img-container.has-cap sup {
	position: absolute;
	top: 58%;
	right: 18%;
}

/* プラズマクラスターの主な効果 */
.img-container.maxw900 {
	margin-top: 2rem;
}

.jissyo {
	font-size: 1.2rem;
	border: solid 1px #000;
	margin-top: 2rem;
	padding: 1em .8em;
}

#sub03 .flex-container {
	margin-top: 2rem;
}

figcaption {
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 1em;
}

#sub03 .text {
	margin-top: 2rem;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	.btn-arrow {
		margin-top: 2rem;
	}
}

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

	/* プラズマクラスターの主な効果 */
	.img-container.maxw900 {
		margin: 10rem auto 0;
	}

	.jissyo {
		margin-top: 10rem;
	}

	#sub03 .flex-container  {
		margin-top: 6rem;
	}

	figcaption {
		font-size: 1.8rem;
	}
}