@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle {
	overflow: hidden;
}
	#pagetitle .leef01 {
		width: calc(276 * var(--vw-ratio));
		top: calc(150 * var(--vw-ratio));
		right: calc(-20 * var(--vw-ratio));
	}
	#pagetitle .leef02 {
		width: calc(280 * var(--vw-ratio));
		top: calc(450 * var(--vw-ratio));
		left: calc(-50 * var(--vw-ratio));
	}
	#pagetitle .leef03 {
		width: calc(140 * var(--vw-ratio));
		bottom: calc(150 * var(--vw-ratio));
		right: calc(50 * var(--vw-ratio));
	}

	#pagetitle .read {
		margin-top: calc(50 * var(--vw-ratio));
	}

	#pagetitle.group .map {
		width: calc(770 * var(--vw-ratio));
		margin: calc(80 * var(--vw-ratio)) auto 0 auto;
	}
@media screen and (max-width: 767px) {
	#pagetitle .leef01 {
		width: calc(120 * var(--vw-ratio));
		top: calc(110 * var(--vw-ratio));
		right: calc(-20 * var(--vw-ratio));
	}
	#pagetitle .leef02 {
		width: calc(100 * var(--vw-ratio));
		top: calc(370 * var(--vw-ratio));
		left: calc(-20 * var(--vw-ratio));
	}
	#pagetitle .leef03 {
		width: calc(40 * var(--vw-ratio));
		bottom: calc(50 * var(--vw-ratio));
		right: calc(20 * var(--vw-ratio));
	}

	#pagetitle .read {
		margin-top: calc(30 * var(--vw-ratio));
	}

	#pagetitle.group .map {
		width: 100%;
		margin: calc(30 * var(--vw-ratio)) auto 0 auto;
	}
}


	
	
/* info
--------------------- */
#info {
	padding-top: calc(100 * var(--vw-ratio));
	position: relative;
}
	#info .leef {
		position: absolute;
	}
	#info .leef02 {
		width: calc(280 * var(--vw-ratio));
		top: calc(150 * var(--vw-ratio));
		left: calc(-50 * var(--vw-ratio));
		z-index: 2;
	}
	#info .leef03 {
		width: calc(140 * var(--vw-ratio));
		top: calc(300 * var(--vw-ratio));
		right: calc(40 * var(--vw-ratio));
		z-index: 2;
	}
	#info .leef04 {
		width: calc(170 * var(--vw-ratio));
		top: calc(1000 * var(--vw-ratio));
		right: calc(30 * var(--vw-ratio));
	}
	#info .leef05 {
		width: calc(100 * var(--vw-ratio));
		bottom: calc(-40 * var(--vw-ratio));
		left: calc(140 * var(--vw-ratio));
		z-index: 2;
	}

	#info .whitebox {
		background: #fff;
		border-radius: calc(30 * var(--vw-ratio));
		padding: calc(70 * var(--vw-ratio)) calc(70 * var(--vw-ratio)) calc(100 * var(--vw-ratio)) calc(70 * var(--vw-ratio));
	}
		#info .whitebox .title {
			text-align: center;
			margin-bottom: calc(50 * var(--vw-ratio));
		}
			#info .whitebox .title h2 {
				font-size: calc(30 * var(--vw-ratio));
				font-weight: 500;
				letter-spacing: 0.1em;
				line-height: 1.3em;
				margin-bottom: calc(20 * var(--vw-ratio));
			}

		#info .whitebox .head {
			font-size: calc(24 * var(--vw-ratio));
			font-weight: 500;
			letter-spacing: 0.1em;
			text-align: center;
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		#info .whitebox .btn-list {
			margin-bottom: calc(70 * var(--vw-ratio));
		}
			#info .whitebox .btn-list .btn-entry {
				width: 40%;
			}
			#info .whitebox .btn-list .btn-entry:nth-child(1) {
				margin-right: 3%;
			}
				#info .whitebox .btn-list .btn-entry a {
					display: block;
					height: calc(90 * var(--vw-ratio));
					background: url("../../common/img/bg_green.webp");
					border-radius: calc(45 * var(--vw-ratio));
					font-size: calc(22 * var(--vw-ratio));
					line-height: calc(88 * var(--vw-ratio));
					font-weight: 500;
					text-align: center;
				}
				#info .whitebox .btn-list .btn-entry a:hover {
					background: url("../../common/img/bg_light-green.webp");
					letter-spacing: 0.1em;
				}

		#info .whitebox .table-layout .cell .tit {
			width: 15%;
			padding: calc(20 * var(--vw-ratio)) 0 calc(20 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			border-top: solid 1px  #7CC71E;
			font-weight: 700;
		}
		#info .whitebox .table-layout .cell:nth-last-child(1) .tit {
			border-bottom: solid 1px  #7CC71E;
		}

		#info .whitebox .table-layout .cell .text {
			width: 83%;
			padding: calc(20 * var(--vw-ratio)) 0 calc(20 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			border-top: solid 1px  #ddd;
		}
		#info .whitebox .table-layout .cell:nth-last-child(1) .text {
			border-bottom: solid 1px  #ddd;
		}
			#info .whitebox .table-layout .cell .text .txt-14 {
				margin-bottom: calc(10 * var(--vw-ratio));
			}
			#info .whitebox .table-layout .cell .text .txt-14:nth-last-child(1) {
				margin-bottom: 0;
			}

			#info .whitebox .table-layout .cell .text a.sub-btn {
				display: inline-block;
				overflow: hidden;
				height: calc(34 * var(--vw-ratio));
				padding: 0 calc(17 * var(--vw-ratio));
				border-radius: calc(17 * var(--vw-ratio));
				background: url("../../common/img/bg_light-green.webp") repeat;
				line-height: calc(34 * var(--vw-ratio));
				font-weight: 500;
				margin-top: calc(5 * var(--vw-ratio));
			}
			#info .whitebox .table-layout .cell .text a.sub-btn:hover {
				background: url("../../common/img/bg_green.webp") repeat;
			}
