@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle .text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: calc(60 * var(--vw-ratio));
	margin-bottom: calc(80 * var(--vw-ratio));
}
	#pagetitle .text .en {
		font-size: calc(156 * var(--vw-ratio));
		line-height: 1;
	}

	#pagetitle .text h1 {
		font-size: calc(50 * var(--vw-ratio));
		font-weight: 900;
		line-height: 1;
		margin-left: calc(30 * var(--vw-ratio));
	}

#pagetitle .anchor a.aclink {
	width: 48%;
	height: calc(70 * var(--vw-ratio));
	background: #000 url("../img/icon_anchor_arrow_blue.svg") no-repeat right calc(30 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
	padding: 0 calc(30 * var(--vw-ratio));
	font-weight: 900;
	color: #fff;
	line-height: calc(70 * var(--vw-ratio));
}
#pagetitle .anchor a.aclink:hover {
	background: #00C8FF url("../img/icon_anchor_arrow_black.svg") no-repeat right calc(30 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
	color: #000;
}
@media screen and (max-width: 767px) {
	#pagetitle .text {
		display: block;
		margin-top: calc(40 * var(--vw-ratio));
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#pagetitle .text .en {
			font-size: calc(70 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		#pagetitle .text h1 {
			font-size: calc(30 * var(--vw-ratio));
			margin-left: 0;
		}

	#pagetitle .anchor a.aclink {
		height: auto;
		background: #000 url("../img/icon_anchor_arrow_blue.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(18 * var(--vw-ratio));
		padding: calc(15 * var(--vw-ratio));
		font-size: calc(16 * var(--vw-ratio));
		line-height: calc(20 * var(--vw-ratio));
	}
	#pagetitle .anchor a.aclink:hover {
		background: #00C8FF url("../img/icon_anchor_arrow_black.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(18 * var(--vw-ratio));
	}
}




/* aaaa
--------------------- */
.faq h2 {
	border-top: solid 1px #fff;
	font-size: calc(40 * var(--vw-ratio));
	line-height: 1.3em;
	font-weight: 900;
	padding-top: calc(20 * var(--vw-ratio));
	margin-bottom: calc(30 * var(--vw-ratio));
	position: relative;
}
.faq h2:before {
	content: "";
	width: calc(40 * var(--vw-ratio));
	height: calc(5 * var(--vw-ratio));
	background: #00C8FF;
	position: absolute;
	top: -1px;
	left: 0;
}

.faq .f-box {
	background: #fff;
	border: solid 1px #000;
	margin-bottom: calc(30 * var(--vw-ratio));
}
.faq .f-box:nth-last-child(1) {
	margin-bottom: 0;
}
	.faq .f-box h3 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-left: calc(80 * var(--vw-ratio));
		height: calc(90 * var(--vw-ratio));
		font-size: calc(24 * var(--vw-ratio));
		font-weight: 900;
		line-height: 1.3em;
		position: relative;
		cursor: pointer;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.faq .f-box h3.active {
		color: #00C8FF;
	}
	.faq .f-box h3:after {
		content: "Q";
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(80 * var(--vw-ratio));
		font-family: "Ramabhadra", sans-serif;
		font-size: calc(24 * var(--vw-ratio));
		line-height: 1;
		color: #00C8FF;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.faq .f-box h3:before {
		content: "";
		width: calc(90 * var(--vw-ratio));
		height: 100%;
		background: url("../img/icon_open.svg") no-repeat center / calc(40 * var(--vw-ratio));
		border-left: solid 1px #000;
		position: absolute;
		top: 0;
		right: 0;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.faq .f-box h3.active:before {
		background: url("../img/icon_close.svg") no-repeat center / calc(40 * var(--vw-ratio));
	}

	.faq .f-box .text {
		display: none;
		border-top: solid 1px #000;
		padding: calc(30 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(80 * var(--vw-ratio));
		position: relative;
	}
	.faq .f-box .text:after {
		content: "A";
		display: flex;
		justify-content: center;
		align-items: flex-start;
		width: calc(80 * var(--vw-ratio));
		font-family: "Ramabhadra", sans-serif;
		font-size: calc(24 * var(--vw-ratio));
		line-height: 1;
		color: #2E2E2E;
		position: absolute;
		top:  calc(34 * var(--vw-ratio));
		left: 0;
	}
		.faq .f-box .text .txt-18 {
			line-height: 1.6em;
		}
			.faq .f-box .text .txt-18 a {
				text-decoration: underline;
				overflow-wrap: anywhere;
				word-break: normal;
				line-break: strict;
			}
			.faq .f-box .text .txt-18 a:hover {
				text-decoration: none;
			}
@media screen and (max-width: 767px) {
	.faq h2 {
		font-size: calc(28 * var(--vw-ratio));
	}
	.faq h2:before {
		width: calc(30 * var(--vw-ratio));
	}

	.faq .f-box {
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		.faq .f-box h3 {
			padding-top:calc(10 * var(--vw-ratio));
			padding-right: calc(60 * var(--vw-ratio));
			padding-bottom:calc(10 * var(--vw-ratio));
			padding-left: calc(50 * var(--vw-ratio));
			height: auto;
			font-size: calc(18 * var(--vw-ratio));
		}
		.faq .f-box h3:after {
			width: calc(50 * var(--vw-ratio));
			font-size: calc(18 * var(--vw-ratio));
		}
		.faq .f-box h3:before {
			width: calc(50 * var(--vw-ratio));
			background: url("../img/icon_open.svg") no-repeat center / calc(22 * var(--vw-ratio));
		}
		.faq .f-box h3.active:before {
			background: url("../img/icon_close.svg") no-repeat center / calc(22 * var(--vw-ratio));
		}

		.faq .f-box .text {
			padding: calc(20 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) calc(20 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
		}
		.faq .f-box .text:after {
			width: calc(50 * var(--vw-ratio));
			font-size: calc(18 * var(--vw-ratio));
			top:  calc(26 * var(--vw-ratio));
		}
			.faq .f-box .text .txt-18 {
				font-size: calc(15 * var(--vw-ratio));
			}
}


	
	
/* other
--------------------- */
#other .txt-20 {
	font-weight: 900;
	text-align: center;
	margin-bottom: calc(30 * var(--vw-ratio));
}

#other .btn-faq {
	width: 50%;
	margin: 0 auto;
}
	#other .btn-faq a {
		display: block;
		background: #000 url("../../common/img/icon_arrow_blue.svg") no-repeat right calc(25 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
		height: calc(80 * var(--vw-ratio));
		line-height: calc(80 * var(--vw-ratio));
		font-size: calc(22 * var(--vw-ratio));
		font-weight: 900;
		color: #fff;
		text-align: center;
	}
	#other .btn-faq a:hover {
		background: #00C8FF url("../../common/img/icon_arrow_black.svg") no-repeat right calc(25 * var(--vw-ratio)) center / calc(30 * var(--vw-ratio));
		color: #000;
	}
@media screen and (max-width: 767px) {
	#other .txt-20 {
		margin-bottom: calc(20 * var(--vw-ratio));
	}

	#other .btn-faq {
		width: 80%;
	}
		#other .btn-faq a {
			background: #000 url("../../common/img/icon_arrow_blue.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
			height: calc(64 * var(--vw-ratio));
			line-height: calc(64 * var(--vw-ratio));
			font-size: calc(16 * var(--vw-ratio));
			padding-left: calc(15 * var(--vw-ratio));
			text-align: left;
		}
		#other .btn-faq a:hover {
			background: #00C8FF url("../../common/img/icon_arrow_black.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(20 * var(--vw-ratio));
		}
}