@charset "UTF-8";


	
	
/* fv
--------------------- */
#fv {
	width: 100%;
	background: #EFF3FC;
	padding-top: calc(175 * var(--vw-ratio));
	padding-bottom: calc(155 * var(--vw-ratio));
	border-radius: 0 0 calc(60 * var(--vw-ratio)) calc(60 * var(--vw-ratio));
	overflow: hidden;
	position: relative;
}
	#fv .slider-wrap {
		position: relative;
	}
		#fv .slider-wrap ul.slider-list {
			width: calc(470 * var(--vw-ratio));
			height: calc(470 * var(--vw-ratio));
			margin: 0 auto;
			position: relative;
		}
			#fv .slider-wrap ul.slider-list li {
				width: 100%;
				opacity: 0;
				overflow: hidden;
				border-radius: 50%;
				transform: scale(0.8);
				transition: opacity 1s ease, transform 1s ease;
				position: absolute;
				top: 0;
				left: 0;
			}
			#fv .slider-wrap ul.slider-list li.active {
				opacity: 1;
				transform: scale(1);
				z-index: 2;
			}

		#fv .slider-wrap ul.slider-pagination {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			position: absolute;
			top: calc(358 * var(--vw-ratio));
			left: 0;
			z-index: 2;
		}
			#fv .slider-wrap ul.slider-pagination li {
				width: calc(8 * var(--vw-ratio));
				height: calc(8 * var(--vw-ratio));
				background: #fff;
				border-radius: 50%;
				border: solid 1px #053D78;
				margin: 0 calc(5 * var(--vw-ratio));
				transition: 0.3s;
				-webkit-transition: 0.3s;
				cursor: pointer;
				z-index: 10;
			}
			#fv .slider-wrap ul.slider-pagination li.active {
				width: calc(12 * var(--vw-ratio));
				height: calc(12 * var(--vw-ratio));
				background: #053D78;
			}

	#fv .catch-copy {
		position: absolute;
		left: 0;
		top: calc(150 * var(--vw-ratio));
	}
		#fv .catch-copy h2 {
			font-size: calc(36 * var(--vw-ratio));
			line-height: calc(50 * var(--vw-ratio));
			font-weight: 700;
			margin-bottom: calc(15 * var(--vw-ratio));
		}
		.en-US #fv .catch-copy h2{
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 600;
			line-height: calc(44 * var(--vw-ratio));
		}

		#fv .catch-copy .en {
			line-height: calc(25 * var(--vw-ratio));
			letter-spacing: 0.06em;
			font-weight: 400;
		}

	#fv .text {
		position: absolute;
		right: 0;
		top: calc(160 * var(--vw-ratio));
	}
	.en-US #fv .text {
		width: calc(300 * var(--vw-ratio));
	}

	#fv .bg-txt {
		width: 100%;
		font-size: calc(200 * var(--vw-ratio));
		text-align: center;
		overflow: hidden;
		letter-spacing: 0.04em;
		color: #fff;
		opacity: 0.7;
		position: absolute;
		left: 0;
		bottom: calc(-205 * var(--vw-ratio));
		z-index: 0;
	}

	#fv .bnr {
		width: calc(210 * var(--vw-ratio));
		height: calc(170 * var(--vw-ratio));
		background: #fff;
		border-radius: calc(15 * var(--vw-ratio));
		border: solid 1px #41536A;
		overflow: hidden;
		position: absolute;
		right: calc(30 * var(--vw-ratio));
		bottom: calc(30 * var(--vw-ratio));
	}
	.en-US #fv .bnr {
		display: none;
	}
		#fv .bnr a.close {
			display: block;
			width: calc(36 * var(--vw-ratio));
			background: #fff;
			overflow: hidden;
			border-radius: 0 calc(15 * var(--vw-ratio)) 0 calc(15 * var(--vw-ratio));
			position: absolute;
			top: 0;
			right: 0;
		}

		#fv .bnr a.link {
			display: block;
			text-align: center;
			padding-top: calc(10 * var(--vw-ratio));
		}
		#fv .bnr a.link:hover {
			opacity: 0.7;
		}
			#fv .bnr a.link img {
				width: calc(80 * var(--vw-ratio));
			}

			#fv .bnr a.link .txt-16 {
				margin-top: calc(12 * var(--vw-ratio));
				line-height: 1;
			}

	#fv .motif {
		opacity: 0;
		transform: scale(0.5) rotate(10deg);
		transform-origin: top right;
		animation: motifStretch 0.6s ease-out forwards;
		position: absolute;
		z-index: 0;
	}
	#fv .motif01 {
		width: calc(660 * var(--vw-ratio));
		top: calc(-165 * var(--vw-ratio));
		left: calc(100 * var(--vw-ratio));
		animation-delay: 0.0s;
	}
	#fv .motif02 {
		width: calc(1268 * var(--vw-ratio));
		top: calc(-1 * var(--vw-ratio));
		left: 0;
		animation-delay: 1.0s;
	}
	#fv .motif03 {
		width: calc(660 * var(--vw-ratio));
		top: calc(151 * var(--vw-ratio));
		right: calc(-340 * var(--vw-ratio));
		animation-delay: 0.4s;
	}
	@keyframes motifStretch {
	  0% {
		opacity: 0;
		transform: scale(0.5) rotate(10deg);
	  }
	  100% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
	  }
	}