@media screen and (max-width: 767px) {
	#info {
		padding-top: calc(60 * var(--vw-ratio));
	}
		#info .leef02 {
			width: calc(120 * var(--vw-ratio));
			top: calc(40 * var(--vw-ratio));
			left: calc(-30 * var(--vw-ratio));
			z-index: 2;
		}
		#info .leef03 {
			width: calc(50 * var(--vw-ratio));
			top: calc(340 * var(--vw-ratio));
			right: calc(10 * var(--vw-ratio));
			z-index: 2;
		}
		#info .leef04 {
			width: calc(50 * var(--vw-ratio));
			top: calc(1000 * var(--vw-ratio));
			right: calc(0 * var(--vw-ratio));
		}
		#info .leef05 {
			width: calc(50 * var(--vw-ratio));
			bottom: calc(-20 * var(--vw-ratio));
			left: calc(60 * var(--vw-ratio));
			z-index: 2;
		}
	
		#info .whitebox {
			width: 110%;
			margin-left: -5%;
			border-radius: calc(20 * var(--vw-ratio));
			padding: calc(40 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(40 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
		}
			#info .whitebox .title {
				margin-bottom: calc(40 * var(--vw-ratio));
			}
				#info .whitebox .title h2 {
					font-size: calc(24 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
	
				#info .whitebox .title .txt-14 {
					text-align: left;
				}

			#info .whitebox .head {
				font-size: calc(18 * var(--vw-ratio));
			}

			#info .whitebox .btn-list {
				display: block;
				margin-top: calc(-15 * var(--vw-ratio));
				margin-bottom: calc(50 * var(--vw-ratio));
			}
				#info .whitebox .btn-list .btn-entry {
					width: 100%;
				}
				#info .whitebox .btn-list .btn-entry:nth-child(1) {
					margin-right: 0;
					margin-bottom: calc(20 * var(--vw-ratio));
				}
					#info .whitebox .btn-list .btn-entry a {
						height: calc(70 * var(--vw-ratio));
						border-radius: calc(35 * var(--vw-ratio));
						font-size: calc(20 * var(--vw-ratio));
						line-height: calc(68 * var(--vw-ratio));
					}

			#info .whitebox .table-layout .cell {
				display: block;
			}
				#info .whitebox .table-layout .cell .tit {
					width: 100%;
					padding: calc(10 * var(--vw-ratio)) 0 calc(10 * var(--vw-ratio)) 0;
					border-top: solid 1px  #7CC71E;
				}
				#info .whitebox .table-layout .cell:nth-last-child(1) .tit {
					border-bottom: none;
				}

				#info .whitebox .table-layout .cell .text {
					width: 100%;
					padding: calc(15 * var(--vw-ratio)) 0 calc(40 * var(--vw-ratio)) 0;
					border-top: solid 1px  #ddd;
				}
				#info .whitebox .table-layout .cell:nth-last-child(1) .text {
					border-bottom: none;
					padding-bottom: 0;
				}
}


	
	
