@charset "UTF-8";

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


#sub04 .right {
	width: 100%;
	text-align: right !important;
	margin-left: auto !important;
	justify-content: right !important;
}
#sub04 .right img {
	width: 100%;
	max-width: 15rem;
}

/* 適合表 */

h5 {
	font-size: 100%;
}
.col_block {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
	margin-bottom: 30px;
}
.col_block > div {
	width: 125px;
	padding: 0;
	margin-right: 3px;
	text-align: center;
}
.col_block p {
	width: 100%;
	background-color: #efefef;
	padding: 6px;
	margin-top: 3px;
	font-size: 90%;
	font-weight: 500;
}
.col_block p.ttl {
	color:#fff;
	margin-top: 10px;
}

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

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width < 768px) {
	.col_block > div {
		width : calc(25% - 3px);
	}
}
	
@media only screen and (max-width: 389px) {
	.col_block > div {
		width : calc(33.333% - 3px);
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (width >=768px) {
#sub04 .right img {
	width: 100%;
	max-width: 20rem;
}
}

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