@media screen and (max-width: 767px) {
	#fv {
		padding-top: calc(120 * var(--vw-ratio));
		padding-bottom: calc(50 * var(--vw-ratio));
		border-radius: 0 0 calc(30 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
	}
		#fv .slider-wrap ul.slider-list {
			width: calc(320 * var(--vw-ratio));
			height: calc(320 * var(--vw-ratio));
		}

		#fv .slider-wrap ul.slider-pagination {
			top: calc(290 * var(--vw-ratio));
			left: auto;
			right: 0;
		}
			#fv .slider-wrap ul.slider-pagination li {
				margin: 0 calc(4 * var(--vw-ratio));
			}
			#fv .slider-wrap ul.slider-pagination li.active {
				width: calc(10 * var(--vw-ratio));
				height: calc(10 * var(--vw-ratio));
			}

		#fv .catch-copy {
			margin-top: calc(10 * var(--vw-ratio));
			position: static;
		}
			#fv .catch-copy h2 {
				margin-bottom: calc(20 * var(--vw-ratio));
			}

			#fv .catch-copy .en {
				font-size: calc(12 * var(--vw-ratio));
				line-height: calc(1 * var(--vw-ratio));
			}

		#fv .text {
			margin-top: calc(35 * var(--vw-ratio));
			position: static;
		}
		.en-US #fv .text {
			width: 100%;
			margin-top: calc(25 * var(--vw-ratio));
		}

		#fv .bg-txt {
			width: 120%;
			font-size: calc(90 * var(--vw-ratio));
			font-weight: 600;
			line-height: 1;
			white-space: nowrap;
			position: static;
			margin-top: calc(-20 * var(--vw-ratio));
			margin-left: calc(-40 * var(--vw-ratio));
		}

		#fv .bnr {
			width: -webkit-calc(100% - calc(80 * var(--vw-ratio)));
       		width: calc(100% - calc(80 * var(--vw-ratio)));
			height: calc(170 * var(--vw-ratio));
			position: static;
			margin:  calc(30 * var(--vw-ratio)) auto 0 auto;
		}

		#fv .motif01 {
			width: calc(295 * var(--vw-ratio));
			top: calc(-50 * var(--vw-ratio));
			left: calc(20 * var(--vw-ratio));
		}
		#fv .motif02 {
			width: calc(575 * var(--vw-ratio));
			top: calc(100 * var(--vw-ratio));
			left: calc(-50 * var(--vw-ratio));
		}
		#fv .motif03 {
			width: calc(380 * var(--vw-ratio));
			top: auto;
			bottom: calc(0 * var(--vw-ratio));
			right: calc(-90 * var(--vw-ratio));
		}
}


	
	
