@charset "utf-8";

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

	sale_guidance.css

----------------------------------------------------------------------------------------*/
.title05::before {
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#sale_guidance .title02 span {font-size: 2rem;}
.yellowcmarker {
	background: linear-gradient(transparent 50%, #ffefc4 0%);
	margin: 0 .3rem;
}
#sale_guidance p + p{margin-top:4rem;}
#sale_guidance #kantan-satei ol.SyubetuJusyoc-list li p:nth-of-type(2){margin-top:0;}
.yellowcmarker em,em.yellowcmarker{font-weight: bold;}
#sale_guidance{
	line-height: 1.8;
}
#sale_guidance_toiarea{
	border-radius: 10px;
	background-color: #fff;
	padding: 3rem 4rem 4rem;
	margin-top: 8rem;
}
#sale_guidance_toiarea .title03{
	margin-bottom: 2.5rem;
	margin-top: 0;
}
#sale_guidance_toiarea .footer-soudan{margin-top: 3rem;margin-bottom: 7rem;}
#sale_guidance_toiarea #kantan-satei{margin-bottom: 0;}
#sale_guidance > h2{margin-bottom:6rem;}
.qa-article_overview {
    position: relative;
    margin: 6rem 0 6rem;
    padding: 2em 3.5rem;
    border: 1px solid #e1d9c4;
    background-color: #fffbf2;
}
.qa-article_overview2 {
    position: relative;
    padding: 1em 2.5rem;
    border: 1px solid #e1d9c4;
    background-color: #fffbf2;
}
.qa-article_overview2:not(:last-child){ margin: 0 0 2rem;}
/*.qa-article_overview2:last-child {margin: 0 0 4rem;}*/

.title04 + .qa-article_overview2{margin-top:1rem;}
.qa-article_overview2 + .title04 {margin-top:3rem;}
.qa-article_overview > i ,.qa-article_overview2 i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1em;
    padding: 0 1em;
    margin: 0;
    font-size: 2rem;
    background-color: #beaf87;
    color: #fff;
    transform: translateY(-50%) translateX(1em);
    font-weight: 600;
}
.qa-article_overview li ul {
    margin-left: 1em;
}
.qa-article_overview li {
    line-height: 2;
    padding-left: 2px;
}
.qa-article_overview a::before,.qa-article_overview2 a::before,.pardot_con_flex div a::before {
	margin-right: 10px;
	content: "\f105";
	font-family: fontawesome;
	color: #beaf87;
	font-weight: bold;
}

.sale_guidance_calculation {
    padding: 3rem 3.5rem;
    border: 1px solid #e1d9c4;
    background-color: #fffbf2;
    margin-top: 1rem;
}
.sale_guidance_calculation ul.sale_guidance_check a i {
    margin-right: 5px;
    font-family: fontawesome;
    color: #beaf87;
    font-size: 1.4em;
}
.sale_guidance_merit i ,.sale_guidance_demerit i{
    margin-right: 5px;
    font-family: fontawesome;
    font-size: 1.2em;
    vertical-align: baseline;
}
.sale_guidance_merit i { color: #3c9600;}
.sale_guidance_demerit i { color: #dd1a00;}
.sale_guidance_calculation strong{
	font-size: 2.6rem;
	letter-spacing: -0.02em;
	font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Font Awesome 5 Free", "Font Awesome 5 Brands", sans-serif;
}
.pardot_con_flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 3rem;
}
.pardot_con_flex + p {margin-bottom: 4em;}
.pardot_con_flex + .qa-article_overview{margin-top: 3rem;}

.pardot_con_flex + .title04{margin-top: 3rem;}
.pardot_con_flex img {
    width: 380px;
    margin-right: 3.5rem;
    flex-shrink: 0;
}
.pardot_con_flex div p + p,.pardot_con_flex div h4 + p{margin-top: 1rem;}

.pardot_con_flex div h5 {margin-bottom: 1rem;} 
.pardot_con_flex div > h5 i{margin-right:1rem;}
.pardot_con_flex + .qa-article_overview2 {margin-top: 2.5rem;}

@media screen and (max-width:480px) { 
	#sale_guidance{
		font-size: 1.4rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.pardot_con_flex{
		flex-direction: column;
		margin-top: 2rem;
	}
	.pardot_con_flex img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.qa-article_overview {
		margin: 0 0 3rem;
		padding: 2rem 1em 1rem;
	}
	.title02 + .sale_guidance_calculation { margin-top: 2rem !important;}
	.sale_guidance_calculation + h3 { margin-top: 4rem !important;}
	.sale_guidance_calculation { padding: 2rem;}
		#sale_guidance_toiarea {
	    border-radius: 0;
	    padding: 0;
	    margin-top: 4rem;
	}
	#sale_guidance_toiarea .footer-soudan {
	    margin-top: 2rem;
	    margin-bottom: 3rem;
	}
	#sale_guidance > h2 { margin-bottom: 4rem;}
	.qa-article_overview i{font-size: 1.6rem;}
	.sale_guidance_toiarea .title03 { margin-bottom: 1rem;}
	.pardot_con_flex + .qa-article_overview { margin-top: 2rem;}
	p + .qa-article_overview {margin-top: 5rem;}
	.qa-article_overview h4.title05,.qa-article_overview2 h4.title05{font-size: 1.6rem;line-height: 1.4;}
	.pardot_con_flex + p {margin-bottom: 3em;}
	.qa-article_overview2 {padding: 1em;}
	#sale_guidance p + p{margin-top:2rem;}
}
.title02 + .sale_guidance_calculation{margin-top:4rem;}
.sale_guidance_calculation + h4{margin-top: 3.5rem;}
.sale_guidance_calculation + h3{margin-top: 7rem;}
.title04 + .sale_guidance_merit{margin-top: 2rem;}
.sale_guidance_merit_demerit_list {margin-top: 0;}
.sale_guidance_merit_demerit_list + h4{margin-top: 3rem;}
.sale_guidance_merit_demerit_list li{
	padding-left: 1em;
	text-indent: -1em;
}
.sale_guidance_merit_demerit_list li:before{
	margin-right: 1rem;
	content: " - ";
}