/* contact
--------------------- */
#contact {
	position: relative;
}
	#contact .leef06 {
		width: calc(270 * var(--vw-ratio));
		position: absolute;
		bottom: calc(-50 * var(--vw-ratio));
		right: calc(50 * var(--vw-ratio));
	}

	.cta {
		overflow: hidden;
		border-radius: calc(30 * var(--vw-ratio));
		padding: calc(40 * var(--vw-ratio)) calc(60 * var(--vw-ratio));
	}
		.cta h2 {
			width: 37%;
			font-size: calc(46 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
		}

		.cta .text {
			width: 63%;
		}
			.cta .text .txt-18 {
				font-weight: 500;
				line-height: 1.3em;
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			.cta .text .txt-16 {
				line-height: 1.5em;
				margin-bottom: calc(50 * var(--vw-ratio));
			}
			.cta .text .txt-16.mb {
				margin-bottom: calc(20 * var(--vw-ratio));
				padding-bottom: calc(20 * var(--vw-ratio));
				border-bottom: solid 1px #ddd;
			}

			.cta .text a.sub-btn {
				display: inline-block;
				overflow: hidden;
				height: calc(40 * var(--vw-ratio));
				padding: 0 calc(20 * var(--vw-ratio));
				border-radius: calc(20 * var(--vw-ratio));
				background: url("../../common/img/bg_light-green.webp") repeat;
				line-height: calc(40 * var(--vw-ratio));
				font-weight: 500;
				margin-top: calc(5 * var(--vw-ratio));
			}
			.cta .text a.sub-btn:hover {
				background: url("../../common/img/bg_green.webp") repeat;
			}
@media screen and (max-width: 767px) {
	#contact .leef06 {
		width: calc(120 * var(--vw-ratio));
		bottom: calc(-40 * var(--vw-ratio));
		right: calc(10 * var(--vw-ratio));
	}
	
	.cta  {
		display: block;
		width: 90%;
		border-radius: calc(20 * var(--vw-ratio));
		padding: calc(30 * var(--vw-ratio));
		margin: 0 auto;
	}
		.cta  h2 {
			width: 100%;
			font-size: calc(36 * var(--vw-ratio));
			text-align: center;
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		.cta  .text {
			width: 100%;
			text-align: center;
		}
			.cta .text .txt-18 {
				font-weight: 500;
				line-height: 1.3em;
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			.cta .text .txt-16 {
				font-size: calc(14 * var(--vw-ratio));
				line-height: 1.7em;
				margin-bottom: calc(25 * var(--vw-ratio));
			}
			.cta .text .txt-16.mb {
				margin-bottom: calc(15 * var(--vw-ratio));
				padding-bottom: calc(15 * var(--vw-ratio));
			}

			.cta .text .txt-14 {
				margin-top: calc(5 * var(--vw-ratio));
			}

			.cta .text a.sub-btn {
				width: 100%;
				display: block;
				height: calc(40 * var(--vw-ratio));
				padding: 0 calc(10 * var(--vw-ratio));
			}
}


	
	
/* company
--------------------- */
#company {
	overflow: hidden;
	position: relative;
}
	#company .leef {
		position: absolute;
	}
	#company .leef04 {
		width: calc(180 * var(--vw-ratio));
		top: calc(400 * var(--vw-ratio));
		right: calc(-40 * var(--vw-ratio));
	}
	#company .leef05 {
		width: calc(105 * var(--vw-ratio));
		top: calc(800 * var(--vw-ratio));
		left: calc(-40 * var(--vw-ratio));
		z-index: 2;
	}
	#company .leef06 {
		width: calc(270 * var(--vw-ratio));
		top: calc(1200 * var(--vw-ratio));
		right: calc(-100 * var(--vw-ratio));
		z-index: 2;
	}

	#company .title {
		text-align: center;
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#company .title .en {
			font-size: calc(100 * var(--vw-ratio));
			color: #EBEBEB;
			line-height: 0.7;
			letter-spacing: 0.0.6em;
			margin-bottom: calc(50 * var(--vw-ratio));
		}

		#company .title h2 {
			font-size: calc(34 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1.3em;
			letter-spacing: 0.1em;
		}

	#company .list .acbox {
		border-radius: calc(30 * var(--vw-ratio));
		margin-bottom: calc(40 * var(--vw-ratio));
	}
	#company .list .acbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#company .list .acbox .tit {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: calc(20 * var(--vw-ratio));
			cursor: pointer;
			position: relative;
		}
		#company .list .acbox .tit:before {
			content: "";
			width: calc(46 * var(--vw-ratio));
			height: calc(46 * var(--vw-ratio));
			background: url("../img/icon_open.svg") no-repeat center / 100%;
			position: absolute;
			top: 50%;
			right: calc(40 * var(--vw-ratio));
			margin-top: calc(-23 * var(--vw-ratio));
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#company .list .acbox .tit.active:before {
			background: url("../img/icon_close.svg") no-repeat center / 100%;
			transform:rotate(180deg);
		}
			#company .list .acbox .tit .number {
				width: calc(120 * var(--vw-ratio));
				height: calc(90 * var(--vw-ratio));
				background: url("../img/icon_bg.webp") no-repeat center / 100%;
				font-size: calc(28 * var(--vw-ratio));
				line-height: calc(92 * var(--vw-ratio));
				font-weight: 500;
				text-align: center;
			}
			#company .list .acbox .tit h3 {
				font-size: calc(22 * var(--vw-ratio));
				font-weight: 500;
				padding-left: calc(10 * var(--vw-ratio));
			}

		#company .list .acbox .text {
			display: none;
			padding: 0 calc(150 * var(--vw-ratio)) calc(80 * var(--vw-ratio)) calc(150 * var(--vw-ratio));
		}
			#company .list .acbox .text .recruitment {
				position: relative;
			}
				#company .list .acbox .text .recruitment .pht {
					width: 35%;
				}
					#company .list .acbox .text .recruitment .pht img {
						border-radius: calc(17 * var(--vw-ratio));
					}

				#company .list .acbox .text .recruitment .cell {
					width: 60%;
				}
				#company .list .acbox .text .recruitment.full .cell {
					width: 100%;
				}
					#company .list .acbox .text .recruitment .txt-18 {
						line-height: 1.8em;
						margin-top: calc(10 * var(--vw-ratio));
					}
					#company .list .acbox .text .recruitment .txt-18:nth-child(1) {
						margin-top: 0;
					}

				#company .list .acbox .text .recruitment .situation {
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					#company .list .acbox .text .recruitment .situation .txt-18 {
						margin-top: 0;
					}

					#company .list .acbox .text .recruitment .situation ul.tag {
						margin-left: calc(15 * var(--vw-ratio));
					}
						#company .list .acbox .text .recruitment .situation ul.tag li {
							display: flex;
							justify-content: center;
							align-items: center;
							width: calc(90 * var(--vw-ratio));
							height: calc(34 * var(--vw-ratio));
							border-radius: calc(17 * var(--vw-ratio));
							line-height: calc(34 * var(--vw-ratio));
							text-align: center;
							font-weight: 700;
							margin-right: calc(8 * var(--vw-ratio));
						}
						#company .list .acbox .text .recruitment .situation ul.tag li.graduates {
							background: url("../../common/img/bg_light-green.webp") repeat;
							color: #fff;
						}
						#company .list .acbox .text .recruitment .situation ul.tag li.career {
							background: url("../../common/img/bg_green.webp") repeat;
							color: #fff;
						}
						#company .list .acbox .text .recruitment .situation ul.tag li.disabilities {
							background: #fff;
							color: #008665;
							border: solid 1px #008665;
							margin-right: 0;
						}
						#company .list .acbox .text .recruitment .situation ul.tag li.off {
							background: #D7D7D7;
							border: none;
							color: #333333;
						}

			#company .list .acbox .text .info {
				border-top: solid 1px #ddd;
				margin-top: calc(25 * var(--vw-ratio));
				padding-top: calc(25 * var(--vw-ratio));
			}
				#company .list .acbox .text .info .txt-18 {
					width: calc(410 * var(--vw-ratio));
					line-height: 1.8em;
				}

				#company .list .acbox .text .info ul.btn-list {
					width: calc(210 * var(--vw-ratio));
					margin-top: calc(5 * var(--vw-ratio));
				}
					#company .list .acbox .text .info ul.btn-list li {
						margin-bottom: calc(12 * var(--vw-ratio));
					}
					#company .list .acbox .text .info ul.btn-list li:nth-last-child(1) {
						margin-bottom: 0;
					}
						#company .list .acbox .text .info ul.btn-list li a {
							display: block;
							width: 100%;
							height: calc(42 * var(--vw-ratio));
							border-radius: calc(21 * var(--vw-ratio));
							background: url("../../common/img/bg_light-green.webp") repeat;
							font-weight: 700;
							color: #fff;
							text-align: center;
							line-height: calc(42 * var(--vw-ratio));
						}
						#company .list .acbox .text .info ul.btn-list li a:hover {
							background: url("../../common/img/bg_green.webp") repeat;
						}

	#company .read {
		margin-bottom: calc(60 * var(--vw-ratio));
		text-align: center;
	}