/* top-title
--------------------- */
.top-title {
	margin-bottom: calc(90 * var(--vw-ratio));
}
	.top-title h2 {
		font-size: calc(80 * var(--vw-ratio));
		font-weight: 500;
		line-height: 1;
	}

	.top-title p {
		background: url("../img/common/icon_title_blue.svg") no-repeat left center / 1.8vw;
		font-weight: 700;
		padding-left: calc(35 * var(--vw-ratio));
	}
	.top-title.white p {
		background: url("../img/common/icon_title_white.svg") no-repeat left center / 1.8vw;
	}
@media screen and (max-width: 767px) {
	.top-title {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		.top-title h2 {
			font-size: calc(40 * var(--vw-ratio));
		}

		.top-title p {
			background: url("../img/common/icon_title_blue.svg") no-repeat left center / 4.6vw;
			padding-left: calc(25 * var(--vw-ratio));
		}
		.top-title.white p {
			background: url("../img/common/icon_title_white.svg") no-repeat left center / 4.6vw;
		}
}


	
	
/* company
--------------------- */
#company .inner {
	padding-bottom: calc(100 * var(--vw-ratio));
}
	#company .c-title {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: calc(80 * var(--vw-ratio));
	}
		#company .c-title .jp {
			font-size: calc(26 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			background: url("../img/common/icon_title_blue.svg") no-repeat right top 57% / 1.8vw;
			padding-right: calc(40 * var(--vw-ratio));
			margin-right: calc(15 * var(--vw-ratio));
		}
		.en-US #company .c-title .jp {
			font-weight: 600;
			background: none;
			padding-right: 0;
			margin-right: 0;
		}

		#company .c-title h2 {
			font-size: calc(18 * var(--vw-ratio));
			margin-top: calc(14 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
		}

	#company .pht {
		position: absolute;
		z-index: -1;
	}
	#company .pht01 {
		width: calc(300 * var(--vw-ratio));
		height: calc(400 * var(--vw-ratio));
		border-radius: calc(20 * var(--vw-ratio));
		top: calc(-50 * var(--vw-ratio));
		right: calc(0 * var(--vw-ratio));
	}
	#company .pht02 {
		width: calc(320 * var(--vw-ratio));
		height: calc(250 * var(--vw-ratio));
		border-radius: calc(20 * var(--vw-ratio)) 0 0 calc(20 * var(--vw-ratio));
		bottom: calc(-30 * var(--vw-ratio));
		right: calc(-100 * var(--vw-ratio));
	}

	#company .tab-area {
		background: url("../img/common/motif_gray.svg") no-repeat left top / auto 85%;
	}
		#company .tab-area .switching {
			width: 21%;
		}
			#company .tab-area .switching ul.tabs {
				border-radius: calc(20 * var(--vw-ratio));
				border: solid 1px #41536A;
				margin-bottom: calc(30 * var(--vw-ratio));
				overflow: hidden;
			}
				#company .tab-area .switching ul.tabs li {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: #fff url("../img/common/icon_arrow_white_b.svg") no-repeat right 1.5vw center / 2.6vw;
					height: calc(74 * var(--vw-ratio));
					padding: 0 calc(25 * var(--vw-ratio));
					border-bottom: solid 1px #41536A;
					font-weight: 500;
					cursor: pointer;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				.en-US #company .tab-area .switching ul.tabs li {
					font-size: calc(14 * var(--vw-ratio));
					line-height: 1.4em;
					height: calc(74 * var(--vw-ratio));
					padding: 0 calc(55 * var(--vw-ratio)) 0 calc(25 * var(--vw-ratio));
				}
				#company .tab-area .switching ul.tabs li:nth-last-child(1) {
					border-bottom: none;
				}
				#company .tab-area .switching ul.tabs li:hover {
					background: #fff url("../img/common/icon_arrow_blue.svg") no-repeat right 1.5vw center / 2.6vw;
					color: #053D78;
				}
				#company .tab-area .switching ul.tabs li.select {
					background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat right 1.5vw center / 2.6vw;
					color: #053D78;
				}

		#company .tab-area .content {
			width: 70%;
		}
			#company .tab-area .content .cell.hide {
				display: none;
			}
				#company .tab-area .content .cell .area {
					padding-top: calc(60 * var(--vw-ratio));
				}
					#company .tab-area .content .cell .area h3 {
						font-size: calc(100 * var(--vw-ratio));
						line-height: calc(100 * var(--vw-ratio));
						font-weight: 500;
						margin-bottom: calc(30 * var(--vw-ratio));
					}
					.en-US #company .tab-area .content .cell .area h3 {
						font-size: calc(70 * var(--vw-ratio));
						font-weight: 600;
						line-height: 1.2em;
					}

					#company .tab-area .content .cell .area h4 {
						font-size: calc(30 * var(--vw-ratio));
						line-height: calc(42 * var(--vw-ratio));
						font-weight: 700;
						padding-left: calc(35 * var(--vw-ratio));
						margin-bottom: calc(25 * var(--vw-ratio));
						background: url("../img/common/icon_title_blue.svg") no-repeat left center / 1.8vw;
					}

					#company .tab-area .content .cell .area .text {
						width: calc(390 * var(--vw-ratio));
						padding-left: calc(35 * var(--vw-ratio));
					}
						#company .tab-area .content .cell .area .text .txt-16 {
							margin-bottom: calc(40 * var(--vw-ratio));
						}
