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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


	.sub_bg{
		background-image:url("../img/header_bg.jpg");
		}

	.h_text{
		text-align:center;
		font-weight:bold;
		}

	.scroll-table {
		overflow-x: auto;
		white-space: nowrap;
		margin-top: 40px;
	}

	.scroll-table table {
		border-collapse: collapse;
		font-size: 96%;
	}

	.scroll-table table th,
	.scroll-table table td{
		padding: 0.2em 0.5em;
		border: 1px solid;
	}

	.scroll-table table th {
		min-width: 9em;
		font-feature-settings: "palt";
	}

	.table-header,
	.scroll-table table td {
		text-align: center;
	}

	.scroll-table table td ul {
		text-align: left;
		width: fit-content;
		margin: auto;
	}

	.machines{
		min-width: 14em;
	}

	.scroll-table table td li {
		list-style-type: disc;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {

	.bar{
		width: 189px;
		left: 559.890625px;
		}

	.h_text{
		margin-bottom:60px;
		font-size:116%;
		}

	.s_5_5{
		}
		.s_5_5 > div{
			}
		.s_5_5 > div:nth-of-type(1){
			float:left;
			width:380px;
			}
		.s_5_5 > div:nth-of-type(2){
			float:right;
			width:480px;
			}
			.s_5_5 > div figure{
				}
			.s_5_5 > div figure:nth-of-type(2){
				margin-top:25px;
				padding-top:25px;
				border-top:1px solid #b8c6dd;
				}
				.s_5_5 > div figure img{
					float:right;
					}
				.s_5_5 > div figure figcaption{
					float:left;
					}
				.s_5_5 > div figure h3{
					font-size:129%;
					color:#003589;
					}
				.s_5_5 > div figure p{
					font-size:115%;
					font-weight:bold;
					}

}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {

	.h_text{
		margin-bottom:37px;
		}

	.s_5_5{
		}
		.s_5_5 > div{
			}
		.s_5_5 > div:nth-of-type(1){
			width:100%;
			}
			.s_5_5 > div:nth-of-type(1) img{
				width:100%;
				}
		.s_5_5 > div:nth-of-type(2){
			margin-top:40px;
			width:100%;
			}
			.s_5_5 > div figure{
				}
			.s_5_5 > div figure:nth-of-type(2){
				margin-top:25px;
				padding-top:15px;
				border-top:1px solid #b8c6dd;
				}
				.s_5_5 > div figure img{
					width:100%;
					margin-top:10px;
					}
				.s_5_5 > div figure h3{
					font-size:129%;
					color:#003589;
					}
				.s_5_5 > div figure p{
					font-size:115%;
					font-weight:bold;
					}

}