@media screen and (max-width: 767px) {
	#company .leef04 {
		width: calc(80 * var(--vw-ratio));
		top: calc(140 * var(--vw-ratio));
		right: calc(-20 * var(--vw-ratio));
	}
	#company .leef05 {
		width: calc(40 * var(--vw-ratio));
		top: calc(800 * var(--vw-ratio));
		left: calc(-10 * var(--vw-ratio));
	}
	#company .leef06 {
		width: calc(80 * var(--vw-ratio));
		top: calc(1200 * var(--vw-ratio));
		right: calc(-30 * var(--vw-ratio));
	}
	
	#company .title {
		margin-bottom: calc(30 * var(--vw-ratio));
	}
		#company .title .en {
			font-size: calc(50 * var(--vw-ratio));
			margin-bottom: calc(10 * var(--vw-ratio));
			line-height: 0.9em;
		}

		#company .title h2 {
			font-size: calc(26 * var(--vw-ratio));
		}

	#company .list .acbox {
		border-radius: calc(20 * var(--vw-ratio));
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		#company .list .acbox .tit {
			padding: calc(10 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(10 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
		}
		#company .list .acbox .tit:before {
			width: calc(26 * var(--vw-ratio));
			height: calc(26 * var(--vw-ratio));
			right: calc(15 * var(--vw-ratio));
			margin-top: calc(-13 * var(--vw-ratio));
		}
			#company .list .acbox .tit .number {
				width: calc(80 * var(--vw-ratio));
				height: calc(60 * var(--vw-ratio));
				font-size: calc(18 * var(--vw-ratio));
				line-height: calc(62 * var(--vw-ratio));
			}
			#company .list .acbox .tit h3 {
				font-size: calc(18 * var(--vw-ratio));
				line-height: 1.3em;
				padding-left: calc(10 * var(--vw-ratio));
			}

		#company .list .acbox .text {
			padding: 0 calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(25 * var(--vw-ratio));
		}
			#company .list .acbox .text .recruitment {
				display: block;
			}
				#company .list .acbox .text .recruitment .pht {
					width: 100%;
					margin-top: calc(15 * var(--vw-ratio));
				}
					#company .list .acbox .text .recruitment .pht img {
						border-radius: calc(10 * var(--vw-ratio));
					}

				#company .list .acbox .text .recruitment .cell {
					width: 100%;
				}
	
			#company .list .acbox .text .recruitment .situation {
				display: block;
			}
				#company .list .acbox .text .recruitment .txt-18 {
					font-size: calc(14 * var(--vw-ratio));
					line-height: 1.8em;
				}

				#company .list .acbox .text .recruitment .situation ul.tag {
					margin-top: calc(10 * var(--vw-ratio));
					margin-bottom: calc(10 * var(--vw-ratio));
					margin-left: 0;
				}
					#company .list .acbox .text .recruitment .situation ul.tag li {
						width: calc(80 * var(--vw-ratio));
						height: calc(30 * var(--vw-ratio));
						border-radius: calc(15 * var(--vw-ratio));
						font-size: calc(12 * var(--vw-ratio));
						line-height: calc(30 * var(--vw-ratio));
						margin-right: calc(5 * var(--vw-ratio));
					}

			#company .list .acbox .text .info {
				display: block;
				border-top: solid 1px #ddd;
				margin-top: calc(25 * var(--vw-ratio));
				padding-top: calc(25 * var(--vw-ratio));
			}
				#company .list .acbox .text .info .txt-18 {
					width: 100%;
					font-size: calc(14 * var(--vw-ratio));
					line-height: 1.6em;
				}

				#company .list .acbox .text .info ul.btn-list {
					width: 100%;
					margin-top: calc(15 * var(--vw-ratio));
				}

	#company .last-area .txt-18 {
		line-height: 1.8em;
	}

	#company .read {
		margin-bottom: calc(40 * var(--vw-ratio));
	}
		#company .read .txt-18 {
			font-size: calc(16 * var(--vw-ratio));
			line-height: 1.8em;
		}
}


	
	
