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

/*==========================
据付及び艤装工事の合理化を実現
==========================*/
.rationalization{
	background-color: #e5f1f9;
	padding: 10px;
	margin-bottom: 0;
}
.rationalization dl,
.rationalization dd{ margin-bottom: 0;}
.rationalization dt{ margin-bottom: 5px;}

/*==========================
J型舵取機要目表
==========================*/
/*左側に余白*/
.l_space{
	border-left: #fff 10px solid !important;
}
.l_space .l_border{
	position: relative;
	display: block;
}
.l_space .l_border::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	background-color: #969696;
	z-index: 2;
}
.grytable_s th.l_space .l_border::after{
	top: -20px;
	height: 120px;
}
.grytable_s td.l_space .l_border::after{
	top: -5px;
	height: 28px;
}
.r_border{
	position: relative;
	display: block;
}
.r_border::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	background-color: #969696;
	z-index: 2;
}
.grytable_s th .r_border::after{
	top: -15px;
	height: 85px;
}
.grytable_s td .r_border::after{
	top: -5px;
	height: 28px;
}
@media (min-width: 992px) {
	.l_space .l_border::after{ left: -5px;}
	.r_border::after{ right: -5px;}
}
@media (max-width: 991px) {
	.l_space .l_border::after{ left: -7px;}
	.r_border::after{ right: -7px;}
}

/*別方式*/
.alternative_method h5{
	color: #7991ad;
	font-size: 1rem;
	text-align: center;
}
.methodbox{
	border: #7991ad 1px solid;
	padding: 15px;
}
@media (max-width: 991px) {
	.jtype{ margin-bottom: 30px;}
}