@charset "utf-8";
.faq_item {
		margin: 0 0 35px
}
.faq_item dt {
		display: flex;
		align-items: center;
		background: #14b46e;
		color: #fff;
		position: relative;
		border-radius: 10px;
		height: 90px;
		padding: 0 25px;
		cursor: pointer;
		transition: border-radius 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq_item dt.isOpen {
		border-radius: 10px 10px 0 0;
}
.faq_item.isOpen dt {
		border-radius: 10px 10px 0 0;
		position: relative;
}
.faq_item dt::after {
		content: '';
		display: block;
		position: absolute;
		top: 25px;
		left: 122px;
		width: 1px;
		height: 40px;
		background: #fff;
		pointer-events: none;
}
.faq_item dt .faq_trigger {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 30px;
		right: 35px;
}
.faq_item dt .faq_trigger::before, .faq_item dt .faq_trigger::after {
		content: '';
		display: block;
		position: absolute;
		top: 14px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq_item dt .faq_trigger::after {
		transform: rotate(90deg);
}
.faq_item dt.isOpen .faq_trigger::before {
		transform: rotate(135deg);
		opacity: 0
}
.faq_item dt.isOpen .faq_trigger::after {
		transform: rotate(180deg);
}
.faq_item dd {
		display: none;
}
.faq_item dd p {
		transition: opacity 0.8s;
		opacity: 0;
}
.faq_item dt.isOpen + dd p {
		opacity: 1;
}
.faq_no {
		font-family: "Manrope", sans-serif;
		font-size: 33px;
		font-weight: 550;
		width: 125px;
		letter-spacing: -1px;
		position: relative;
		top: -2px;
}
.faq_item dt h3 {
		font-size: 24px;
		font-weight: 600;
		top: -2px;
		position: relative;
}
.faq_item dd {
		background: #f3f4f8;
		padding: 50px 60px 50px 150px;
		border-radius: 0 0 10px 10px;
}
.faq_item dd p {
		font-size: 16px;
		font-weight: 500;
		line-height: 2.0;
}
.faq_item dt .faq_trigger {
		position: absolute;
}
@media(max-width: 1030px) {
		.faq_item dd {
				padding: 50px;
		}
		.faq_no {
				font-size: 28px;
				width: 90px;
				top: -2px;
		}
		.faq_item dt h3 {
				font-size: 20px;
		}
		.faq_item dt::after {
				top: 25px;
				left: 99px;
				height: 40px;
		}
}
@media(max-width: 767px) {
		.faq_item {
				margin: 0 0 15px;
		}
		.faq_item dt {
				border-radius: 6px;
				height: 66px;
				padding: 0 40px 0 10px;
		}
		.faq_item dt::after {
				top: 17px;
				left: 52px;
				height: 32px;
		}
		.faq_item dt .faq_trigger {
				width: 15px;
				height: 15px;
				top: 25px;
				right: 20px;
		}
		.faq_item dt .faq_trigger::before, .faq_item dt .faq_trigger::after {
				top: 7px;
		}
		.faq_item dd {
				padding: 15px 15px 40px;
				border-radius: 0 0 6px 6px;
		}
		.faq_no {
				font-size: 16px;
				width: 55px;
				top: -2px;
		}
		.faq_item dt h3 {
				font-size: 17px;
				line-height: 1.5;
				flex: 1
		}
		.faq_item dt.isOpen {
				border-radius: 6px 6px 0 0;
		}
}
@media(max-width: 375px) {
		.faq_item dt h3 {
				font-size: 15px;
		}
		.faq_item dd {
				font-size: 15px;
		}
}