/* faq
--------------------- */
#faq {
	overflow: hidden;
	position: relative;
}
	#faq .leef {
		position: absolute;
	}
	#faq .leef02 {
		width: calc(240 * var(--vw-ratio));
		top: calc(400 * var(--vw-ratio));
		left: calc(-80 * var(--vw-ratio));
	}
	#faq .leef03 {
		width: calc(105 * var(--vw-ratio));
		top: calc(800 * var(--vw-ratio));
		right: calc(-10 * var(--vw-ratio));
		z-index: 2;
	}

	#faq .title {
		text-align: center;
		margin-bottom: calc(100 * var(--vw-ratio));
	}
		#faq .title .en {
			font-size: calc(100 * var(--vw-ratio));
			color: #EBEBEB;
			line-height: 0.7;
			letter-spacing: 0.0.6em;
			margin-bottom: calc(50 * var(--vw-ratio));
		}

		#faq .title h2 {
			font-size: calc(34 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1.3em;
			letter-spacing: 0.1em;
		}

	#faq ul.tabs {
		width: calc(860 * var(--vw-ratio));
		border-radius: calc(40 * var(--vw-ratio));
		margin: 0 auto calc(80 * var(--vw-ratio)) auto;
	}
		#faq ul.tabs li {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 50%;
			height: calc(80 * var(--vw-ratio));
			border-radius: calc(40 * var(--vw-ratio));
			font-size: calc(22 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1.3em;
			letter-spacing: 0.06em;
			cursor: pointer;
		}
		#faq ul.tabs li.select {
			background: url("../../common/img/bg_light-green.webp") repeat;
			color: #fff;
			border: solid 2px #fff;
		}
			#faq ul.tabs li a {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
			}

	#faq .acbox {
		border-radius: calc(30 * var(--vw-ratio));
		margin-bottom: calc(40 * var(--vw-ratio));
	}
	#faq .acbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#faq .acbox .tit {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: calc(20 * var(--vw-ratio));
			cursor: pointer;
			position: relative;
		}
		#faq .acbox .tit:before {
			content: "";
			width: calc(46 * var(--vw-ratio));
			height: calc(46 * var(--vw-ratio));
			background: url("../img/icon_open.svg") no-repeat center / 100%;
			position: absolute;
			top: 50%;
			right: calc(40 * var(--vw-ratio));
			margin-top: calc(-23 * var(--vw-ratio));
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#faq .acbox .tit.active:before {
			background: url("../img/icon_close.svg") no-repeat center / 100%;
			transform:rotate(180deg);
		}
			#faq .acbox .tit .number {
				width: calc(120 * var(--vw-ratio));
				height: calc(90 * var(--vw-ratio));
				background: url("../img/icon_bg.webp") no-repeat center / 100%;
				font-size: calc(28 * var(--vw-ratio));
				line-height: calc(92 * var(--vw-ratio));
				font-weight: 500;
				text-align: center;
			}
			#faq .acbox .tit h3 {
				font-size: calc(22 * var(--vw-ratio));
				font-weight: 500;
				padding-left: calc(10 * var(--vw-ratio));
			}

		#faq .acbox .text {
			display: none;
			padding: 0 calc(80 * var(--vw-ratio)) calc(80 * var(--vw-ratio)) calc(150 * var(--vw-ratio));
		}
			#faq .acbox .text .txt-16 {
				margin-bottom: calc(10 * var(--vw-ratio));
			}
			#faq .acbox .text .txt-16:nth-last-child(1) {
				margin-bottom: 0;
			}
				#faq .acbox .text .txt-16 a {
					text-decoration: underline;
					color: #4DBC00;
				}
				#faq .acbox .text .txt-16 a:hover {
					text-decoration: none;
				}