@media screen and (max-width: 767px) {
	#company {
		background: url("../img/common/motif_gray.svg") no-repeat left center / auto 50%;
	}
		#company .c-title {
			margin-bottom: calc(40 * var(--vw-ratio));
		}
			#company .c-title .jp {
				background: url("../img/common/icon_title_blue.svg") no-repeat right top 57% / 5vw;
				padding-right: calc(30 * var(--vw-ratio));
				margin-right: calc(10 * var(--vw-ratio));
			}

		#company .pht {
			z-index: 2;
		}
		#company .pht01 {
			width: calc(100 * var(--vw-ratio));
			height: calc(100 * var(--vw-ratio));
			border-radius: calc(15 * var(--vw-ratio)) 0 0 calc(15 * var(--vw-ratio));
			top: calc(300 * var(--vw-ratio));
			right: calc(-40 * var(--vw-ratio));
		}
		#company .pht02 {
			width: -webkit-calc(100% + calc(40 * var(--vw-ratio)));
			width: calc(100% + calc(40 * var(--vw-ratio)));
			height: calc(220 * var(--vw-ratio));
			border-radius: 0 calc(15 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) 0;
			position: static;
			margin-top: calc(40 * var(--vw-ratio));
			margin-left: calc(-40 * var(--vw-ratio));
		}

		#company .tab-area {
			display: block;
			background: none;
		}
			#company .tab-area .switching {
				width: 100%;
			}
				#company .tab-area .switching ul.tabs {
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					border-radius: calc(15 * var(--vw-ratio));
					margin-bottom: calc(0 * var(--vw-ratio));
				}
				.en-US #company .tab-area .switching ul.tabs {
					display: block;
				}
					#company .tab-area .switching ul.tabs li {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 50%;
						background: url("../img/common/icon_arrow_white_b.svg") no-repeat center bottom 2vw / 5vw;
						padding: 0 0 calc(5 * var(--vw-ratio)) 0;
						border-right: solid 1px #41536A;
						border-bottom: solid 1px #41536A;
						font-size: calc(14 * var(--vw-ratio));
						line-height: calc(18 * var(--vw-ratio));
						text-align: center;
					}
					#company .tab-area .switching ul.tabs li:nth-child(2n) {
						border-right: none;
					}
					#company .tab-area .switching ul.tabs li:nth-child(3),
					#company .tab-area .switching ul.tabs li:nth-child(4) {
						border-bottom: none;
					}
					#company .tab-area .switching ul.tabs li:hover {
						background: url("../img/common/icon_arrow_blue.svg") no-repeat center bottom 2vw / 5vw;
					}
					#company .tab-area .switching ul.tabs li.select {
						background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat center bottom 2vw / 5vw;
					}
					.en-US #company .tab-area .switching ul.tabs li {
						width: 100%;
						border-right: none;
						 justify-content: flex-start;
						padding: 0 calc(55 * var(--vw-ratio)) 0 calc(25 * var(--vw-ratio));
						text-align: left;
						background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 4vw center / 5vw;
					}
					.en-US #company .tab-area .switching ul.tabs li:hover {
						background: url("../img/common/icon_arrow_blue.svg") no-repeat right 4vw center / 5vw;
					}
					.en-US #company .tab-area .switching ul.tabs li.select {
						background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat right 4vw center / 5vw;
					}

			#company .tab-area .content {
				width: 100%;
			}
				#company .tab-area .content .cell .area {
					padding-top: calc(40 * var(--vw-ratio));
				}
					#company .tab-area .content .cell .area h3 {
						font-size: calc(50 * var(--vw-ratio));
						line-height: calc(50 * var(--vw-ratio));
						margin-bottom: calc(20 * var(--vw-ratio));
					}
					.en-US #company .tab-area .content .cell .area h3 {
						font-size: calc(40 * var(--vw-ratio));
					}

					#company .tab-area .content .cell .area h4 {
						font-size: calc(24 * var(--vw-ratio));
						line-height: calc(30 * var(--vw-ratio));
						padding-left: calc(30 * var(--vw-ratio));
						margin-bottom: calc(15 * var(--vw-ratio));
						background: url("../img/common/icon_title_blue.svg") no-repeat left center / 5vw;
					}

					#company .tab-area .content .cell .area .text {
						width: 100%;
						padding-left: calc(35 * var(--vw-ratio));
					}
						#company .tab-area .content .cell .area .text .txt-16 {
							margin-bottom: calc(25 * var(--vw-ratio));
						}
}


	
	
