@charset "UTF-8";

/* ------------------------------------------------------------
  PCスタイル
 ------------------------------------------------------------ */
@media screen and (min-width: 768px) {
	/* ページヘッダー */
	.pageFaq_ttl {
		padding: 22px 48px;
	}
	.faqTtl_fig {
		width: 392px;
		height: 245px;
		position: absolute;
		left: -265px;
		bottom: -103px;
	}
	.faq_sec {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-top: 100px;
	}
	.faq_container {
		width: 990px;
	}
	.faq_ttl {
		padding: 0;
		margin-bottom: 30px;
		font-size: 2.1875rem; /* 35px */
		font-weight: 500;
		line-height: 1.0;
	}
	.faq_ttl:after {
		content: "";
		display: inline-block;
		width: 62px;
		height: 30px;
		background: url('../img/faq/fig_ttl_back.svg') no-repeat left bottom / contain;
	}
	details.faq {
		border-radius: 20px;
		background: #ecf3ee;
		font-size: 1.125rem; /* 18px */
		font-weight: 500;
		color: #1aad6b;
	}
	details.faq:not(:last-child) {
		margin-bottom: 30px;
	}
	summary {
		padding: 15px 16px;
		list-style: none;
	}
	summary::-webkit-details-marker {
		display: none;
	}
	summary::before {
		content: "Q.";
		margin-right: 0.625rem;
		font-size: 30px;
		line-height: 1;
	}
	summary::after {
		content: "+";
		margin-left: auto;
		font-size: 30px;
		line-height: 1;
	}
	details[open] summary::after {
		content: "−";
	}
	summary {
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	div.faq_a {
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding: 0 48px 16px 16px;
		font-size: 16px;
		font-weight: 400;
		color: #000;
	}
	div.faq_a:before {
		content: "A.";
		margin-right: 0.625rem;
		font-size: 30px;
		font-weight: 500;
		line-height: 1;
	}
	div.faq_a p {
		text-align: justify;
	}
}


/* ------------------------------------------------------------
  SPスタイル
 ------------------------------------------------------------ */
@media screen and (max-width: 767px) {

	/* ページヘッダー・イラスト */
	.faqTtl_fig {
		width: 202px;
		height: 200px;
		position: absolute;
		right: 0;
		bottom: -150px;
		left: 0;
		margin: 0 auto;
	}

	/* セクション共通 */
	.faq_sec {
		width: 100%;
		padding: 0 24px;
		margin-top: 70px;
	}
	.faq_container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.faq_ttl {
		font-size: 1.5rem !important;
	}
	.faq_ttl:after {
		content: "";
		display: inline-block;
		width: 2.5rem;
		height: 2rem;
		background: url('../img/faq/fig_ttl_back.svg') no-repeat left -5px bottom / contain;
	}
	details.faq {
		width: 100%;
		border-radius: 20px;
		background: #ecf3ee;
		margin-top: 20px;
		font-size: 1.125rem; /* 18px */
		font-weight: 500;
		color: #1aad6b;
	}
	summary {
		padding: 15px 16px;
		list-style: none;
	}
	summary::-webkit-details-marker {
		display: none;
	}
	summary::before {
		content: "Q.";
		margin-right: 0.625rem;
		font-size: 30px;
		line-height: 1;
	}
	summary::after {
		content: "+";
		margin-left: auto;
		font-size: 30px;
		line-height: 1;
	}
	details[open] summary::after {
		content: "−";
	}
	summary {
		display: flex;
		align-items: flex-start;
		cursor: pointer;
	}
	div.faq_a {
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding: 0 48px 16px 16px;
		font-size: 16px;
		font-weight: 400;
		color: #000;
	}
	div.faq_a:before {
		content: "A.";
		margin-right: 0.625rem;
		font-size: 30px;
		font-weight: 500;
		line-height: 1;
	}
	div.faq_a p {
		text-align: justify;
	}

	/* 管理委託について */
	.faq_bpoMgt {
		margin-top: 50px;
	}
	.faq_bpoMgtTtl {
		margin-top: 0;
	}

	/* その他・契約全般 */
	.faq_others {
		padding-bottom: 50px;
	}

	/* リンクボタン */
	.contact_links {
		background: #F4F4F4;
	}

 }