/** 税金 ***/
.tax_toggle_content{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.tax_toggle{
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 2rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.tax_toggle_in{
    padding: 0 6rem 3.5rem;
    /*display: none;*/
}
.tax_toggle h4{
    position: relative;
    padding: 2rem 2rem 2rem;
    font-size: 1.8rem;
    height: 73px;
}
.tax_toggle_in .title04{padding: 2px 3rem 0;height: 3rem;}
.tax_toggle h4.title04{
    padding: 0 0 0 25px;
    margin-top: 1.5rem;
}
.tax_toggle h4.title04 + img{margin-bottom: 2rem;}
.tax_toggle h4 i{
	background-color: #beaf87;
	/*width: 28px;
	height: 28px;*/
	padding: 0 1rem;
	display: inline-block;
	text-align: center;
	color: #fff;
	margin-right: 1rem;
}
.tax_toggle h4::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;
}
.tax_toggle_content .tax_toggle h4::after{content: "\f107";}
.tax_toggle_content .tax_toggle h4.title04::after { content: "";}
.tax_toggle h4.open::after{content: "\f106";}
.tax_toggle h5 {font-weight: normal;margin-bottom: 1rem;}
.tax_toggle h5::before{
	padding-right: .7rem;
	font-size: 1.8rem;
	font-family: FontAwesome;
	content: "\f14a";
}
.tax_balloon_rei{
	position: absolute;
	top: 0;
	left: 8px;
	padding: 1.3rem;
	font-size: 1.6rem;
	background-color: #beaf87;
	color: #fff;
	transform: translateY(-50%) translateX(1em);
	font-weight: 600;
	border-radius: 50%;
	line-height: 1;
}
.tax_balloon_note{
	position: absolute;
	top: 0;
	left: 8px;
	padding: 1rem 3rem;
	font-size: 1.6rem;
	background-color: #e3c601;
	color: #fff;
	transform: translateY(-50%) translateX(1em);
	font-weight: 600;
	border-radius: 10px;
	line-height: 1;
}
.tax_toggle_in_overview_mt4{margin-top: 4rem !important;padding-top: 3rem !important;}
.tax_toggle_in_overview{
	position: relative;
	margin: 1.5rem 0 4rem;
	padding: 2rem 3rem 2rem;
	border: 1px solid #e1d9c4;
	background-color: #fffbf2;
}
.tax_toggle_in_overview em{font-weight: 600;}
.sale_guidance_table_2{
	margin: 2rem auto 3rem;
	border-bottom: solid 1px #c0c0c0;
	width: 100%;
}
.sale_guidance_table_2 th{background-color: #fffbf2;}
.sale_guidance_table_2 th,.sale_guidance_table_2 td{
	width: 50%;
	padding: .5rem 2rem;
	border-top: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	text-align: left;
}
.sale_guidance_table_2 td:last-child,.sale_guidance_table_2 th:last-child{border-right:none;}

.tax_toggle_in_overview ul li hr{
	height: 1px;
	margin: 1rem 0 1rem;
	background: #d0d0d0;
	width: 30%;
}
.tax_toggle_in_overview h6{font-size:1.8rem;margin-bottom: .5rem;}
.tax_toggle_in a{color: #beaf87;font-weight: bold;}
.tax_toggle_in_overview:last-child{margin-bottom: 1rem;}
.sale_guidance_table_3{
	margin: 2rem auto;
	border-bottom: solid 1px #c0c0c0;
	width: 100%;
}
.tax_toggle_in_overview_bt1{margin-bottom: 1rem;}
.sale_guidance_table_3 th{
	background-color: #fffbf2;
	font-size: 1.4rem;
	padding: 1rem 0 !important;
	font-weight: normal;
}
.sale_guidance_table_3 th em,.sale_guidance_table_3 td em{font-weight: bold;}
.sale_guidance_table_3 th em{font-size: 1.6rem;}
.sale_guidance_table_3 td em{font-size: 1.8rem;}
.sale_guidance_table_3 th,.sale_guidance_table_3 td{
	width: 50%;
	padding: .5rem 2rem;
	border-top: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	text-align: center;
}
.sale_guidance_table_3 td:last-child,.sale_guidance_table_3 th:last-child{border-right:none;}
.sale_guidance_table_3 td:first-child,.sale_guidance_table_3 th:first-child{width:184px;text-align: left;}
.sale_guidance_table_3 tr:last-child td{border-top: solid 2px #c0c0c0;}

.sale_guidance_table_3 td:not(:first-child),.sale_guidance_table_3 th:not(:first-child){width:250px;}

.sale_guidance_table_4{
	margin: 2rem auto 3rem;
	border-bottom: solid 1px #c0c0c0;
	width: 100%;
}
.sale_guidance_table_4 th{background-color: #fffbf2;}
.sale_guidance_table_4 th,.sale_guidance_table_4 td{
	padding: .5rem 2rem;
	border-top: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	text-align: left;
}
.sale_guidance_table_4 th:first-child,.sale_guidance_table_4 td:first-child{width: 30%;}
.sale_guidance_table_4 td{background-color: #fff;}
.sale_guidance_table_4 td:last-child,.sale_guidance_table_4 th:last-child{border-right:none;}

@media screen and (max-width:480px) { 
	.tax_toggle h4 {
	    padding: 1rem 4rem 1rem 4rem;
	    font-size: 1.6rem;
	    height: auto;
	}
	.tax_toggle h4::after{
		font-size: 2rem;
		top: .5rem;
		right: .5rem;
	}
	.tax_toggle_in { padding: 1rem;}
	.tax_toggle h5 { margin-bottom: 1rem;}
	.tax_toggle h4 i{margin-left: -3rem;}
	.tax_toggle_in_overview{padding: 2rem 2rem 1rem;}
	.tax_toggle_in_overview h6 { font-size: 1.6rem;}
	.sale_guidance_table_3 td:not(:first-child), .sale_guidance_table_3 th:not(:first-child) { width: auto;}
	.sale_guidance_table_3 td em { font-size: 1.6rem;}
	.sale_guidance_table_3 td:not(:first-child), .sale_guidance_table_3 th:not(:first-child) { width: 40%;}
	.sale_guidance_table_3 td:first-child, .sale_guidance_table_3 th:first-child {
		width: 20%;
		text-align: left;
	}
	.sale_guidance_table_4 th:first-child,.sale_guidance_table_4 td:first-child{width: 50%;}
	.sale_guidance_table_4 th,.sale_guidance_table_4 td{padding: 1rem 1rem;}

}
.sale_guidance_kaitori{
    position: relative;
    margin: 3rem 0 2rem;
    padding: 4em 4rem 1rem;
    background-color: #fffbf2;
}
.sale_guidance_kaitori + .sale_guidance_kaitori{margin-bottom: 4rem;}
.sale_guidance_kaitori i{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 1em;
	margin: 0;
	font-size: 1.8rem;
	color: #fff;
	font-weight: 600;
	width: 222px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.sale_guidance_kaitori_merit{ border: 1px solid #87bea6;}
.sale_guidance_kaitori_merit i { background-color: #87bea6;}
.sale_guidance_kaitori_demerit{ border: 1px solid #87a3be;}
.sale_guidance_kaitori_demerit i { background-color: #87a3be;}
.sale_guidance_kaitori h4{margin-bottom: 1rem;}
.sale_guidance_kaitori p{margin-bottom: 3rem;}

@media screen and (max-width:480px) { 
	.sale_guidance_kaitori{
	    margin: 3rem 0 2rem;
	    padding: 4em 2rem 1rem;
	}
	.sale_guidance_kaitori h4{margin-bottom: .5rem;}
	.sale_guidance_kaitori p{margin-bottom: 2rem;}
	.sale_guidance_kaitori + .sale_guidance_kaitori{margin-bottom: 3rem;}
	.title05 + p {margin-top:.5rem;}
}

/** 高く売却する5つの方法 ***/

.tax_toggle_content .photo-style1 p:nth-of-type(1) { width: 280px;}
.tax_toggle_content .photo-style1 p:nth-of-type(3) { width: 350px;}
.tax_toggle_content p.photo{margin-top:1rem;margin-bottom: 2rem;}
.tax_toggle_in video{height: 380px;}
.tax_toggle_in video, .tax_toggle_in canvas{max-width: 100%;}
.tax_toggle_in .kodawari .umekomi {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
h3 + .tax_toggle_content{margin-top: 3rem;}
#n2-ss-2-align ,#n2-ss-4-align ,#n2-ss-5-align ,#n2-ss-6-align{
	width: 90%;
	margin: 0 auto;
}
.n2-ow .n2-active { background: #beaf87 !important;}


@media screen and (max-width:480px) { 
	.tax_toggle_content .photo-style1 p:nth-of-type(1) { width: 42%;}
	.tax_toggle_content .photo-style1 p:nth-of-type(3){ width: 52%;}
	.tax_toggle_content #viewer {
		width: 100% !important;
		height: 0 !important;
		padding-top: 56.25%;
		display: block;
	}
	.tax_toggle_in video{height: auto;}
	.tax_toggle_in canvas{position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	tax_toggle_content p.photo { margin-bottom: 0;}
}

/** 不動産売却のトラブルについて ****/
.sale_guidance_imgwmax{
	max-width: 100%;
	margin-bottom:3rem;
	margin-top:2rem;
}
.sale_guidance_imgwmax + p, .sale_guidance_imgwmax + .checklist_list{margin-top:0;}
/** 不動産売却の引っ越し手続き ****/
.checklist_table{
	margin: 3rem 0 1rem;
	padding:1.5em;
	border: 1px solid #e1d9c4;
	background-color: #fffbf2;
	font-size: 1.4rem;
}
.checklist_table table{
	margin: 2.5rem auto 3rem;
	border-bottom: solid 1px #c0c0c0;
	width: 90%;
}
.checklist_table table th{
	width: 30%;
	padding: .7rem 2rem;
	border-top: solid 1px #c0c0c0;
	text-align: left;
	background-color: #f7edd9;
	font-weight: normal;
}
.checklist_table table td{
	width: 70%;
	padding: .5rem 2rem;
	border-top: solid 1px #c0c0c0;
	text-align: left;
	background-color: #fff;
}
.checklist_table table th::before {
	padding-right: .7rem;
	font-size: 1.6rem;
	font-family: FontAwesome;
	content: "\f14a";
	color: #beaf87;
}
.checklist_table h3{font-size: 1.6rem;}
.checklist_list li::before {
	padding-right: .7rem;
	font-size: 1.6rem;
	font-family: FontAwesome;
	content: "\f14a";
	color: #beaf87;
}
.checklist_list2 li i {
	padding-right: .7rem;
	font-size: 1.6rem;
	color: #beaf87;
}

@media screen and (max-width:480px) { 
	.checklist_table {
	    margin: 2rem 0 1rem;
	    padding:1em;
	}
	.checklist_table table {
	    margin: 1rem auto 1rem;
	    width: 100%;
	}
	.checklist_table table th {
	    width: 45%;
	    padding: 1rem;
	}
	.checklist_table {
	    margin: 2rem 0 1rem;
	    padding: 0;
	    border: none;
	    background: none;
	}
}

/** ブリングアップの強み ****/
#bnr6cont{
	margin: 0 auto;
	padding-bottom: 1rem;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
ul#bnr6cont > li {
    width: calc(calc(100% - 10px)/ 2);
}

.strengths-bnr {
    margin: 0 auto 3rem;
    display: flex;
}
.strengths-bnr > li:not(:last-child) {
    margin-right: 10px;
}
@media screen and (max-width:480px) { 
	.strengths_imgwmax.sale_guidance_imgwmax{margin-bottom: 1rem;}
	#bnr6cont{padding-bottom: 0;}

	ul#bnr6cont > li img{width: 100%;}
	.strengths-bnr {
		flex-wrap: wrap;
		margin: 0 auto 2rem;
	}
	.strengths-bnr > li {
		margin-right: 0 !important;
		width: 50%;
		text-align: center;
	}
}
/*
手間なく早く現金化　買取りのお勧めポイント
*/
.letter_kaitori,.letter_kaitori2 {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
.letter_kaitori > li {
    width: calc(95% / 3);
    border: 1px solid #e1d9c4;
	box-shadow: inset 0 0 0 1px #FFF;
	background: #fffbf2;
    margin-bottom: 3rem;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.letter_kaitori2 > li {
    width: calc(95% / 2);
	box-shadow: inset 0 0 0 1px #FFF;
    margin-bottom: 3rem;
}
.letter_kaitori2 > li:not(:nth-of-type(2)) { margin-right: 2rem;}

.letter_kaitori p > img,.letter_kaitori2 p > img, ol.letter_kaitori li > img {
    max-width: 100%;
    width: 250px;
}
.letter_kaitori_con{
	padding: 1rem;
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.4;
}
.letter_kaitori h4 { text-align: center;}
.letter_kaitori > li p:last-child { height: 100px;}
.letter_kaitori > li:not(:nth-of-type(3)) { margin-right: 1rem;}
.kaitori .pseudoTaxonomy__list .card__text {
     margin-top: 0 !important;
}
@media screen and (max-width:480px) { 
	.letter_kaitori > li:not(:nth-of-type(3)) { margin-right: 0 !important;}
	.letter_kaitori > li {
	    width: calc(95% / 2) !important;
	    margin-bottom: 2rem !important;
	}
	.letter_kaitori {
	    justify-content: space-between;
	}
	.letter_kaitori_con{font-size: 14px;}
	.letter_kaitori2 > li:not(:nth-of-type(2)) {margin-right: 1rem;}
}

/*******************************************
      追加分：広告事例
*/

.method4_adlist{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
.method4_adlist > li {
    width: calc(97% / 3);
    border: 1px solid #e1d9c4;
	box-shadow: inset 0 0 0 1px #FFF;
    margin-bottom: 3rem;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
}
.method4_adlist p > img, ol.method4_adlist li > img {
    max-width: 100%;
}
.method4_adlist_con{
	padding: 1rem;font-size: 1.5rem;color:#333;
}
.method4_adlist h4 { text-align: center;}
.method4_adlist > li:not(:nth-of-type(3)) { margin-right: 1rem;}
.method4_adlist_con::before {
	padding-right: 10px;
	content: "\f105";
	font-family: fontawesome;
	color: #beaf87;
	display: table-cell;
	vertical-align: middle;
}
.method4_adlist_con{ display: table;}
.method4_adlist_con span{
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width:480px) { 
	.method4_adlist > li:not(:nth-of-type(3)) { margin-right: 0 !important;}
	.method4_adlist > li {
	    width: 100% !important;
	    margin-bottom: 1rem !important;
	}
	.method4_adlist > li > a{display: flex;}
	.method4_adlist > li > a > p{width: 25%;}
	.method4_adlist {
	    justify-content: space-between;
	}
}

.flex2layout{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
.flex2layout > li:first-child{margin-right:2rem;}
.flex2layout > li {
    width: calc(97.4% / 2);
    margin-bottom: 3rem;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}
.flex2layout > li span {
	position: absolute;
	background: rgba(255,255,255,0.7);
	width: 50%;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 2rem;
}
@media screen and (max-width:520px) { 
	.flex2layout > li:first-child{margin-right:.5rem;}
	.title04,.title05{font-size: 1.6rem;}
	.title04::before {top: 7px;}
	.photo-style1 { margin-bottom: 1em;}
	.flex2layout > li span {font-size: 1.6rem;}
}

@media screen and (max-width:480px) { 
	#strengths .cont-box2 > h2{
		margin-bottom: 4rem;
	}
	#salesskills .cont-box2 > h2{
		margin-bottom: 6rem;
	}
	#salesskills .qa-article_overview i{
		line-height: 1.2;
		padding-top: 5px;
		padding-bottom: 5px;
		transform: translateY(-65%) translateX(1em);
		width: calc(100% - 2em);
	}

}