@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#table {
	width: 100%;
	padding: 0px 0px 180px;
}
	.table-topimage {
		width: 100%;
		height: 380px;
		margin: auto auto 45px;
		background-image: url(/image/table/table-topimage.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.table--inner {
		width: 80%;
		max-width: 1100px;
		margin: auto auto;
	}
		.table--inner .section-heading {
			width: 100%;
			margin: auto auto 80px;
			text-align: center;
		}
		.to_table {
			width: 100%;
			height: auto;
			margin: auto auto 40px;
			position: relative;
		}
			.to_table-bk_image {
				width: 100%;
				height: auto;
			}
				.to_table-bk_image img {
					width: 100%;
					height: auto;
				}

			.to_table-step {
				width: 54.5%;
				height: auto;
				position: absolute;
			}
				.step-inner {
					width: 100%;
				}
					.step-heading {
						width: 100%;
						padding-left: 55px;
						margin-bottom: 7px;
						font-family: 'shippori-antique', sans-serif;
						font-size: 24px;
						font-weight: 500;
						color: #000000;
						position: relative;
					}
						.step-heading:before {
							display: block;
							width: 43px;
							height: 43px;
							border-radius: 50%;
							background-color: #BEA76D;
							font-size: 20px;
							text-align: center;
							line-height: 43px;
							color: #ffffff;
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
							-webkit-transform: translate(0%,-50%);
						}
					.step-image {
						display: none;
					}
					.step-details {
						width: 100%;
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						text-align: justify;
					}
			.to_table-step1 {
				top: 5px;
				right: 5.4%;
			}
				.to_table-step1 .step-heading:before {
					content: '1';
				}
			.to_table-step2 {
				top: 25%;
				left: 3.8%;
			}
				.to_table-step2 .step-heading:before {
					content: '2';
				}
			.to_table-step3 {
				top: 45%;
				right: 4.5%;
			}
				.to_table-step3 .step-heading:before {
					content: '3';
				}
			.to_table-step4 {
				top: 64%;
				left: 4.5%;
			}
				.to_table-step4 .step-heading:before {
					content: '4';
				}
			.to_table-step5 {
				top: 88%;
				right: 4.5%;
			}
				.to_table-step5 .step-heading:before {
					content: '5';
				}

		.freezing {
			width: 100%;
			padding: 45px 50px 40px;
			border-radius: 3px;
			background-color: #EFF4F8;
		}
			.freezing-inner {
				width: 100%;
				margin: auto auto;
			}
				.three_dimensions {
					width: 100%;
					padding: 23px 20px 17px;
					margin: auto auto 45px;
					border-radius: 10px;
					background-color: #ffffff;
					display: flex;
					justify-content: space-between;
				}
					.three_dimensions-details {
						width: 72%;
						font-family: 'shippori-antique', sans-serif;
						color: #000000;
					}
						.three_dimensions-heading {
							width: 100%;
							margin-bottom: 15px;
							font-size: 32px;
							line-height: 1.0;
						}
							.three_dimensions-heading span {
								font-size: 60px;
								color: #0E6DFD;
								position: relative;
							}
								.three_dimensions-heading span:after {
									content: '';
									width: 100%;
									height: 3px;
									background-color: #0E6DFD;
									position: absolute;
									bottom: 0;
									left: 0;
								}
						.three_dimensions-txt {
							width: 100%;
							font-size: 18px;
							line-height: 1.0;
							letter-spacing: 0.07em;
						}
					.three_dimensions-logo {
						width: 28%;
					}
						.three_dimensions-logo img {
							width: 100%;
							height: auto;
						}

				.refrigeration_technology {
					width: 100%;
					margin: auto auto 30px;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}
					.refrigeration_technology-details {
						width: 57.3%;
						height: auto;
						margin-top: -5px;
					}
						.refrigeration_technology-heading {
							width: 100%;
							margin: auto auto 20px;
							font-family: 'shippori-antique', sans-serif;
							font-size: 24px;
							line-height: 1.7;
							color: #0E6DFD;
						}
							.refrigeration_technology-heading span {
								position: relative;
							}
								.refrigeration_technology-heading span:after {
									content: '';
									display: block;
									width: 100%;
									height: 1px;
									background-color: #0E6DFD;
									position: absolute;
								}
						.refrigeration_technology-txt {
							width: 100%;
							line-height: 2.0;
							text-align: justify;

						}
					.refrigeration_technology-image {
						width: 38%;
						height: auto;
					}
						.refrigeration_technology-image img {
							width: 100%;
							height: auto;
						}

			.freezing-keep_in_mind {
				width: 100%;
				font-family: 'shippori-antique', sans-serif;
				font-size: 24px;
				text-align: center;
				letter-spacing: -0.026em;
			}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#table {
	width: 100%;
	padding: 0px 0px 150px;
}
	.table-topimage {
		width: 100%;
		height: 280px;
		margin: auto auto 25px;
		background-image: url(/image/table/table-topimage.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.table--inner {
		width: 100%;
		margin: auto auto;
	}
		.table--inner .section-heading {
			width: 100%;
			margin: auto auto 55px;
			text-align: center;
		}
		.to_table {
			width: 80%;
			height: auto;
			margin: auto auto 40px;
			position: relative;
		}
			.to_table-bk_image {
				display: none;
			}
			.to_table-step {
				width: 100%;
				height: auto;
				border-top: dotted 1px #CCCCCC;
			}
			.to_table-step:last-of-type {
				border-bottom: dotted 1px #CCCCCC;
			}
				.step-inner {
					width: 100%;
				}
					.step-heading {
						width: 100%;
						height: 65px;
						padding-left: 50px;
						font-family: 'shippori-antique', sans-serif;
						font-size: 20px;
						font-weight: 500;
						color: #000000;
						display: flex;
						justify-content: flex-start;
						align-items: center;
						position: relative;
					}
						.step-heading:before {
							display: block;
							width: 35px;
							height: 35px;
							border-radius: 50%;
							background-color: #BEA76D;
							font-size: 20px;
							text-align: center;
							line-height: 35px;
							color: #ffffff;
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
							-webkit-transform: translate(0%,-50%);
						}
						.to_table-step1 .step-heading:before {
							content: '1';
						}
						.to_table-step2 .step-heading:before {
							content: '2';
						}
						.to_table-step3 .step-heading:before {
							content: '3';
						}
						.to_table-step4 .step-heading:before {
							content: '4';
						}
						.to_table-step5 .step-heading:before {
							content: '5';
						}

						.step-heading span {
							width: 20px;
							height: 20px;
							position: absolute;
							top: 50%;
							right: 0;
							transform: translate(0%,-50%);
							-webkit-transform: translate(0%,-50%);
						}
						.step-heading span:before {
							content: '';
							display: inline-block;
							width: 20px;
							height: 1px;
							background-color: #BEA76D;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
						}
						.step-heading span:after {
							content: '';
							width: 1px;
							height: 20px;
							background-color: #BEA76D;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
							transition: .2s;
							-webkit-transition: .2s;
						}
						.step-heading span.spin:after {
							transform: translate(-50%,-50%) rotate(-90deg);
							-webkit-transform: translate(-50%,-50%) rotate(-90deg);
						}
					.step-image {
						display: none;
						width: 50%;
						height: auto;
						margin: auto auto 20px;
					}
						.step-image img {
							width: 100%;
							height: auto;
						}
					.step-details {
						display: none;
						width: 100%;
						padding: 0px 0px 30px;
						font-size: 16px;
						font-weight: 400;
						line-height: 2.0;
						text-align: justify;
					}

		.freezing {
			width: 100%;
			padding: 20px 0px 25px;
			border-radius: 3px;
			background-color: #EFF4F8;
		}
			.freezing-inner {
				width: 80%;
				padding: 15px 0px;
				margin: auto auto 15px;
				border-radius: 5px;
				background-color: #ffffff;
			}
				.three_dimensions {
					width: 80%;
					padding: 15px 0px 15px;
					margin: auto auto 18px;
					border-bottom: dotted 1px #CCCCCC;
					position: relative;
				}
					.three_dimensions-details {
						width: 100%;
						font-family: 'shippori-antique', sans-serif;
						color: #000000;
					}
						.three_dimensions-heading {
							width: 100%;
							margin-bottom: 10px;
							font-size: 18px;
							line-height: 1.3;
						}
							.three_dimensions-heading span {
								font-size: 32px;
								color: #0E6DFD;
							}
						.three_dimensions-txt {
							width: 100%;
							font-size: 14px;
							letter-spacing: 0.03em;
						}
					.three_dimensions-logo {
						width: 93px;
						height: auto;
						position: absolute;
						top: 0;
						right: -2%;
					}
						.three_dimensions-logo img {
							width: 100%;
							height: auto;
						}

				.refrigeration_technology {
					width: 80%;
					margin: auto auto;
				}
					.refrigeration_technology-details {
						width: 100%;
						height: auto;
					}
						.refrigeration_technology-heading {
							width: 100%;
							margin: auto auto 20px;
							font-family: 'shippori-antique', sans-serif;
							font-size: 20px;
							line-height: 1.6;
							color: #0E6DFD;
						}
							.refrigeration_technology-heading span {
								position: relative;
							}
								.refrigeration_technology-heading span:after {
									content: '';
									display: block;
									width: 100%;
									height: 1px;
									background-color: #0E6DFD;
									position: absolute;
								}
						.refrigeration_technology-txt {
							width: 100%;
							font-size: 14px;
							line-height: 2.0;
							text-align: justify;

						}
					.refrigeration_technology-image {
						width: 50%;
						height: auto;
						margin: auto auto 10px;
					}
						.refrigeration_technology-image img {
							width: 100%;
							height: auto;
						}

			.freezing-keep_in_mind {
				width: 100%;
				font-family: 'shippori-antique', sans-serif;
				font-size: 20px;
				line-height: 1.6;
				text-align: center;
				text-decoration: underline;
			}
}

/* SP ================================================== */
@media all and (max-width:559px){
#table {
	width: 100%;
	padding: 0px 0px 150px;
}
	.table-topimage {
		width: 100%;
		height: 280px;
		margin: auto auto 25px;
		background-image: url(/image/table/table-topimage.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.table--inner {
		width: 100%;
		margin: auto auto;
	}
		.table--inner .section-heading {
			width: 100%;
			margin: auto auto 55px;
			text-align: center;
		}
		.to_table {
			width: 80%;
			height: auto;
			margin: auto auto 40px;
			position: relative;
		}
			.to_table-bk_image {
				display: none;
			}
			.to_table-step {
				width: 100%;
				height: auto;
				border-top: dotted 1px #CCCCCC;
			}
			.to_table-step:last-of-type {
				border-bottom: dotted 1px #CCCCCC;
			}
				.step-inner {
					width: 100%;
				}
					.step-heading {
						width: 100%;
						height: 65px;
						padding-left: 50px;
						font-family: 'shippori-antique', sans-serif;
						font-size: 16px;
						font-weight: 500;
						color: #000000;
						display: flex;
						justify-content: flex-start;
						align-items: center;
						position: relative;
					}
						.step-heading:before {
							display: block;
							width: 35px;
							height: 35px;
							border-radius: 50%;
							background-color: #BEA76D;
							font-size: 20px;
							text-align: center;
							line-height: 35px;
							color: #ffffff;
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
							-webkit-transform: translate(0%,-50%);
						}
						.to_table-step1 .step-heading:before {
							content: '1';
						}
						.to_table-step2 .step-heading:before {
							content: '2';
						}
						.to_table-step3 .step-heading:before {
							content: '3';
						}
						.to_table-step4 .step-heading:before {
							content: '4';
						}
						.to_table-step5 .step-heading:before {
							content: '5';
						}

						.step-heading span {
							width: 20px;
							height: 20px;
							position: absolute;
							top: 50%;
							right: 0;
							transform: translate(0%,-50%);
							-webkit-transform: translate(0%,-50%);
						}
						.step-heading span:before {
							content: '';
							display: inline-block;
							width: 20px;
							height: 1px;
							background-color: #BEA76D;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
						}
						.step-heading span:after {
							content: '';
							width: 1px;
							height: 20px;
							background-color: #BEA76D;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
							transition: .2s;
							-webkit-transition: .2s;
						}
						.step-heading span.spin:after {
							transform: translate(-50%,-50%) rotate(-90deg);
							-webkit-transform: translate(-50%,-50%) rotate(-90deg);
						}
					.step-image {
						display: none;
						width: 100%;
						height: auto;
						margin: auto auto 20px;
					}
						.step-image img {
							width: 100%;
							height: auto;
						}
					.step-details {
						display: none;
						width: 100%;
						padding: 0px 0px 30px;
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						text-align: justify;
					}

		.freezing {
			width: 100%;
			padding: 20px 0px 25px;
			border-radius: 3px;
			background-color: #EFF4F8;
		}
			.freezing-inner {
				width: 93%;
				padding: 15px 0px;
				margin: auto auto 15px;
				border-radius: 5px;
				background-color: #ffffff;
			}
				.three_dimensions {
					width: 80%;
					padding: 15px 0px 15px;
					margin: auto auto 18px;
					border-bottom: dotted 1px #CCCCCC;
					position: relative;
				}
					.three_dimensions-details {
						width: 100%;
						font-family: 'shippori-antique', sans-serif;
						color: #000000;
					}
						.three_dimensions-heading {
							width: 100%;
							margin-bottom: 10px;
							font-size: 18px;
							line-height: 1.3;
						}
							.three_dimensions-heading span {
								font-size: 32px;
								color: #0E6DFD;
							}
						.three_dimensions-txt {
							width: 100%;
							font-size: 14px;
							letter-spacing: 0.03em;
						}
					.three_dimensions-logo {
						width: 93px;
						height: auto;
						position: absolute;
						top: 0;
						right: -2%;
					}
						.three_dimensions-logo img {
							width: 100%;
							height: auto;
						}

				.refrigeration_technology {
					width: 80%;
					margin: auto auto;
				}
					.refrigeration_technology-details {
						width: 100%;
						height: auto;
					}
						.refrigeration_technology-heading {
							width: 100%;
							margin: auto auto 20px;
							font-family: 'shippori-antique', sans-serif;
							font-size: 20px;
							line-height: 1.6;
							color: #0E6DFD;
						}
							.refrigeration_technology-heading span {
								position: relative;
							}
								.refrigeration_technology-heading span:after {
									content: '';
									display: block;
									width: 100%;
									height: 1px;
									background-color: #0E6DFD;
									position: absolute;
								}
						.refrigeration_technology-txt {
							width: 100%;
							font-size: 14px;
							line-height: 1.8;
							text-align: justify;

						}
					.refrigeration_technology-image {
						width: 100%;
						height: auto;
						margin: auto auto 10px;
					}
						.refrigeration_technology-image img {
							width: 100%;
							height: auto;
						}

			.freezing-keep_in_mind {
				width: 100%;
				font-family: 'shippori-antique', sans-serif;
				font-size: 20px;
				line-height: 1.6;
				text-align: center;
				text-decoration: underline;
			}
}