@charset "utf-8";
/*
 qa.css
*/
/* -----------------------------------------------
= page_title
----------------------------------------------- */
.page_title {
	position: relative;
}
.page_title h1 {
	position: absolute;
	top: 13rem;
	width: 100%;
	color: #704535;
}
.page_title .en {
	display: block;
	margin-bottom: 1.5rem;
	padding: 0 1rem 0 3rem;
	font-size: 5.6rem;
	font-weight: 400;
	letter-spacing: .24em;
}
.page_title .jp {
	display: block;
	padding: 0 1rem 0 3rem;
	font-size: 4.2rem;
	line-height: 5.8rem;
	letter-spacing: .1em;
}
@media print, screen and (min-width: 768px) {/* PC */
.page_title .en {
	max-width: 110rem;
	margin: 0 auto 2rem;
	padding: 0 5rem;
	font-size: 4.4rem;
}
.page_title .jp {
	max-width: 110rem;
	margin: 0 auto;
	padding: 0 5rem;
	font-size: 2.6rem;
	line-height: 3.6rem;
	letter-spacing: .2em;
}
}/* @media */
/* -----------------------------------------------
= qa_cont
----------------------------------------------- */
.qa_cont {
	color: #704535;
	background: linear-gradient(30deg, #ffe3c5, #ffdede);
}
.qa_cont .item {
	padding: 6rem 3rem;
}
.qa_cont .question .num {
	margin-bottom: 2rem;
	font-size: 5.6rem;
	font-weight: 400;
	letter-spacing: .02em;
}
.qa_cont .question h2 {
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 5rem;
	letter-spacing: .1em;
}
.qa_cont .question h2 span {
	border-bottom: .4rem solid #fff;
}
.qa_cont .answer {
	position: relative;
	margin-top: 5rem;
}
.qa_cont .answer .img {
	position: absolute;
	top: 9rem;
}
.qa_cont .answer .img.img01 {
	width: 7.2rem;
}
.qa_cont .answer .img.img02 {
	width: 9rem;
}
.qa_cont .answer .img.img03 {
	width: 6.9rem;
}
.qa_cont .answer .img.img04 {
	width: 6.6rem;
}
.qa_cont .answer .img.img05 {
	width: 11.8rem;
}
.qa_cont .answer .img.img06 {
	width: 6.9rem;
}
.qa_cont .answer .box {
	position: relative;
	padding: 3rem;
	background: #fff;
	border: .2rem solid #704535;
	border-radius: 1rem;
}
.qa_cont .answer .box::before {
	content: '';
	position: absolute;
	top: 8.5rem;
	width: 3.7rem;
	height: 4.5rem;
	background: url(../../img/lifedesigner/qa_bg01_sp.svg) no-repeat 50% / 100% auto;
}
.qa_cont .answer .num {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: .4rem solid #704535;
	font-size: 4rem;
	font-weight: 400;
	letter-spacing: .02em;
}
.qa_cont .answer h3 {
	margin-bottom: 1rem;
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 5.2rem;
	letter-spacing: .2em;
}
.qa_cont .answer .text {
	color: #333;
	font-family: 'Noto Sans CJK JP Regular', sans-serif;
	font-weight: 400;
	font-size: 3rem;
	line-height: 5.2rem;
	letter-spacing: .04em;
}
.qa_cont .answer .note {
	display: block;
	font-size: 2.6rem;
	line-height: 5rem;
}
.qa_cont .answer .btn a {
	display: block;
	margin: 2rem 0 0;
	padding: 2.4rem 0;
	color: #fff;
	background: #a0857d;
	border-radius: 3em;
	font-family: 'Noto Sans CJK JP Bold', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	letter-spacing: .08em;
	text-align: center;
}
.qa_cont .item.type01 .answer .img {
	left: 0;
}
.qa_cont .item.type01 .answer .box {
	margin-left: 12rem;
}
.qa_cont .item.type01 .answer .box::before {
	left: -3.6rem;
}
.qa_cont .item.type02 .question .num,
.qa_cont .item.type02 .question h2 {
	text-align: right;
}
.qa_cont .item.type02 .answer .img {
	right: 0;
}
.qa_cont .item.type02 .answer .box {
	margin-right: 12rem;
}
.qa_cont .item.type02 .answer .box::before {
	right: -3.6rem;
	transform: scale(-1, 1);
}
@media print, screen and (min-width: 768px) {/* PC */
.qa_cont {
	padding: 0 0 9rem;
}
.qa_cont .item {
	display: flex;
	max-width: 110rem;
	margin: 0 auto;
	padding: 9rem 5rem 0;
}
.qa_cont .question {
	width: 28rem;
}
.qa_cont .question .num {
	font-size: 4.4rem;
}
.qa_cont .question h2 {
	font-size: 2.4rem;
	line-height: 3.6rem;
}
.qa_cont .question h2 span {
	border-bottom-width: .2rem;
}
.qa_cont .answer {
	flex: 1;
}
.qa_cont .answer .img {
	top: 11rem;
}
.qa_cont .answer .img.img01 {
	width: 4.2rem;
}
.qa_cont .answer .img.img02 {
	width: 4.8rem;
}
.qa_cont .answer .img.img03 {
	width: 3.9rem;
}
.qa_cont .answer .img.img04 {
	width: 4rem;
}
.qa_cont .answer .img.img05 {
	width: 7rem;
}
.qa_cont .answer .img.img06 {
	width: 4.1rem;
}
.qa_cont .answer .box {
	display: flex;
	align-items: center;
	padding: 5rem 5rem 5rem 3rem;
	border-width: .1rem;
}
.qa_cont .answer .box::before {
	width: 4.8rem;
	height: 4.8rem;
	background-image: url(../../img/lifedesigner/qa_bg01.svg);
}
.qa_cont .answer .num {
	margin: 0 2rem 0 0;
	padding: 0;
	border-bottom: none;
	font-size: 2.8rem;
}
.qa_cont .answer .set {
	flex: 1;
	padding-left: 2rem;
	border-left: .1rem solid #704535;
}
.qa_cont .answer h3 {
	font-size: 2.4rem;
	line-height: 3.6rem;
}
.qa_cont .answer .text {
	font-size: 1.8rem;
	line-height: 3.2rem;
}
.qa_cont .answer .note {
	font-size: 1.6rem;
	line-height: 3rem;
}
.qa_cont .answer .btn a {
	display: inline-block;
	padding: 1.4rem 2rem;
	font-size: 2rem;
	line-height: 1;
}
.qa_cont .item.type01 .answer {
	margin: 7rem 6.8rem 0 -10rem;
	padding-left: 9rem;
}
.qa_cont .item.type01 .answer .box {
	margin-left: 2rem;
}
.qa_cont .item.type01 .answer .box::before {
	top: 11rem;
	left: -4.7rem;
}
.qa_cont .item.type02 .question {
	order: 2;
}
.qa_cont .item.type02 .question .num,
.qa_cont .item.type02 .question h2 {
	text-align: left;
}
.qa_cont .item.type02 .answer {
	order: 1;
	margin: 7rem -7rem 0 7rem;
	padding-right: 9rem;
}
.qa_cont .item.type02 .answer .img {
	top: 16.3rem;
	right: 0;
}
.qa_cont .item.type02 .answer .box {
	margin-right: 2rem;
}
.qa_cont .item.type02 .answer .box::before {
	top: 13.4rem;
	right: -4.7rem;
}

}/* @media */

/* -----------------------------------------------
= print
----------------------------------------------- */
@media print {
}/* media */



