@charset "UTF-8";


	

	
/* pagetitle
--------------------- */
#pagetitle.business {
	background: url("../img/business/pagetitle_pht.webp") no-repeat center / cover;
}


	

	
/* business-area
--------------------- */
.business-area .b-title {
	width: 40%;
}
	.business-area .b-title .area {
		position: sticky;
		top: 100px;
		left: 0;
	}
		.business-area .b-title .area .head {
			font-size: 1.8rem;
			font-weight: 500;
			line-height: 1;
			margin-bottom: 15px;
			position: relative;
			z-index: -1;
		}
		.business-area .b-title .area .head::before {
			content: "";
			width: 100%;
			height: 1px;
			background: #002153;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -0.5px;
		}
			.business-area .b-title .area .head span {
				background: #fff;
				padding-right: 15px;
				position: relative;
				z-index: 2;
			}

		.business-area .b-title .area h2 {
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 20px;
		}

		.business-area .b-title .area h3 {
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.4em;
			margin-bottom: 15px;
		}

		.business-area .b-title .area .txt {
			margin-bottom: 40px;
		}

		.business-area .b-title .area .pht {
			margin-left: -33%;
		}


.business-area .content {
	width: 51%;
}
	.business-area .content h3 {
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1;
	}

	.business-area .content .set {
		background: #EBF7FC;
		margin-top: 30px;
		padding: 40px;
	}
		.business-area .content .set .row {
			margin-bottom: 28px;
			padding-bottom: 28px;
			border-bottom: dashed 1px #ddd;
		}
		.business-area .content .set .row:nth-last-child(1) {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
			.business-area .content .set .row h4 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 15px;
			}

			.business-area .content .set .row h5 {
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 10px;
			}
				.business-area .content .set .row h5 .en {
					font-size: 2.0rem;
					padding-right: 7px;
				}

			.business-area .content .set .row ul.list-icon li {
				font-size: 1.4rem;
				line-height: 1.6em;
				margin-top: 8px;
				padding-left: 18px;
				position: relative;
			}
			.business-area .content .set .row ul.list-icon li:before {
				content: "";
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #0093D7;
				position: absolute;
				top: 7px;
				left: 0;
			}
@media screen and (max-width: 1200px) {
		.business-area .b-title .area .pht {
			margin-left: -20%;
		}
}
@media screen and (max-width: 1024px) {
	.business-area .b-title {
		width: 46%;
	}
		.business-area .b-title .area {
			top: 80px;
		}
			.business-area .b-title .area .head {
				font-size: 1.8vw;
				margin-bottom: 1.5vw;
			}
				.business-area .b-title .area .head span {
					padding-right: 1.5vw;
				}

			.business-area .b-title .area h2 {
				font-size: 4.0vw;
				margin-bottom: 2vw;
			}

			.business-area .b-title .area h3 {
				font-size: 2.5vw;
				margin-bottom: 1.5vw;
			}

			.business-area .b-title .area .txt {
				margin-bottom: 4vw;
			}


	.business-area .content {
		width: 46%;
	}
		.business-area .content h3 {
			font-size: 2.6vw;
		}

		.business-area .content .set {
			margin-top: 3vw;
			padding: 4vw;
		}
			.business-area .content .set .row {
				margin-bottom: 2.8vw;
				padding-bottom: 2.8vw;
			}
				.business-area .content .set .row h4 {
					font-size: 2.4vw;
					margin-bottom: 1.5vw;
				}

				.business-area .content .set .row h5 {
					font-size: 1.6vw;
					margin-bottom: 1vw;
				}
					.business-area .content .set .row h5 .en {
						font-size: 2.0vw;
						padding-right: 0.7vw;
					}

				.business-area .content .set .row ul.list-icon li {
					font-size: 1.4vw;
					margin-top: 0.8vw;
					padding-left: 1.8vw;
				}
				.business-area .content .set .row ul.list-icon li:before {
					width: 1vw;
					height: 1vw;
					top: 0.7vw;
				}
}
@media screen and (max-width: 767px) {
	.business-area .inner {
		display: block;
	}
		.business-area .b-title {
			width: 100%;
		}
			.business-area .b-title .area {
				top: 0;
				position: static;
			}
				.business-area .b-title .area .head {
					font-size: 3.8vw;
					margin-bottom: 3vw;
				}
					.business-area .b-title .area .head span {
						padding-right: 3vw;
					}

				.business-area .b-title .area h2 {
					font-size: 8.0vw;
					margin-bottom: 4vw;
				}

				.business-area .b-title .area h3 {
					font-size: 5.4vw;
					margin-bottom: 3vw;
				}

				.business-area .b-title .area .txt {
					margin-bottom: 8vw;
				}
	
				.business-area .b-title .area .pht {
					margin-left: -8%;
				}


		.business-area .content {
			width: 100%;
			padding-top: 10vw;
		}
			.business-area .content h3 {
				font-size: 5.4vw;
			}

			.business-area .content .set {
				margin-top: 6vw;
				padding: 6vw;
			}
				.business-area .content .set .row {
					margin-bottom: 5vw;
					padding-bottom: 5vw;
				}
					.business-area .content .set .row h4 {
						font-size: 4.4vw;
						margin-bottom: 3vw;
					}

					.business-area .content .set .row h5 {
						font-size: 3.8vw;
						margin-bottom: 2vw;
					}
						.business-area .content .set .row h5 .en {
							font-size: 4.2vw;
							padding-right: 2vw;
						}

					.business-area .content .set .row ul.list-icon li {
						font-size: 3.5vw;
						margin-top: 1.6vw;
						padding-left: 3.5vw;
					}
					.business-area .content .set .row ul.list-icon li:before {
						width: 2vw;
						height: 2vw;
						top: 1.7vw;
					}
}