/* business
--------------------- */
#business .bg {
	background: #053D78 url("../img/common/motif_blue-black.svg") no-repeat center top / auto 80%;
	border-radius: calc(60 * var(--vw-ratio));
	margin-left: calc(50 * var(--vw-ratio));
	margin-right: calc(50 * var(--vw-ratio));
	position: relative;
	z-index: 2;
}
	#business .bg .top-title {
		width: 45%;
		margin-bottom: 0;
	}

	#business .bg .text {
		width: 55%;
	}
		#business .bg .text .txt-16 {
			margin-bottom: calc(50 * var(--vw-ratio));
		}

#business .pht.delay {
	margin-top: calc(-150 * var(--vw-ratio));
	margin-bottom: calc(-60 * var(--vw-ratio));
	height: calc(750 * var(--vw-ratio));
}
@media screen and (max-width: 767px) {
	#business .bg {
		background: #053D78 url("../img/common/motif_blue-black.svg") no-repeat center top / auto 45%;
		border-radius: calc(30 * var(--vw-ratio));
		margin-left: calc(15 * var(--vw-ratio));
		margin-right: calc(15 * var(--vw-ratio));
	}
		#business .bg .inner {
			display: block;
		}
			#business .bg .top-title {
				width: 100%;
				margin-bottom: calc(25 * var(--vw-ratio));
			}

			#business .bg .text {
				width: 100%;
			}
				#business .bg .text .txt-16 {
					margin-bottom: calc(30 * var(--vw-ratio));
				}

	#business .pht.delay {
		margin-top: calc(-100 * var(--vw-ratio));
		margin-bottom: calc(-30 * var(--vw-ratio));
		height: calc(400 * var(--vw-ratio));
	}
}


	
	
