@charset "UTF-8";


	
	
/* pagetitle-business
--------------------- */
#pagetitle-business {
	padding-top: calc(96 * var(--vw-ratio));
	margin-bottom: calc(140 * var(--vw-ratio));
	position: relative;
}
	#pagetitle-business .breadcrumb {
		color: #1481C2;
		text-align: right;
		padding-bottom: calc(20 * var(--vw-ratio));
	}
		#pagetitle-business .breadcrumb span {
			font-size: calc(12 * var(--vw-ratio));
		}
		#pagetitle-business .breadcrumb a {
			font-size: calc(12 * var(--vw-ratio));
			text-decoration: underline;
			color: #282727;
		}
		#pagetitle-business .breadcrumb a:hover {
			text-decoration: none;
		}
		#pagetitle-business .breadcrumb .current-item {
			color: #282727;
		}

	#pagetitle-business .area .text {
		width: 45%;
	}
		#pagetitle-business .area  .text .en {
			line-height: 1;
			margin-bottom: calc(5 * var(--vw-ratio));
		}

		#pagetitle-business .area  .text h1 {
			font-size: calc(40 * var(--vw-ratio));
			line-height: 1.3em;
			margin-bottom: calc(40 * var(--vw-ratio));
		}

		#pagetitle-business .area .text h2 {
			font-size: calc(40 * var(--vw-ratio));
			margin-bottom: calc(40 * var(--vw-ratio));
			line-height: 1.7em;
		}
			#pagetitle-business .area .text h2 span {
				display: inline-block;
				padding: calc(10 * var(--vw-ratio));
				background: #282727;
				color: #fff;
				line-height: 1;
			}

	#pagetitle-business .area .pht {
		width: 47%;
		height: calc(616 * var(--vw-ratio));
		border-radius: calc(5 * var(--vw-ratio));
	}
		#pagetitle-business .area .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#pagetitle-business .marquee {
		display: flex;
		width: 100%;
		overflow: hidden;
		color: #F5F5F5;
		position: absolute;
		bottom: calc(-15 * var(--vw-ratio));
		left: 0;
		z-index: -1;
	}
		#pagetitle-business .marquee .marquee__item {
			flex: 0 0 auto;
			overflow: hidden;
			font-size: calc(150 * var(--vw-ratio));
			font-weight: 700;
			white-space: nowrap;
			line-height: 1;
			padding-right: calc(20 * var(--vw-ratio));
		}
		#pagetitle-business .marquee .marquee__item:nth-child(odd) {
			animation: loop 100s -50s linear infinite;
		}
		#pagetitle-business .marquee .marquee__item:nth-child(even) {
			animation: loop2 100s linear infinite;
		}
		@keyframes loop {
			0% {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-100%);
			}
		}
		@keyframes loop2 {
			0% {
				transform: translateX(0);
			}
			to {
				transform: translateX(-200%);
			}
		}
@media screen and (max-width: 767px) {
	#pagetitle-business {
		padding-top: calc(80 * var(--vw-ratio));
		margin-bottom: calc(80 * var(--vw-ratio));
	}
		#pagetitle-business .breadcrumb {
			overflow-x: scroll;
			white-space: nowrap;
		}
			#pagetitle-business .breadcrumb span {
				font-size: calc(11 * var(--vw-ratio));
			}
			#pagetitle-business .breadcrumb a {
				font-size: calc(11 * var(--vw-ratio));
			}

		#pagetitle-business .area {
			display: block;
		}
			#pagetitle-business .area .text {
				width: 100%;
				padding-bottom: calc(60 * var(--vw-ratio));
			}
				#pagetitle-business .area  .text h1 {
					font-size: calc(34 * var(--vw-ratio));
					margin-bottom: calc(20 * var(--vw-ratio));
				}

				#pagetitle-business .area .text h2 {
					font-size: calc(26 * var(--vw-ratio));
					margin-bottom: calc(20 * var(--vw-ratio));
					line-height: 1.9em;
				}
					#pagetitle-business .area .text h2 span {
						padding: calc(8 * var(--vw-ratio));
					}

			#pagetitle-business .area .pht {
				border-radius: 0 calc(5 * var(--vw-ratio)) calc(5 * var(--vw-ratio)) 0;
				width: -webkit-calc(100% + calc(60 * var(--vw-ratio)));
				width: calc(100% + calc(60 * var(--vw-ratio)));
				margin-left: calc(-60 * var(--vw-ratio));
				height: auto;
			}

		#pagetitle-business .marquee {
			bottom: calc(245 * var(--vw-ratio));
			z-index: 2;
		}
			#pagetitle-business .marquee .marquee__item {
				font-size: calc(100 * var(--vw-ratio));
			}
}


	
	