@media screen and (max-width: 767px) {
	#faq .leef02 {
		width: calc(110 * var(--vw-ratio));
		top: calc(200 * var(--vw-ratio));
		left: calc(-40 * var(--vw-ratio));
	}
	#faq .leef03 {
		width: calc(60 * var(--vw-ratio));
		top: calc(550 * var(--vw-ratio));
		z-index: -1;
	}
	
	#faq ul.tabs {
		width: 100%;
		border-radius: calc(30 * var(--vw-ratio));
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#faq ul.tabs li {
			height: calc(60 * var(--vw-ratio));
			border-radius: calc(30 * var(--vw-ratio));
			font-size: calc(16 * var(--vw-ratio));
			text-align: center;
			font-weight: 700;
		}
	
	#faq .title {
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#faq .title .en {
			font-size: calc(50 * var(--vw-ratio));
			margin-bottom: calc(10 * var(--vw-ratio));
			line-height: 0.9em;
		}

		#faq .title h2 {
			font-size: calc(26 * var(--vw-ratio));
		}
	
	#faq .acbox {
		border-radius: calc(20 * var(--vw-ratio));
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		#faq .acbox .tit {
			padding: calc(15 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(15 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
		}
		#faq .acbox .tit:before {
			width: calc(26 * var(--vw-ratio));
			height: calc(26 * var(--vw-ratio));
			right: calc(15 * var(--vw-ratio));
			margin-top: calc(-13 * var(--vw-ratio));
		}
			#faq .acbox .tit .number {
				width: calc(60 * var(--vw-ratio));
				height: calc(44 * var(--vw-ratio));
				font-size: calc(18 * var(--vw-ratio));
				line-height: calc(50 * var(--vw-ratio));
			}
			#faq .acbox .tit h3 {
				width: -webkit-calc(100% - calc(60 * var(--vw-ratio)));
				width: calc(100% - calc(60 * var(--vw-ratio)));
				font-size: calc(16 * var(--vw-ratio));
				line-height: 1.3em;
				padding-left: calc(10 * var(--vw-ratio));
			}

		#faq .acbox .text {
			padding: 0 calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(25 * var(--vw-ratio));
		}
			#faq .acbox .text .txt-16 {
				font-size: calc(14 * var(--vw-ratio));
				line-height: 1.8em;
			}
}


	
	
/* contact
--------------------- */
#contact .read {
	margin-top: calc(30 * var(--vw-ratio));
	text-align: center;
}
	#contact .read a {
		text-decoration: underline;
		color: #4DBC00;
	}
	#contact .read a:hover {
		text-decoration: none;
	}
@media screen and (max-width: 767px) {
	#contact .read {
		margin-top: calc(20 * var(--vw-ratio));
	}
}