@charset "utf-8";

/*----------------------------------------------------------------------------------------

	qanda.css

----------------------------------------------------------------------------------------*/

#bnr_qanda {
	display: none;
}

.pgcontent p {
	margin: 1.5em 0;
}

.pgcontent .contact_desc-wrap p {
  margin: 0;
}

/* ボタン ///
---------------------------------------------- */
.btn01 {
	margin-top: 20px;
}
.btn01 a {
	width: 200px;
	background-color: #414042;
	display: block;
	color: #fff;
	line-height: 44px;
	text-align: center;
	transition: opacity 0.2s;
}
.btn01 a:hover {
	opacity: 0.8;
}
.btn01 a::after {
	margin-left: 8px;
	opacity: 0.75;
	font-weight: 600;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
}


/* 共通 //
////////////////////////////////////////////////////////////////////*/

.shd {
	margin-top: 40px;
	margin-bottom: 10px;
}
.tc_green {
	color: #92b178;
	font-weight: 700;
}
.tc_gold {
	color: #beaf87;
	font-weight: 700;
}
.ts_big {
	font-size: 1.3em;
}

.main .qa_img {
	margin: 2em auto;
	max-width: 460px;
}
.qa_graph01 {
	margin: 30px 0 20px;
}
.qa_graph01 figcaption {
	margin-bottom: 6px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.qa_graph01 img {
	margin: auto;
	width: 100%;
	max-width: 700px;
	display: block;
}
.qa_graph01 img + img {
	margin-top: 20px;
}
.qa_overview {
	position: relative;
	margin: 30px 0;
	padding: 40px 35px 30px;
	border: 1px solid #b7b9ba;
}
.qa_overview dt {
	padding: 0 1em;
	position: absolute;
	top: -12px;
	left: 15px;
	background-color: #beaf87;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
}
.qa_dl {
	margin: 20px 0;
	padding: 22px 22px 18px;
	border: 1px solid #b7b9ba;
}
.qa_dl dt {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.qa_table01 {
	margin: 30px auto 20px;
}
.qa_table01 + p {
	margin: 0 auto;
	width: 660px;
}
.qa_table01 tr:not(:first-child) th {
	/* width: 120px; */
}
.qa_table01 th, .qa_table01 td {
	box-sizing: border-box;
	padding: 8px 10px;
	width: 220px;
	border: solid 1px #c0c0c0;
}
.qa_table01 t {
}
.qa_table01 td {
	text-align: right;
}
.qa_table01 th:first-child,
.qa_table01 td:first-child {
	border-left: none;
}
.qa_table01 th:last-child,
.qa_table01 td:last-child {
	border-right: none;
}
.qa_aside {
	margin: 60px 0;
}
.qa_ul li {
	margin-left: 1.5em;
	list-style: disc inside;
	line-height: 1.5;
	text-indent: -1.5em;
}
.qa_ul li:not(:last-child) {
	margin-bottom: 8px;
}


/* 住まいのQ&A //
////////////////////////////////////////////////////////////////////*/

body.qanda .qa_pagelist {
	overflow: hidden;
}
body.qanda .qa_pagelist li {
	width: 100%;
	height: 70px;
	display: table;
	position: relative;
}
body.qanda .qa_pagelist li:not(:last-child) {
	margin-bottom: 12px;
}
body.qanda .qa_pagelist li > a {
	padding: 0 40px 0 18px;
	box-shadow: inset 0 0 0 1px #92c800;
	border-left: 8px solid #92c800;
	display: table-cell;
	vertical-align: middle;
	position: static;
	font-size: 20px;
	line-height: 1.3;
}
body.qanda .qa_pagelist li > a::after {
	position: absolute;
	right: 15px;
	color: #92c800;
	font-size: 22px;
}

/* 住まいのQ&A　下層クッションメニュー //
////////////////////////////////////////////////////////////////////*/

body.parent_qanda .qa_pagelist {
	overflow: hidden;
}
body.parent_qanda .qa_pagelist li {
	box-sizing: border-box;
	width: calc(50% - 5px);
	height: 60px;
	border: 1px solid #ccc;
	display: table;
	position: relative;
	float: left;
}
body.parent_qanda .qa_pagelist li:nth-child(even) {
	margin-left: 10px;
}
body.parent_qanda .qa_pagelist li:nth-child(n+3) {
	margin-top: 10px;
}
body.parent_qanda .qa_pagelist li > a {
	padding: 0 40px 0 15px;
	background-color: #e6e7e8;
	display: table-cell;
	vertical-align: middle;
	box-shadow: inset 0 0 0 1px #fff;
	position: static;
	font-size: 18px;
	font-weight: 700;
}
body.parent_qanda .qa_pagelist li > a::after {
	position: absolute;
	right: 10px;
	color: #92c800;
}


/* 下層関連メニューなど //
////////////////////////////////////////////////////////////////////*/

body.parent_qanda .qa_kanren {
	margin: 20px 0;
}
body.parent_qanda .qa_kanren > .shd {
	margin-top: 0;
}
body.parent_qanda .qa_kanren ul {
	display: flex !important;
	flex-wrap: wrap;
}
body.parent_qanda .qa_kanren li {
	margin-right: 1.5em;
	float: left;
	line-height: 2;
}
body.parent_qanda .qa_kanren li a::before {
	margin-right: 4px;
	color: #92c800;
}
body.parent_qanda .qa_qandalist > li:not(:last-child) {
	margin-bottom: 2px;
}
body.parent_qanda .qa_qandalist > li > span {
	box-sizing: border-box;
	padding: 15px 50px 15px 15px;
	background-color: #e6e7e8;
	display: block;
	color: #414042;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
body.parent_qanda .qa_qandalist > li > span::before {
	position: absolute;
	left: 20px;
}
body.parent_qanda .qa_qandalist > li > span::after {
	position: absolute;
	right: 20px;
}
body.parent_qanda .qa_qandalist ul {
	margin: 8px 15px 20px;
	overflow: hidden;
}
body.parent_qanda .qa_qandalist ul > li > a {
	padding: 5px 0;
	display: block;
	line-height: 1.4;
}
body.parent_qanda .qa_qandalist ul > li > a::before {
	margin-right: 6px;
	color: #92c800;
	font-size: 16px;
}
body.parent_qanda .qa_qandalist li li {
    margin-right: 1.5em;
    float: left;
}


/* 住宅ローンの審査・金利　ファイナンシャルプランニング //
////////////////////////////////////////////////////////////////////*/

body.hyaafp .pgcontent .btns01 {
	margin-top: 20px;
}
body.hyaafp .pgcontent .btns01 li:not(:last-child) {
	margin-bottom: 6px;
}
body.hyaafp .pgcontent .btns01 a {
	font-size: 15px;
}
body.hyaafp .pgcontent .btns01 a i {
	display: block;
	font-size: 15px;
	font-weight: 400;
}


/* 住宅ローンの審査・金利　住宅ローン審査 //
////////////////////////////////////////////////////////////////////*/

body.judging .pgcontent .btn01 {
	margin-bottom: 0;
}
body.judging .pgcontent .btn01 a {
	width: 240px;
}
body.judging .pgcontent .btn01 + p {
	margin-top: 5px;
}


/* 住宅ローンの審査・金利　成功事例 //
////////////////////////////////////////////////////////////////////*/

body.loanjirei .pgcontent .qa_jirei {
	padding: 18px 18px 16px;
	border: 1px solid #ccc;
}
body.loanjirei .pgcontent .qa_jirei + .qa_jirei {
	margin-top: 20px;
}
body.loanjirei .pgcontent .qa_jirei li {
	line-height: 1.5;
}
body.loanjirei .pgcontent .qa_jirei h3 {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1;
}


/* 一戸建て・マンション・土地のメリットデメリット　//
////////////////////////////////////////////////////////////////////*/

body.parent_shubetsumd .merideme::after {
	display: block;
	clear: both;
	content: "";
}
body.parent_shubetsumd .merideme　h2 img {
	margin-top: -13px;
}
body.parent_shubetsumd .merideme .line02 + h4 {
	padding-top: 10px;
}
body.parent_shubetsumd .merideme h4 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 40px;
	clear: both;
}
body.parent_shubetsumd .merideme figure {
	width: 320px;
	float: left;
}
body.parent_shubetsumd .merideme figure + p {
	margin: -9px 0 0 340px;
}
body.parent_shubetsumd .merideme ul {
	clear: both;
}
body.parent_shubetsumd .merideme * + ul {
	padding-top: 20px;
}


/* ペット可物件・テレワーク物件	ペット可物件 //
////////////////////////////////////////////////////////////////////*/

body.petkabukken .pgcontent .btn01 a,
body.sumikaekn .pgcontent .btn01 a {
	width: 350px;
}


/* 	初めての購入・住み替えでの購入	購入までの流れ //
////////////////////////////////////////////////////////////////////*/

body.konyumade .qa_nagare h3 {
	padding: 0 15px;
	background-color: #414042;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
}

/* 公的優遇サービス	公的優遇サービス//
////////////////////////////////////////////////////////////////////*/

body.yuuguservice .pgcontent .btn01 {
	margin-bottom: 8px;
}
body.yuuguservice .pgcontent .btn01 + p {
	margin-top: 0;
}

/* 公的優遇サービス	リフォームに伴う減税制度	リフォーム減税//
////////////////////////////////////////////////////////////////////*/
body.reform_tax_reduction h5.title03 {
  font-size: 20px;
  margin-top: 25px;
}
.checklist_list{padding-left: 1.5rem;}
.checklist_list{margin-top: 1em;margin-bottom: 1.5em;}
.checklist_list li{
	padding-left:1em;
	text-indent:-1.3em;
}
.checklist_list li::before {
	padding-right: .7rem;
	font-size: 16px;
	font-family: FontAwesome;
	content: "\f14a";
	color: #beaf87;
}
.yellowcmarker {
	background: linear-gradient(transparent 50%, #ffefc4 0%);
	mmargin: 3rem .3rem 0;
	display: inline-block;
}
.glid360{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 1.5rem;
}
.glid360 li img{width:400px;}
.glid360 li:not(:first-child) {margin-left: 1.5rem;}
#view1kounyu_tax_reduction,#view2kounyu_tax_reduction { display:none;}
#view1kounyu_tax_reduction,#view2kounyu_tax_reduction{ padding: 0 3rem 3.5rem;}
#view1kounyu_tax_reduction_btn:hover,#view2kounyu_tax_reduction_btn:hover{opacity:0.8;cursor: pointer;}
#view1kounyu_tax_reduction_btn,#view2kounyu_tax_reduction_btn{
    position: relative;
    padding: 2rem 2rem 2rem;
    font-size: 1.8rem;
    background-color: #fff;
    margin-bottom: 2rem;
    border-top: 6px double #beaf87;
	border-bottom: 6px double #beaf87;
}

#view1kounyu_tax_reduction_btn i,#view2kounyu_tax_reduction_btn i{
	background-color: #beaf87;
	padding: 0 1rem;
	display: inline-block;
	text-align: center;
	color: #fff;
	margin-right: 1rem;
}
#view1kounyu_tax_reduction_btn::after,#view2kounyu_tax_reduction_btn::after{
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 1rem;
	margin: 0;
	font-size: 3rem;
	color: #beaf87;
	font-weight: 600;
	font-family: FontAwesome;
	line-height: 1;
}
#view1kounyu_tax_reduction_btn::after,#view2kounyu_tax_reduction_btn::after{content: "\f107";}
#view1kounyu_tax_reduction_btn.open::after,#view2kounyu_tax_reduction_btn.open::after{content: "\f106";}
#view1kounyu_tax_reduction,#view2kounyu_tax_reduction{
	position: relative;
	margin: 1.5rem 0 4rem;
	padding: 0 3rem 2rem;
	border: 1px solid #e1d9c4;
	background-color: #fffbf2;
}