@charset "UTF-8";


	
	
/* lc
--------------------- */
#lc .bnr {
	border: solid 1px #ddd;
	border-radius: calc(20 * var(--vw-ratio));
	padding: calc(30 * var(--vw-ratio));
	text-align: center;
}
	#lc .bnr img {
		width:  calc(600 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#lc .bnr img {
		width: 100%;
	}
}


	
	
/* characteristics
--------------------- */
#characteristics .area {
	padding: 0 calc(50 * var(--vw-ratio));
	margin-bottom: calc(45 * var(--vw-ratio));
}
	#characteristics .area .head-tit {
		padding-right: calc(210 * var(--vw-ratio));
	}
		#characteristics .area .head-tit h2 {
			font-size: calc(40 * var(--vw-ratio));
			line-height: calc(56 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		#characteristics .area .head-tit .en {
			line-height: 1;
		}
@media screen and (max-width: 767px) {
	#characteristics .area {
		padding: 0;
		margin-bottom: calc(30 * var(--vw-ratio));
	}
		#characteristics .area .head-tit {
			padding-right: 0;
			margin-bottom: calc(30 * var(--vw-ratio));
		}
			#characteristics .area .head-tit h2 {
				font-size: calc(30 * var(--vw-ratio));
				line-height: calc(40 * var(--vw-ratio));
				margin-bottom: calc(15 * var(--vw-ratio));
			}
	
	#characteristics .pht {
		width: 110%;
		margin-left: -5%;
	}
}


	
	
/* business-model
--------------------- */
#business-model .txt-16 {
	text-align: center;
	margin-bottom: calc(80 * var(--vw-ratio));
}

#business-model .pht {
	width: calc(860 * var(--vw-ratio));
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#business-model .txt-16 {
		text-align: left;
		margin-bottom: calc(40 * var(--vw-ratio));
	}

	#business-model .pht {
		width: 110%;
		margin-left: -5%;
		margin-right: 0;
	}
}


	
	
/* strengths
--------------------- */
#strengths .area {
	margin-top: calc(65 * var(--vw-ratio));
}
	#strengths .area .nav {
		width: calc(310 * var(--vw-ratio));
	}
		#strengths .area .nav .anchor {
			position: sticky;
			top: calc(150 * var(--vw-ratio));
			left: 0;
		}
			#strengths .area .nav .anchor a.aclink {
				display: block;
				position: relative;
				margin-bottom:  calc(35 * var(--vw-ratio));
			}
			#strengths .area .nav .anchor a.aclink:nth-last-child(1) {
				margin-bottom: 0;
			}
			#strengths .area .nav .anchor a.aclink:before {
				content: "";
				width: calc(20 * var(--vw-ratio));
				height: 100%;
				background: url("../img/common/icon_title_blue.svg") no-repeat left top / calc(20 * var(--vw-ratio));
				position: absolute;
				top: calc(1 * var(--vw-ratio));
				left: calc(-30 * var(--vw-ratio));
				opacity: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#strengths .area .nav .anchor a.aclink:hover,
			#strengths .area .nav .anchor a.aclink.active {
				color: #053D78;
			}
			#strengths .area .nav .anchor a.aclink.active:before {
				opacity: 1;
			}
				#strengths .area .nav .anchor a.aclink .txt-16 {
					display: block;
					line-height: 1;
					font-weight: 500;
					margin-bottom: calc(6 * var(--vw-ratio));
				}
				#strengths .area .nav .anchor a.aclink .txt-14 {
					display: block;
					font-weight: 500;
					line-height: calc(22 * var(--vw-ratio));
				}

	#strengths .area .contents {
		width: calc(800 * var(--vw-ratio));
	}
		#strengths .area .contents .row {
			background: #EFF3FC;
			border-radius: calc(15 * var(--vw-ratio));
			padding: calc(50 * var(--vw-ratio));
			margin-bottom: calc(60 * var(--vw-ratio));
			position: relative;
		}
		#strengths .area .contents .row:nth-last-child(1) {
			margin-bottom: 0;
		}
			#strengths .area .contents .row .head {
				line-height: 1;
				position: absolute;
				top: calc(-6 * var(--vw-ratio));
				left: calc(50 * var(--vw-ratio));
			}

			#strengths .area .contents .row .text-pht {
				margin-bottom: 0;
			}
				#strengths .area .contents .row .text-pht .text {
					width: calc(450 * var(--vw-ratio));
				}
					#strengths .area .contents .row .text-pht .text h3 {
						font-size: calc(24 * var(--vw-ratio));
						line-height: calc(35 * var(--vw-ratio));
						margin-bottom: calc(15 * var(--vw-ratio));
					}

					#strengths .area .contents .row .text-pht .text .txt-15 {
						margin-bottom: calc(25 * var(--vw-ratio));
						letter-spacing: 0.06em;
					}

			#strengths .area .contents .row .aeo {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: calc(50 * var(--vw-ratio));
				padding: calc(40 * var(--vw-ratio));
				border-radius: calc(15 * var(--vw-ratio));
				background: #fff;
			}
				#strengths .area .contents .row .aeo .text {
					width: calc(454 * var(--vw-ratio));
				}
					#strengths .area .contents .row .aeo .text h4 {
						margin-bottom: calc(10 * var(--vw-ratio));
					}

				#strengths .area .contents .row .aeo .logo {
					width: calc(130 * var(--vw-ratio));
				}

			#strengths .area .contents .row .zu {
				margin-top: calc(50 * var(--vw-ratio));
			}

			#strengths .area .contents .row .text-pht .pht {
				width: calc(300 * var(--vw-ratio));
				margin-right: calc(-100 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#strengths .area {
		display: block;
		margin-top: calc(45 * var(--vw-ratio));
	}
		#strengths .area .nav {
			display: none;
		}

		#strengths .area .contents {
			width: 100%;
		}
			#strengths .area .contents .row {
				border-radius: calc(10 * var(--vw-ratio));
				padding: calc(30 * var(--vw-ratio));
				margin-bottom: calc(40 * var(--vw-ratio));
			}
				#strengths .area .contents .row .head {
					left: calc(30 * var(--vw-ratio));
				}

				#strengths .area .contents .row .text-pht .text {
					width: 100%;
				}
					#strengths .area .contents .row .text-pht .text h3 {
						font-size: calc(20 * var(--vw-ratio));
						line-height: calc(30 * var(--vw-ratio));
						margin-bottom: calc(12 * var(--vw-ratio));
					}

					#strengths .area .contents .row .text-pht .text .txt-15 {
						margin-bottom: calc(12 * var(--vw-ratio));
					}

				#strengths .area .contents .row .aeo {
					display: block;
					margin-top: calc(30 * var(--vw-ratio));
					padding: calc(30 * var(--vw-ratio));
					border-radius: calc(10 * var(--vw-ratio));
				}
					#strengths .area .contents .row .aeo .text {
						width: 100%;
						margin-bottom:  calc(20 * var(--vw-ratio));
					}
						#strengths .area .contents .row .aeo .text h4 {
							margin-bottom: calc(10 * var(--vw-ratio));
						}

					#strengths .area .contents .row .aeo .logo {
						width: 60%;
						margin: 0 auto;
					}

				#strengths .area .contents .row .zu {
					margin-top: calc(30 * var(--vw-ratio));
				}

				#strengths .area .contents .row .text-pht .pht {
					width: 100%;
					margin-right: 0;
				}
}