@charset "UTF-8";
/*
よくあるご質問
-----------------------------------------------------------------------------------------------*/
.faqCtsFirst {
	width: 800px;
	margin: 0 auto;

	.faqCtsSecond {
		display: flex;
		flex-direction: column;
		gap: 80px;
	}
	.faqCtsThird {
		> .tit{
			margin-bottom: 30px;
			font-size: 2.5rem;
			
			color: var(--c-orange);
		}
	}
}

.listQa {
	> li {
		border-bottom: 1px solid var(--c-grey);
		

		&:first-of-type {
			border-top: 1px solid var(--c-grey);
		}
	}
	.tit {
		position: relative;
		font-size: 1.5rem;
		font-weight: var(--fw-medium);

		>span {
			display: block;
			padding: 40px 80px;
			cursor: pointer;

			&::after{
				content:"";
				display:block;
				width:30px;
				height:30px;
				background: url(/images/ico_plus_wh.svg) var(--c-orange) no-repeat center center / 40%;
				border-radius: 50%;
				position: absolute;
				right: 30px;
				top: 50%;
				transform: translateY(-51%);
				transition: transform 0.2s;
			}
			@media (hover: hover){
				&:hover{
					&::after{
						transform: translateY(-50%) rotate(180deg);
					}
				}
			}
		}
		&.close_btn {
			>span {
				&::after{
					background: url(/images/ico_minus_wh.svg) var(--c-orange) no-repeat center center / 40%;
				}
			}
		}
	}

	.txt {
		margin-bottom: 30px;

		.txtInner {
			display: block;
			position: relative;
			padding: 25px 30px 30px 80px;
			background: #faf8f5;
			border-radius: 20px;
			text-align: justify;
		}
	}


	.tit::before,
	.txt .txtInner::before{
		display: block;
		font-size: 3rem;
		font-family: var(--ff-en-lato);
		font-weight: 700;
		line-height: 1;
		position: absolute;
		top: 48%;
		left: 30px;
	}
	.tit::before {
		content: "Q";
		transform: translateY(-50%);
	}
	.txt .txtInner::before {
		content: "A";
		color: var(--c-orange);
		top: 25px;
	}
}

/* 表 */
.tblArea {
	margin-top: 30px;
}
[class *= "tblBase"]{
	th{
		width: 180px;
		background-color: #ffd282;
	}
	.long {
		width: calc(100% - 180px);
	}
}
.cation {
	margin-top: 15px;
}





@media screen and (width < 750px){
	/*
	よくあるご質問
	-----------------------------------------------------------------------------------------------*/
	.faqCtsFirst {
		width: 100%;

		.faqCtsSecond {
			gap: 50px;
		}
		.faqCtsThird {
			> .tit{
				margin-bottom: 20px;
				font-size: 2rem;
			}
		}
	}

	.listQa {
		.tit {
			font-size: 1.4rem;

			>span {
				padding: 20px 40px 20px 40px;
				&::after{
					width:25px;
					height:25px;
					right: 7px;
				}
			}
		}
		.txt {
			margin-bottom: 20px;
			line-height: 1.4;

			.txtInner {
				padding: 20px 20px 20px 40px;
				border-radius: 10px;
			}
		}
		.tit::before,
		.txt .txtInner::before{
			font-size: 2.2rem;
			left: 13px;
		}
		.txt .txtInner::before {
			top: 20px;
		}
	}

	/* 表 */
	.tblArea {
		margin-top: 20px;
	}
	[class *= "tblBase"]{
		max-width: 400px;
		th{
			width: 180px;
		}
		.long {
			width: calc(100% - 180px);
		}
	}
	.cation {
		margin-top: 10px;
	}
}