@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.table-c22{
border-collapse:separate;
border-spacing: 3px;
width: 100%;
max-width: 800px;
font-size: 1.4rem;
}
.table-c22 th{
	text-align: center !important;
	background-color: #005aa0;
	color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.table-c22 td{
	text-align: center !important;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #efefef;
}
.table-c22.w50p td {
	width: 50%;
}
.table-c22.w33p td {
	width: 33.333%;
}


/* 適合表 */

h5 {
	font-size: 100%;
}

.col_block {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
	margin-bottom: 30px;
}
.col_block > div {
	width: 130px;
	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 only screen and (max-width: 767px) {
.table-c22{
font-size: 1.2rem;
}
.table-c22 td:nth-child(2n){
    text-align: left;
    margin-right: auto;
    justify-content: left;
}
.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 (min-width: 768px) {

}