/* facility
--------------------- */
.facility .row {
	margin-top: calc(50 * var(--vw-ratio));
}
	.facility .row .pht {
		width: 32%;
		border-radius: calc(5 * var(--vw-ratio));
	}

	.facility .row .text {
		width: 64%;
	}
		.facility .row .text .en {
			line-height: 1;
			margin-bottom: calc(15 * var(--vw-ratio));
		}

		.facility .row .text h4 {
			font-size: calc(23 * var(--vw-ratio));
			line-height: 1.3em;
			margin-bottom: calc(18 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	.facility .row {
		display: block;
		margin-top: calc(40 * var(--vw-ratio));
	}
		.facility .row .pht {
			width: 100%;
			border-radius: calc(5 * var(--vw-ratio));
		}

		.facility .row .text {
			width: 100%;
			margin-top: calc(20 * var(--vw-ratio));
		}
			.facility .row .text .en {
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			.facility .row .text h4 {
				font-size: calc(20 * var(--vw-ratio));
				margin-bottom: calc(15 * var(--vw-ratio));
			}
}


	
	
/* data
--------------------- */
#data .list {
	margin-bottom: calc(60 * var(--vw-ratio));
}
	#data .list dl {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#data .list dl dt {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 12%;
			font-weight: 500;
			padding: calc(30 * var(--vw-ratio)) 0 calc(30 * var(--vw-ratio))  calc(20 * var(--vw-ratio));
			border-top: solid 1px #282727;
		}
		#data .list dl dd {
			width: 88%;
			padding: calc(30 * var(--vw-ratio))  0 calc(30 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			border-top: solid 1px #ddd;
		}
		#data .list dl:nth-last-child(1) dt {
			border-bottom: solid 1px #282727;
		}
		#data .list dl:nth-last-child(1) dd {
			border-bottom: solid 1px #ddd;
		}

#data ul.pht-list li {
	width: 18.4%;
	border-radius: calc(5 * var(--vw-ratio));
	margin-right: 2%;
}
#data ul.pht-list li:nth-child(5n) {
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	#data .list {
		margin-bottom: calc(30 * var(--vw-ratio));
	}
		#data .list dl {
			display: block;
		}
			#data .list dl dt {
				display: block;
				width: 100%;
				font-weight: 500;
				padding: calc(30 * var(--vw-ratio)) 0 calc(12 * var(--vw-ratio))  0;
				border-top: solid 1px #ddd;
			}
			#data .list dl dd {
				width: 100%;
				padding: 0  0 calc(30 * var(--vw-ratio)) 0;
				border-top: none;
			}
			#data .list dl:nth-last-child(1) dt {
				border-bottom: none;
			}

	#data ul.pht-list li {
		width: 48%;
		border-radius: calc(5 * var(--vw-ratio));
		margin-top: 4%;
		margin-right: 4%;
	}
	#data ul.pht-list li:nth-child(2n) {
		margin-right: 4%;
	}
	#data ul.pht-list li:nth-child(2n) {
		margin-right: 0;
	}
}


	
	
/* strengths
--------------------- */
#strengths .list .box {
	width: 32.5%;
}
	#strengths .list .box .pht {
		border-radius: calc(5 * var(--vw-ratio));
	}

	#strengths .list .box .text {
		padding: 0 calc(15 * var(--vw-ratio)) 0 calc(15 * var(--vw-ratio));
	}
		#strengths .list .box .text .head {
			width: calc(134 * var(--vw-ratio));
			height: calc(34 * var(--vw-ratio));
			border-radius: calc(5 * var(--vw-ratio));
			margin: calc(-17 * var(--vw-ratio)) auto calc(18 * var(--vw-ratio)) auto;
			background: #1481C2;
			text-align: center;
			color: #fff;
			line-height: calc(34 * var(--vw-ratio));
			position: relative;
			z-index: 2;
		}

		#strengths .list .box .text h3 {
			font-size: calc(26 * var(--vw-ratio));
			text-align: center;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(18 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#strengths .list {
		display: block;
	}
		#strengths .list .box {
			width: 100%;
			margin-bottom: calc(35 * var(--vw-ratio));
		}
		#strengths .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#strengths .list .box .text {
				padding: 0 calc(25 * var(--vw-ratio)) 0 calc(25 * var(--vw-ratio));
			}
				#strengths .list .box .text .head {
					margin: calc(-17 * var(--vw-ratio)) auto calc(15 * var(--vw-ratio)) auto;
				}

				#strengths .list .box .text h3 {
					font-size: calc(24 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
}


	
	
/* workflow
--------------------- */
#workflow .list .box {
	width: 18.5%;
	border-radius: calc(5 * var(--vw-ratio));
	background: #fff;
	padding: calc(25 * var(--vw-ratio));
}
	#workflow .list .box .en {
		text-align: center;
		text-decoration: underline;
		margin-bottom: calc(12 * var(--vw-ratio));
	}

	#workflow .list .box h3 {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(54 * var(--vw-ratio));
		line-height: 1.3em;
		text-align: center;
		margin-bottom: calc(12 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#workflow .list {
		display: block;
	}
		#workflow .list .box {
			width: 100%;
			padding: calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
			margin-bottom: calc(15 * var(--vw-ratio));
		}
			#workflow .list .box .en {
				text-align: left;
			}

			#workflow .list .box h3 {
				display: block;
				height: auto;
				text-align: left;
			}
}


	
	
/* products
--------------------- */
#products .row {
	margin-bottom: calc(70 * var(--vw-ratio));
}
#products .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#products .row .list .box {
		width: 32.5%;
	}
		#products .row .list .box .pht {
			border-radius: calc(5 * var(--vw-ratio));
		}

		#products .row .list .box .txt-16 {
			text-align: center;
			margin-top: calc(12 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#products .row {
		margin-bottom: calc(40 * var(--vw-ratio));
	}
		#products .row .list {
			display: block;
		}
			#products .row .list .box {
				width: 100%;
				margin-bottom: calc(20 * var(--vw-ratio));
			}
			#products .row .list .box:nth-last-child(1) {
				margin-bottom: 0;
			}
}