@charset "utf-8";
/*=======================================
	seasonstylelab answer number01.css
=========================================*/
.answer.number01 .answerArea .itemBox .itemPic.item01 {
	width: 39.5rem;
}
.answer.number01 .answerArea .itemBox .itemPic.item03 {
	width: 34.7rem;
}
.answer.number01 .answerArea .itemBox .itemPic.item04 {
	width: 37rem;
}
.answer.number01 .answerArea .itemBox .txtBox .ttl01 {
	width: 37.2rem;
}
.answer.number01 .answerArea .itemBox .txtBox .ttl02 {
	width: 34.4rem;
}
.answer.number01 .answerArea .itemBox .txtBox .ttl03 {
	width: 37rem;
}
@media (max-width: 768px) {
	.answer.number01 .answerArea .itemBox .itemPic.item01 ,
	.answer.number01 .answerArea .itemBox .itemPic.item04 {
		width: 100%;
		text-align: center;
	}
	.answer.number01 .answerArea .itemBox .itemPic.item03 {
		width: 100%;
		max-width: 47.73rem;
		margin: 0 auto;
	}
	.answer.number01 .answerArea .itemBox .txtBox .ttl01 {
		width: 100%;
		max-width: 44.96rem;
		margin: 0 auto;
	}
	.answer.number01 .answerArea .itemBox .txtBox .ttl02 {
		width: 100%;
		max-width: 43.2rem;
		margin: 0 auto;
	}
	.answer.number01 .answerArea .itemBox .txtBox .ttl03 {
		width: 100%;
		max-width: 44rem;
		margin: 0 auto;
	}
}

/* picArea */
.answer .picArea .pic01 {
	width: 53.8rem;
	margin-right: auto;
	margin-left: 5rem;
}
.answer .picArea .picBox {
	margin-top: 8rem;
	display: flex;
	justify-content: flex-end;
}
.answer .picArea .picBox .pic02 {
	margin: 20.5rem 0 0 auto;
	width: 41.5rem;
}
.answer .picArea .picBox .pic03 {
	width: 39.7rem;
	margin-left: -6.5rem;
	z-index: -1;
}

/* recommendation */
@media (max-width: 768px) {
	.answer.number01 .recommendation .recommendationList .recommendationBox {
		width: 44rem;
		margin: 0 auto;
	}
}