@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.bg-gray {
	background: #a0a0a0;
	color: #fff;
}

.caption-r {
	font-size: 1.2rem;
	text-align: right;
}

.ttl-color-area {
	margin-bottom: 2rem;
	padding: 0.3em;
	text-align: center;
	font-size: 1.6rem;
}

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

	/* 個別スタイル */
	#sub01 .img-container .text {
		font-size: 1.2rem;
		text-align: center;
	}

	#sub01 .img-container .title-text {
		font-size: 1.4rem;
		text-align: center;
		margin-top: 0.2em;
	}

}

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

	/* 個別スタイル */
	#sub01 .img-container .text {
		font-size: 1.4rem;
		text-align: center;
	}

	#sub01 .img-container .title-text {
		font-size: 1.6rem;
		text-align: center;
		margin-top: 0.2em;
	}

}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media only screen and (min-width: 768px) and (max-width: 1199px) {}

/* ====================================
	PC大画面専用スタイル
===================================== */
@media only screen and (min-width: 1200px) {}