/* product
--------------------- */
#product {
	background: #fff;
	border-radius: calc(60 * var(--vw-ratio));
	position: relative;
}
#product:before {
	content: "";
	width: 100%;
	height: calc(60 * var(--vw-ratio));
	background: #EFF3FC;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
	#product .read {
		position: absolute;
		top: calc(15 * var(--vw-ratio));
		right: calc(50 * var(--vw-ratio));
	}
	.en-US  #product .read {
		width: calc(580 * var(--vw-ratio));
		right: 0;
	}

	#product .btn-site {
		width: calc(380 * var(--vw-ratio));
		margin: calc(80 * var(--vw-ratio)) auto 0 auto;
	}
	.en-US  #product .btn-site {
		width: calc(400 * var(--vw-ratio));
	}
		#product .btn-site a {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			background: #EFF3FC url("../img/common/icon_external_blue.svg") no-repeat right 1.6vw center / 2.6vw;
			height: calc(80 * var(--vw-ratio));
			border-radius: calc(15 * var(--vw-ratio));
			padding-left: calc(25 * var(--vw-ratio));
			font-weight: 500;
		}
		#product .btn-site a:hover {
			background: #292929 url("../img/common/icon_external_white.svg") no-repeat right 1.3vw center / 2.6vw;
			color: #fff;
		}

	#product .list .box {
		width: 46%;
	}
		#product .list .box .swiper-container {
			overflow: hidden;
			padding: 0;
			position: relative;
			border-radius: calc(20 * var(--vw-ratio));
			border: solid 1px #41536A;
			overflow: hidden;
		}
			#product .list .box .swiper-container .swiper-pagination {
				bottom: calc(15 * var(--vw-ratio));
			}
				#product .list .box .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: calc(10 * var(--vw-ratio));
					height: calc(10 * var(--vw-ratio));
					border-radius: calc(5 * var(--vw-ratio));
					background: #fff;
					border: solid 1px #053D78;
					opacity: 1;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#product .list .box .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					background: #053D78;
					opacity: 1;
				}

		#product .list .box h3 {
			font-size: calc(30 * var(--vw-ratio));
			line-height: calc(42 * var(--vw-ratio));
			font-weight: 700;
			padding-left: calc(35 * var(--vw-ratio));
			margin-top: calc(30 * var(--vw-ratio));
			background: url("../img/common/icon_title_blue.svg") no-repeat left center / 1.8vw;
		}

		#product .list .box .text {
			padding-left: calc(35 * var(--vw-ratio));
			margin-top: calc(15 * var(--vw-ratio));
		}
			#product .list .box .text .txt-16 {
				margin-bottom: calc(30 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#product {
		border-radius: calc(30 * var(--vw-ratio));
	}
	#product:before {
		height: calc(30 * var(--vw-ratio));
	}
		#product .read {
			position: static;
		}
		.en-US  #product .read {
			width: 100%;
		}

		#product .btn-site {
			width: 100%;
			margin: calc(50 * var(--vw-ratio)) auto 0 auto;
		}
		.en-US  #product .btn-site {
			width: 100%;
		}
			#product .btn-site a {
				background: #EFF3FC url("../img/common/icon_external_blue.svg") no-repeat right 5vw center / 8vw;
				height: calc(70 * var(--vw-ratio));
			}
			.en-US  #product .btn-site a {
				font-size: calc(15 * var(--vw-ratio));
			}
			#product .btn-site a:hover {
				background: #292929 url("../img/common/icon_external_white.svg") no-repeat right 5vw center / 8vw;
			}

		#product .list {
			display: block;
		}
			#product .list .box {
				width: 100%;
				margin-top: calc(50 * var(--vw-ratio));
			}
					#product .list .box .swiper-container .swiper-pagination {
						bottom: calc(10 * var(--vw-ratio));
					}
						#product .list .box .swiper-container .swiper-pagination .swiper-pagination-bullet {
							width: calc(8 * var(--vw-ratio));
							height: calc(8 * var(--vw-ratio));
							border-radius: calc(4 * var(--vw-ratio));
						}

				#product .list .box h3 {
					font-size: calc(24 * var(--vw-ratio));
					line-height: calc(30 * var(--vw-ratio));
					padding-left: calc(30 * var(--vw-ratio));
					margin-top: calc(25 * var(--vw-ratio));
					background: url("../img/common/icon_title_blue.svg") no-repeat left center / 5vw;
				}

				#product .list .box .text {
					padding-left: calc(30 * var(--vw-ratio));
					margin-top: calc(10 * var(--vw-ratio));
				}
					#product .list .box .text .txt-16 {
						margin-bottom: calc(18 * var(--vw-ratio));
					}
}


	
	
