@charset "utf-8";
/* CSS Document */

/*==========================
文字色
==========================*/
.fc_mariner{
	color: #cb0202;
	font-weight: bold;
}
.fc_mariner small{
	color: #000;
	display: block;
}
.fc_rudder{
	color: #2b5f9e;
	font-weight: bold;
}

/*==========================
特性とその効果 比較
==========================*/
.comparison{
	margin-top: 40px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.comparisonbox p{ font-size: 0.9rem;}
}

/*==========================
試験
==========================*/
@media (min-width: 991px) {
	#wt_test table td{ padding-bottom: 190px;}
}
@media (min-width: 768px) {
	.graphbox{ position: relative;}
	.graphbox .graph_data{
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.graphbox .wt_test_data{
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
}
@media (max-width: 991px) {
}
@media (min-width: 767px) and (max-width: 991px) {
	#wt_test table td{ padding-bottom: 100px;}
	.graphbox .graph_data img,
	.graphbox .wt_test_data img{ max-height: 50px;}
}
@media (max-width: 767px) {
	#turning table td{ width: 50%;}
	.graphbox .graph_data,
	.graphbox .wt_test_data{ margin-top: 10px;}
	.graphbox .graph_data img,
	.graphbox .wt_test_data img{ max-height: 35px;}
}

/*==========================
English table
==========================*/
@media (min-width: 992px) {
	.mariner_rudder table th.item{ width: 315px;}
	.mariner_rudder table th.rudder{ width: 190px;}
}
@media (min-width: 768px) {
	.mariner_rudder table th{
		padding: .4rem;
		vertical-align: middle;
	}
}