@charset "utf-8";

#productAbout {
	max-width: 750px;
	margin-left: auto;
 margin-right: auto;
	/* position: relative; */
}
#productAbout img {
	width: 100%;
}


/* CVエリア */
#productAbout .cv{
	position: relative;
}
#productAbout .cv a{
	position: absolute;
	width: 84%;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8.6%;
}
#productAbout .cv2{
	position: relative;
}
#productAbout .cv2 a{
	position: absolute;
	width: 84%;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 17%;
}


/* Q&A */
#productAbout .faq {
	margin: 0 auto 10%;
}
.faq-item {
  background: #fff;
	overflow: hidden;
	border-radius: 12px;
	width: 92%;
	margin: 0 auto 5%;
}
.question {
	position: relative;
	margin: 0 auto;
	cursor: pointer;
}
.faq-item.active .question {
 border-radius: 0
}
.question::before{
	position: absolute;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #308f7c;
	top: 60px;
	right: 5%;
	transform: rotate(0deg);
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 1;
}
.question::after {
	position: absolute;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #308f7c;
	top: 60px;
	right: 5%;
	transform: rotate(90deg);
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 1;
}
.faq-item.active .question::after {
	transform: rotate( 0deg);
}

.answer {
	position: relative;
	text-align: center;
	margin: 0 auto;
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease;
}
.faq-item.active .answer {
  max-height: 350px;
}