/* recruit
--------------------- */
#recruit {
	background: #EFF3FC url("../img/common/motif_white.svg") no-repeat center / auto 80%;
}
	#recruit .text {
		width: 46%;
	}
		#recruit .text .top-title {
			margin-bottom: calc(30 * var(--vw-ratio));
		}

		#recruit .text .txt-16 {
			margin-bottom: calc(40 * var(--vw-ratio));
		}

	#recruit .pht {
		width: 46%;
	}
		#recruit .pht img {
			border-radius: calc(20 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#recruit {
		background: #EFF3FC url("../img/common/motif_white.svg") no-repeat center / auto 60%;
	}
		#recruit .inner {
			display: block;
		}
			#recruit .text {
				width: 100%;
				margin-bottom: calc(30 * var(--vw-ratio));
			}
				#recruit .text .top-title {
					margin-bottom: calc(15 * var(--vw-ratio));
				}

				#recruit .text .txt-16 {
					margin-bottom: calc(20 * var(--vw-ratio));
				}

				#recruit .text .btn {
					margin: 0 auto;
				}

			#recruit .pht {
				width: 100%;
			}
}


	
	
/* news-topics
--------------------- */
#news-topics .tab-area .switching {
	width: 21%;
}
	#news-topics .tab-area .switching ul.tabs {
		border-radius: calc(20 * var(--vw-ratio));
		border: solid 1px #41536A;
		margin-bottom: calc(30 * var(--vw-ratio));
		overflow: hidden;
	}
		#news-topics .tab-area .switching ul.tabs li {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 1.5vw center / 2.6vw;
			height: calc(74 * var(--vw-ratio));
			padding: 0 calc(25 * var(--vw-ratio));
			border-bottom: solid 1px #41536A;
			font-weight: 500;
			cursor: pointer;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#news-topics .tab-area .switching ul.tabs li:nth-last-child(1) {
			border-bottom: none;
		}
		#news-topics .tab-area .switching ul.tabs li:hover {
			background: url("../img/common/icon_arrow_blue.svg") no-repeat right 1.5vw center / 2.6vw;
			color: #053D78;
		}
		#news-topics .tab-area .switching ul.tabs li.select {
			background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat right 1.5vw center / 2.6vw;
			color: #053D78;
		}

#news-topics .tab-area .content {
	width: 70%;
}
	#news-topics .tab-area .content .cell.hide {
		display: none;
	}
		#news-topics .tab-area .content .cell a.linkbox {
			display: block;
			border-top: solid 1px #41536A;
			padding: calc(35 * var(--vw-ratio)) calc(80 * var(--vw-ratio)) calc(35 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
			background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 1vw center / 2.6vw;
		}
		#news-topics .tab-area .content .cell a.linkbox:nth-last-child(1) {
			border-bottom: solid 1px #41536A;
		}
		#news-topics .tab-area .content .cell a.linkbox:hover {
			display: block;
			border-top: solid 1px #41536A;
			padding: calc(35 * var(--vw-ratio)) calc(80 * var(--vw-ratio)) calc(35 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat right 1.5vw center / 2.6vw;
		}
			#news-topics .tab-area .content .cell a.linkbox .info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: calc(5 * var(--vw-ratio));
			}
				#news-topics .tab-area .content .cell a.linkbox .info time {
					margin-right: calc(15 * var(--vw-ratio));
					line-height: 1;
				}
				#news-topics .tab-area .content .cell a.linkbox .info .cat {
					display: block;
					width: calc(100 * var(--vw-ratio));
					background: #fff;
					border: solid 1px #41536A;
					border-radius: calc(5 * var(--vw-ratio));
					text-align: center;
				}
				#news-topics .tab-area .content .cell a.linkbox .info .cat.important {
					border: solid 1px #DB1C1C;
					color: #DB1C1C;
					position: relative;
				}
				#news-topics .tab-area .content .cell a.linkbox .info .cat.important:before {
					content: "";
					width: calc(13 * var(--vw-ratio));
					height: calc(21 * var(--vw-ratio));
					background: url("/wp-content/uploads/2026/02/important_head_l.webp") no-repeat center / 100%;
					position: absolute;
					top: 0;
					right: calc(-20 * var(--vw-ratio));
				}

			#news-topics .tab-area .content .cell a.linkbox .txt-15 {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}
@media screen and (max-width: 767px) {
	#news-topics .tab-area {
		display: block;
	}
		#news-topics .tab-area .switching {
			width: 100%;
		}
			#news-topics .tab-area .switching ul.tabs {
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				border-radius: calc(15 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}
				#news-topics .tab-area .switching ul.tabs li {
					width: 50%;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 2.8vw center / 6vw;
					height: calc(50 * var(--vw-ratio));
					padding: 0 calc(12 * var(--vw-ratio));
				}
				#news-topics .tab-area .switching ul.tabs li:nth-child(1) {
					width: 100%;
				}
				#news-topics .tab-area .switching ul.tabs li:nth-child(2),
				#news-topics .tab-area .switching ul.tabs li:nth-child(4) {
					border-right: solid 1px #41536A;
				}
				#news-topics .tab-area .switching ul.tabs li:nth-last-child(1),
				#news-topics .tab-area .switching ul.tabs li:nth-last-child(2) {
					border-bottom: none;
				}
				#news-topics .tab-area .switching ul.tabs li:hover {
					background: url("../img/common/icon_arrow_blue.svg") no-repeat right 2.8vw center / 6vw;
				}
				#news-topics .tab-area .switching ul.tabs li.select {
					background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat right 2.8vw center / 6vw;
				}

		#news-topics .tab-area .content {
			width: 100%;
			margin-bottom: calc(30 * var(--vw-ratio));
		}
			#news-topics .tab-area .content .cell a.linkbox {
				padding: calc(25 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
				background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 1.5vw center / 6vw;
			}
			#news-topics .tab-area .content .cell a.linkbox:nth-child(1) {
				border-top: none;
			}
			#news-topics .tab-area .content .cell a.linkbox:nth-last-child(1) {
				border-bottom: solid 1px #41536A;
			}
			#news-topics .tab-area .content .cell a.linkbox:hover {
				padding: calc(25 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
				background: url("../img/common/icon_arrow_white_b.svg") no-repeat right 1.5vw center / 6vw;
			}
				#news-topics .tab-area .content .cell a.linkbox .info {
					margin-bottom: calc(8 * var(--vw-ratio));
				}

				#news-topics .tab-area .content .cell a.linkbox .txt-15 {
					-webkit-line-clamp: 2;
				}

		#news-topics .btn {
			margin: 0 auto;
		}
}