@charset "utf-8";

/*==================================================
 固定ページ共通
 ==================================================*/

/*****common*****/
.color_main {
	color: var(--color-main);
}

/*****mainTtl*****/
.reasonPage .ttlWrap,
.mediationPage .ttlWrap,
.purchasePage .ttlWrap,
.purchase-pointPage .ttlWrap,
.inheritPage .ttlWrap,
.flow-salePage .ttlWrap,
.divorcePage .ttlWrap,
.relocationPage .ttlWrap  {
	padding: 3% 0;
}

.mainTtl__sub {
	display: block;
	font-size: 0.6em;
}

/*****introduction*****/
.introBox {
	margin: var(--gutter-wide) auto var(--gutter);
}

.introBox__txt {
	font-size: 16px;
	text-align: center;
}

/*****secimgBox*****/
.secimgBox {
	margin: var(--gutter) auto var(--gutter-wide);
	text-align: center;
}

/*****secTxtBox*****/
.secTxtBox {
	margin: 0 auto var(--gutter);
}

.secTxtBox__txt {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	margin: 0.5em auto 1.5em;
}

.secTxtBox .font_b {
	font-size: 1.1em;
}

.secTxtBox__txt:not(:first-child) {
	margin-top: 0.5em;
}

.secTxtBox__txt-left {
	width: 50%;
	margin-left: 0;
}

/*****secList*****/
.secList {
	background: #f8f8f8;
	padding: 20px;
	margin: 20px 0;
	border: 2px solid var(--color-main);
}

.secList__item {
	font-size: 16px;
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 1em;
}

.secList__item:last-child {
	margin-bottom: 0;
}

.secList__item::before {
	content: "";
	border-radius: 50%;
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	left: 0;
	top: 0.65em;
	background: var(--color-main);
}

/*****bigTtl*****/
.bigTtl {
	font-size: clamp(2.4rem, 4vw, 3.2rem);
	margin-bottom: 0.8em;
	color: var(--color-black);
	line-height: 1.4;
	font-weight: bold;
	position: relative;
	text-align: center;
}

/*****secHeading*****/
.secHeading {
	font-size: clamp(1.8rem, 4.2vw, 2.4rem);
	font-weight: bold;
	padding-left: 0.65em;
	position: relative;
}

.secHeading::before {
	content: "";
	background-color: var(--color-main);
	width: 0.4em;
	height: 0.4em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 50vh;
	margin-top: 0.1em;
}



/*==================================================
 reasonPage
 ==================================================*/
.reasonPage .introBox {
	text-align: center;
}

.reasonPage .reasonBox__item a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.reasonPage .reasonBox__item .reasonBox__item__no {
	transition: all 0.3s;
}

@media (any-hover:hover) {
	.reasonPage .reasonBox__item a:hover {
		opacity: 1;
	}

	.reasonPage .reasonBox__item a:hover .reasonBox__item__no {
		transform: scale(1.1);
	}


}

.reasonPage .reasonBox__list {
	justify-content: space-between;
}

.reasonPage .reasonBox__item {
	margin-bottom: 60px;
	aspect-ratio: 500 / 200;
}

.reasonPage .reasonBox__item__txt {
	font-size: clamp(1.2rem, 1.2vw, 1.6rem);
}

.reasonPage .reasonBox__logo {
	margin-bottom: 5px;
	max-width: 35%;
}

.reasonPage .reasonBox__item__img {
	height: 60%;
	transition: all 0.3s;
}

.reasonPage .reasonBox__ttl {
	margin-bottom: var(--gutter-wide);
	font-size: clamp(3rem, 5vw, 5rem);
}

.reasonPage .reasonBox__item__ttl {
	font-size: clamp(1.5rem, 1.8vw, 2rem);
}

.reasonPage .introBox .reasonBox__ttlBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.reasonPage .reasonBox {
	margin: var(--gutter-wide) auto;
}

.reasonPage .reasonBox:last-of-type {
	margin-bottom: 0;
}

.reasonPage .btn_archive {
	margin-top: var(--gutter);
}

.reasonPage .reasonBox:nth-child(odd) {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.reasonPage .reasonBox__no {
	background-color: var(--color-main);
	border-radius: 50vh;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: var(--font-en);
	font-size: clamp(1.5rem, 2vw, 1.6rem);
	font-weight: bold;
	line-height: 1;
	width: 5em;
	height: 5em;
	padding-top: 3px;
	position: relative;
	margin: 0 auto;
}

.reasonPage .reasonBox__no__num {
	font-weight: bold;
	font-size: 2.5em;
	font-family: var(--font-num);
}

.reasonPage .reasonBox__no::after {
	content: "";
	border-top: 0.8em solid var(--color-main);
	border-left: 0.6em solid transparent;
	border-right: 0.6em solid transparent;
	position: absolute;
	bottom: -0.5em;
	left: 50%;
	transform: translateX(-50%);
}

#main.reasonPage .secTtl {
	margin-top: var(--gutter-supernarrow);
}

.reasonPage .reasonBox__strengthBox p {
	font-size: 1.6rem;
	margin: 1em 0;
}

.reasonBox__strengthBox__inner {
	border: 2px solid #ccc;
	background: #fff;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	margin: 40px 5% 0;
	padding: 10px 20px 20px 20px;
}

.reasonPage .reasonBox__strengthBox__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}

.reasonPage .reasonBox__strengthBox__item {
	width: 48%;
	min-width: 380px;
	margin: 1em 1%;
	display: flex;
	align-items: center;
	line-height: 1.3;
}

.reasonPage .reasonBox__strengthBox__item p {
	margin-top: 0;
	margin-bottom: 0;
}

.reasonPage .reasonBox__strengthBox__item p.image {
	width: 140px;
	flex-shrink: 0;
}

.reasonPage .reasonBox__strengthBox__item p.text {
	margin-left: 1em;
	font-weight: bold;
	text-align: left;
}

.reasonPage .reasonBox__strengthBox__item .notice {
	font-weight: normal;
	font-size: 1.3rem;
	display: block;
	margin-top: 0.5em;
}

.reasonPage .reasonBox__strengthBox p {
	text-align: center;
}


/*==================================================
 mediationPage
 ==================================================*/
.mediationPage section {
	margin: var(--gutter-wide) auto;
}

.mediationPage section:last-of-type {
	margin-bottom: 0;
}

.mediationPage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

.mediationPage .infoBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.mediationPage .infoBox .secimgBox  {
	width: min(773px, 90%);
}

.mediationPage .choiceBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.mediationPage .infoBox__heading {
	font-size: clamp(1.8rem, 4.2vw, 2.4rem);
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	margin: var(--gutter) auto var(--gutter-supernarrow);
}

.mediationPage .infoBox__table {
	border: 2px solid #ccc;
	width: 100%;
	font-size: clamp(1.2rem, 3.5vw, 1.6rem);
	background-color: #fff;
}

.mediationPage .infoBox__table thead th {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	padding: 0.5em;
	border: 1px solid #ccc;
}

.mediationPage .infoBox__table thead th {
	background-color: #f5f5f5;
}

.mediationPage .infoBox__table thead th.general {
	background: var(--color-main);
}

.mediationPage .infoBox__table thead th.full {
	background: var(--color-main);
}

.mediationPage .infoBox__table thead th.exclusive {
	background: var(--color-main);
}


.mediationPage .infoBox__table tbody th,
.mediationPage .infoBox__table tbody td {
	padding: 1em;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

.mediationPage .infoBox__table tbody th {
	background: #f5f5f5;
	white-space: nowrap;
}

.mediationPage .infoBox__table tbody td {
	border-left: 1px solid #ccc;
}

.mediationPage .annotation {
	font-size: 1.3rem;
}

.mediationPage .detailBox .secimgBox {
	width: min(800px, 90%);
}
.mediationPage .choiceBox__ttl {
	font-size: clamp(1.8rem, 4.2vw, 2.4rem);
	text-align: center;
	font-weight: bold;
	margin-bottom: var(--gutter-narrow);
	position: relative;
	padding: 0 4%;
	width: 100%;

}

.mediationPage .choiceBox__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3%;
	margin-bottom: var(--gutter);
	background: #fff;
	padding: var(--gutter-narrow) 0;
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.08));
	border-radius: 5px;
}

.mediationPage .choiceBox__txtBox {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	width: 60%;
}

.mediationPage .choiceBox__txt {
	margin: 0 auto 1em;
}

.mediationPage .choiceBox__img {
	width: 30%;
}

.mediationPage .choiceBox__ttl__big {
	font-weight: 800;
	color: var(--color-main);
	font-size: 1.2em;
	display: inline-block;
}

/*==================================================
 purchasePage
 ==================================================*/
.purchasePage section {
	margin: var(--gutter-wide) auto;
}

.purchasePage section:last-of-type {
	margin-bottom: 0;
}

.purchasePage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

.purchasePage .meritBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.purchasePage .meritBox__ttl {
	font-size: clamp(1.8rem, 4.2vw, 2.4rem);
	text-align: center;
	font-weight: bold;
	margin-bottom: var(--gutter-narrow);
	position: relative;
	padding: 0 4%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.purchasePage .meritBox__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3%;
	margin-bottom: var(--gutter);
	background: #fff;
	padding: var(--gutter-narrow) 0;
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.08));
	border-radius: 5px;
}

.purchasePage .meritBox__txtBox {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	width: 60%;
}

.purchasePage .meritBox__txt {
	margin: 0 auto 1em;
}

.purchasePage .meritBox__img {
	width: 30%;
}

.purchasePage .meritBox__ttl__no {
	background-color: var(--color-main);
	border-radius: 50vh;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: var(--font-en);
	font-size: clamp(1.3rem, 2vw, 1.5rem);
	font-weight: bold;
	line-height: 1;
	width: 5.5em;
	height: 5.5em;
	padding-top: 3px;
	position: relative;
	margin: 0 auto 10px;
}


.purchasePage .meritBox__ttl__num {
	font-weight: bold;
	font-size: 2.8em;
	font-family: var(--font-num);
}

.purchasePage .meritBox__ttl__no::after {
	content: "";
	border-top: 0.8em solid var(--color-main);
	border-left: 0.6em solid transparent;
	border-right: 0.6em solid transparent;
	position: absolute;
	bottom: -0.5em;
	left: 50%;
	transform: translateX(-50%);
}

.purchasePage .infoBox__table {
	border: 2px solid #ccc;
	width: 100%;
	font-size: clamp(1.2rem, 3.5vw, 1.6rem);
	background-color: #fff;
}


.purchasePage .infoBox__table thead th {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	padding: 0.5em;
	border: 1px solid #ccc;
}

.purchasePage .infoBox__table thead th {
	background-color: #f5f5f5;
	width: 20%;
}

.purchasePage .infoBox__table thead th.kaitori {
	background: var(--color-main);
	width: 40%;
}

.purchasePage .infoBox__table thead th.chukai {
	background: #666;
	width: 40%;
}



.purchasePage .infoBox__table tbody th,
.purchasePage .infoBox__table tbody td {
	padding: 1em;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

.purchasePage .infoBox__table tbody th {
	background: #f5f5f5;
	white-space: nowrap;
}

.purchasePage .infoBox__table tbody td {
	border-left: 1px solid #ccc;
}

.purchasePage .purchase_flowArea {
	display: flex;
	justify-content: space-between;
	font-size: clamp(1.55rem, 2vw, 1.8rem);

}

.purchasePage .purchase_flowChukai {
	width: calc((100% - 40px) / 2);
	flex-shrink: 0;
	border: 5px solid #666;
	position: relative;
}

.purchasePage .purchase_flowChukai_sp_openWrap {
	padding-bottom: 200px;
}

.purchasePage .purchase_flowChukai_ttl {
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 10px 10px;
}

.purchasePage .purchase_flowKaitori {
	width: calc((100% - 40px) / 2);
	flex-shrink: 0;
	margin-left: 40px;
	border: 5px solid var(--color-main);
	position: relative;
	padding-bottom: 200px;
}

.purchasePage .purchase_flowKaitori_ttl {
	background-color: var(--color-main);
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 10px 10px;
	position: relative;
}

.purchasePage .purchase_flowKaitori_ttl::before {
	position: absolute;
	content: '';
	background: url(../img//purchase/before_flowKaitori_ttl.webp) center/100% no-repeat;
	width: 20px;
	height: 23px;
	left: calc(50% - 4em);
}

.purchasePage .purchase_flowKaitori_ttl::after {
	position: absolute;
	content: '';
	background: url(../img//purchase/after_flowKaitori_ttl.webp) center/100% no-repeat;
	width: 20px;
	height: 23px;
	left: calc(50% + 3em);
}

.purchase_flowChukai .step_num {
	color: #fff;
	background-color: #666;
}

.purchase_flowKaitori .step_num {
	color: #fff;
	background-color: var(--color-main);
}

.purchase_flowArea .step_num {
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 8px;
	padding: 5px 10px;
	margin-right: 10px;
}

.purchase_flowArea .step_ttl {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.025em;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 9px;
	text-align: left;
}

.purchase_flowArea .step {
	padding: 0 40px 50px;
	position: relative;
}

.purchase_flowArea .purchase_flowChukai .step:first-of-type,
.purchase_flowArea .purchase_flowKaitori .step:first-of-type {
	padding-top: 30px;
}

.purchase_flowChukai .step::after {
	border-color: #ccc transparent transparent transparent;
}

.purchase_flowKaitori .step::after {
	border-color: #c1dcce transparent transparent transparent;
}

.purchase_flowArea .step::after,
.step_onlyKaitori::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 24px 24px 0 24px;
}

.step_onlyKaitori {
	background-color: var(--color-main);
	position: relative;
	margin: 30px 0;
}

.step_onlyKaitori_img {
	position: absolute;
	width: 100%;
	max-width: 340px;
	height: auto;
	top: -5%;
	left: 50%;
	transform: translateX(-50%);
}

.step_onlyKaitori_img img {
	max-width: 100%;
}

.step_onlyKaitori_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	padding: 120px 0 41px;
}

.step_onlyKaitori_list_item {
	width: calc((100% - 20px) / 2);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1em;
	font-weight: bold;
	color: var(--color-main);
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
}

.step_onlyKaitori_list_item:last-child {
	width: 100%;
}

.step_onlyKaitori::after {
	border-color: #c1dcce transparent transparent transparent;
	bottom: -44px;
}

.step_onlyKaitori+.step {
	padding-top: 30px;
}

.purchase_flowChukai .step_end {
	background: #666 url(../img/page/purchase/img_flowChukai_end.webp) no-repeat right 14px bottom 0/auto 76%;
}

.purchase_flowKaitori .step_end {
	background: var(--color-main) url(../img/page/purchase/img_flowKaitori_end.webp) no-repeat right 12px bottom 0/auto 76%;
}

.purchase_flowArea .step_end {
	width: 100%;
	height: 185px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
}

.purchase_flowArea .step_end_tx {
	font-size: clamp(1.9rem, 2vw, 2.4rem);
	font-weight: bold;
	letter-spacing: 0.025em;
	line-height: 1.5;
	color: #fff;
	padding-left: 5%;
	display: table-cell;
	vertical-align: middle;
	max-width: 75%;
}

.purchase_flowArea .step_end_tx .font_big {
	font-size: 1.4em;
	color: #fcee21;
}


/*==================================================
 purchase-pointPage
 ==================================================*/
 .purchase-pointPage section {
	margin: var(--gutter-wide) auto;
}

.purchase-pointPage section:last-of-type {
	margin-bottom: 0;
}

.purchase-pointPage .secimgBox {
	width: min(700px, 100%);
	margin: var(--gutter-wide) auto var(--gutter-narrow);
}

/* introBox */
.purchase-pointPage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

.purchase-pointPage .infoBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

/* choiceBox */
.purchase-pointPage .choiceBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.purchase-pointPage .choiceBox__ttl {
	font-size: clamp(1.8rem, 4.2vw, 2.4rem);
	text-align: center;
	font-weight: bold;
	margin-bottom: var(--gutter-narrow);
	position: relative;
	padding: 0 4%;
	width: 100%;

}

.purchase-pointPage .choiceBox__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3%;
	margin-bottom: var(--gutter);
	background: #fff;
	padding: var(--gutter-narrow) 0;
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.08));
	border-radius: 5px;
}

.purchase-pointPage .choiceBox__txtBox {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	width: 60%;
}

.purchase-pointPage .choiceBox__txt {
	margin: 0 auto 1em;
}

.purchase-pointPage .choiceBox__img {
	width: 30%;
}

.purchase-pointPage .choiceBox__ttl__big {
	font-weight: 800;
	color: var(--color-main);
	font-size: 1.2em;
	display: inline-block;
}


/*==================================================
 inheritPage
 ==================================================*/
.inheritPage section {
	margin: var(--gutter-wide) auto;
}

.inheritPage section:last-of-type {
	margin-bottom: 0;
}

/* introBox */

.inheritPage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

/* problemBox */
.problemBox__rankingList {
	display: flex;
	font-size: clamp(1.8rem, 2vw, 2rem);
	align-items: flex-start;
	justify-content: center;
	font-weight: bold;
	margin-bottom: var(--gutter);
}

.problemBox__rankingItem__num {
	font-family: var(--font-num);
	font-weight: bold;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	font-size: clamp(1.8rem, 2vw, 2rem);
	width: 2em;
	aspect-ratio: 20 / 14;
	padding: 0.25em 0 0 0;
	background: url(../img/page/inherit/ranking_icon_num.svg) no-repeat center / contain;
	border-radius: 0;
}

.problemBox__rankingItem-first {
	display: flex;
	justify-content: center;
	padding: 0 5%;
	flex-direction: column;
	max-width: 350px;
}

.problemBox__rankingItem-first .problemBox__rankingItem__img {
	text-align: center;
}

.problemBox__rankingInner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 5%;
	border-left: 1px solid #333;
	flex-shrink: 0;
}

.problemBox__rankingItem {
	display: flex;
	gap: 10px;
	align-items: center;
}

.problemBox__rankingItem__txt {
	display: flex;
	gap: 10px;
	align-items: center;

}

/* flowBox */
.inheritPage .flowBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.inheritPage .flowBox__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: var(--gutter);
}

.inheritPage .flowBox__item {
	margin-bottom: 53px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	width: min(100%, 470px);
}

.inheritPage .flowBox__item:last-child {
	margin-bottom: 0;
}

.inheritPage .flowBox__item:not(:last-child)::after {
	position: absolute;
	content: '';
	border-top: 20px solid #c1dcce;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
}

.inheritPage .flowBox__item__numBox {
	border-radius: 50%;
	background-color: var(--color-main);
	color: #fff;
	width: clamp(60px, 7vw, 80px);
	height: clamp(60px, 7vw, 80px);
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: bold;
	font-size: clamp(1.2rem, 1.6vw, 1.6rem);
	line-height: 1;
	margin-right: 10px;
	font-family: var(--font-en);
}

.inheritPage .flowBox__item__numBox .num {
	font-weight: bold;
	font-size: 2.5em;
	font-family: var(--font-num);
}

.inheritPage .flowBox__item__txt {
	font-weight: bold;
	font-size: clamp(2.1rem, 4vw, 3rem);
	color: var(--color-main);
	line-height: 1.2;
}

.inheritPage .flowBox__item__txt p {
	display: inline-block;
}

.inheritPage .flowBox__item__txt span {
	display: block;
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	color: var(--color-black);
	margin-top: 5px;
	line-height: 1.4;
}

/*table*/
.inheritPage .explanationBox__tablettl {
	font-size: 36px;
}

.inheritPage .explanationBox__table {
	margin-top: 1%;
	margin-bottom: 4%;
}

.inheritPage .explanationBox__table thead th:not(:last-child) {
	border-right: 1px solid #ccc;
}

.inheritPage .explanationBox__table table {
	width: 100%;
	border: 1px solid var(--color-main);
}

.inheritPage .explanationBox__table table th {
	background-color: var(--color-main);
	color: #fff;
	border-bottom: 1px solid #fff;
}

.inheritPage .explanationBox__table table tr {
	border: 1px solid #ccc;
}

.inheritPage .explanationBox__table table tr:last-child {
	border-bottom: 1px solid #8e8e8e;
}

.inheritPage .explanationBox__table table th,
.inheritPage .explanationBox__table table td {
	font-size: 1em;
	padding: 0.5em;
}

.inheritPage .explanationBox__table table td {
	border: 1px solid #ccc;
	background: #fff;
}

.inheritPage .explanationBox__table table td.bdL_none {
	border-left: 1px solid transparent;
	background-color: #edfff2;
}

.inheritPage .explanationBox__table table th.tax-kind {
	font-size: 1.2em;
}

.inheritPage tr.explanation-head th {
	background: #8e8e8e;
	background: #eee;
	white-space: nowrap;
}

.inheritPage .explanationBox__table table .explanation-head th {
	color: #333;
}

/* consultationBox */
.inheritPage .consultationBox .secimgBox {
	width: min(846px, 100%);
}

/*==================================================
 flow-salePage
 ==================================================*/
.flow-salePage section {
	margin: var(--gutter-wide) auto;
}

.flow-salePage section:last-of-type {
	margin-bottom: 0;
}

/* introBox */
.flow-salePage .introBox {
	margin: var(--gutter) auto;
}

.flow-salePage .introBox__inner {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.flow-salePage .introBox__ttl {
	color: var(--color-main);
	font-size: clamp(3.2rem, 9vw, 4rem);
	font-weight: 800;
	filter: drop-shadow(3px 3px 0 #eee);
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.flow-salePage .introBox__txt {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
	text-align: left;
}

.flow-salePage .introBox__img {
	width: min(342px, 40%);
	margin-left: 10px;
}

.flow-salePage .infoBox {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
	margin-top: 0;
}

.flow-salePage .infoBox__img {
	margin: var(--gutter) auto var(--gutter-narrow);
	width: min(750px, 96%);
}

/* table */
.flow-salePage .differenceBox__table {
	width: 100%;
	font-size: clamp(1.4rem, 2vw, 1.8rem);
}

.flow-salePage .differenceBox__table .med {
	background-color: #eeeeee;
}

.flow-salePage .differenceBox__table .pur {
	background-color: #e3e3e3;
}

.flow-salePage .differenceBox__thead {
	display: flex;
}

.flow-salePage .differenceBox__thead .med {
	border-radius: 20px 0 0 0;
}

.flow-salePage .differenceBox__thead .pur {
	border-radius: 0 20px 0 0;
}

.flow-salePage tbody tr:last-child .med {
	border-radius: 0 0 0 20px;
}

.flow-salePage tbody tr:last-child .pur {
	border-radius: 0 0 20px 0;
}

.flow-salePage .differenceBox__thead th {
	width: 50%;
	text-align: center;
	font-size: 1.2em;
	padding: 1em;
}

.flow-salePage tbody tr {
	display: flex;
	position: relative;
	width: 100%;
	text-align: center;
	border-top: 1px solid #fff;
}

.flow-salePage tbody th {
	font-size: 0.9em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--color-main);
	border-radius: 50vh;
	color: #fff;
	width: 4.5em;
	height: 4.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.3;
}

.flow-salePage tbody td {
	width: 50%;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.2em;
}

/* どっちがオススメ？ */
.recommendBox__list {
	display: flex;
	flex-direction: column;
	height: 12em;
	font-weight: bold;
}

.recommendBox__item {
	font-size: 1.1em;
	line-height: 1.3;
	margin-bottom: 1em;
	padding-left: 1.3em;
	background: url(../img/page/flow-sale/icon_check.svg) no-repeat top 0.3em left / 1em;
}

.recommendBox__inner {
	display: flex;
	justify-content: center;
	font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.recommendBox__mediation {
	width: min(420px, 50%);
	padding: 0 4% 0 0;
}

.recommendBox__purhase {
	width: min(420px, 50%);
	padding: 0 0 0 4%;
	border-left: 1px dotted #ccc;
}

.recommendBox__btn__link {
	color: #fff;
	font-weight: bold;
	font-size: clamp(1.2rem, 3vw, 2rem);
	background-color: var(--color-main);
	border-radius: 50vh;
	display: flex;
	width: 280px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 280 / 82;
	align-items: baseline;
	justify-content: center;
	position: relative;
	padding-top: 0.3em;
	margin: 0 auto;
}

.recommendBox__btn__link::after {
	content: "";
	border-left: 0.5em solid #fff;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	transition: 0.3s;
}

.recommendBox__btn__maintxt {
	font-size: 2em;
	color: #fcee21;
}

.recommendBox__txt {
	text-align: center;
	padding: var(--gutter) 0;
	position: relative;
	font-weight: bold;
}

.recommendBox__txt::after {
	content: '';
	position: absolute;
	bottom: 22%;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 50px 60px 0 60px;
	border-color: var(--color-main) transparent transparent transparent;
	opacity: 0.3;
	z-index: -1;
	transition: filter 0.2s;
}

@media (any-hover:hover) {
	.recommendBox__btn__link:hover {
		opacity: 1;
		transform: translate(-3px, -3px);
		filter: drop-shadow(3px 3px 0 #ccc);
	}
}

/*==================================================
 divorcePage
 ==================================================*/
.divorcePage section {
	margin: var(--gutter-wide) auto;
}

.divorcePage section:last-of-type {
	margin-bottom: 0;
}

/* introBox */
.divorcePage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

/* infoBox */
.divorcePage .infoBox,
.divorcePage .infoBox03 {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.divorcePage .infoBox .secimgBox {
	width: min(700px, 100%);
}

.divorcePage .infoBox .infoBox_property {
	width: min(90%,800px);
	padding: var(--gutter-narrow);
	background: #fff;
}

.divorcePage .infoBox .infoBox_property h3 {
	font-size: clamp(1.8rem, 2.4vw, 2.6rem);
	font-weight: 800;
	color: var(--color-main);
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item {
	margin: 0 auto 2em;
	display: flex;
	justify-content: space-between;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item h4 {
	font-weight: bold;
	color: #fff;
	padding: 0.4em;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item ul {
	padding: 0.6em;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item01 {
	margin-bottom: var(--gutter-supernarrow);
	position: relative;
	width: 48%;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item01::after {
	content: "";
	display: inline-block;
	width: 96px;
	height: 60px;
	background-image: url(../img/page/divorce/infoBox01_img02.webp);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	top: 62%;
	right: 0;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item01 h4 {
	background: var(--color-main);
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item02 {
	position: relative;
	width: 48%;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item02::after {
	content: "";
	display: inline-block;
	width: 96px;
	height: 70px;
	background-image: url(../img/page/divorce/infoBox01_img03.webp);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 0;
}

.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item02 h4 {
	background: #666;
}

.divorcePage .infoBox02 .infoBox02_timing {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--gutter);
}

.divorcePage .infoBox02 .infoBox02_timing li {
	border: 3px solid var(--color-main);
	width: 49%;
}

.divorcePage .infoBox02 .infoBox02_timing li h3 {
	background: var(--color-main);
    color: #fff;
    text-align: center;
    font-size: clamp(1.6rem, 2.3vw, 2.2rem);
    padding: 0.1em 0 0.3em;
}

.divorcePage .infoBox02 .infoBox02_timing li .infoBox02_timing_txt {
	padding: var(--gutter-narrow);
	margin: 0;
}

.divorcePage .infoBox02 .summarize_txt {
	padding: var(--gutter);
	border: 5px solid #e3e3e3;
}

.divorcePage .infoBox03 .infoBox03_overloan {
	display: flex;
	justify-content: space-around;
}

.divorcePage .infoBox03 .infoBox03_overloan .secimgBox {
	width: min(300px, 50%);
	margin: 0;
}

.divorcePage .infoBox03 .infoBox03_overloan .txtBox {
	width: 60%;
}

.divorcePage .infoBox04 .infoBox04__item {
	display: flex;
	justify-content: space-between;
}

.divorcePage .infoBox04 .infoBox04__item .infoBox04__txtBox {
	font-size: clamp(1.55rem, 2vw, 1.8rem);
    width: 65%;
}

.divorcePage .infoBox04 .infoBox04__item .infoBox__img {
    width: 30%;
}

/*==================================================
 relocationPage
 ==================================================*/
 .relocationPage section {
	margin: var(--gutter-wide) auto;
}

.relocationPage section:last-of-type {
	margin-bottom: 0;
}

/* introBox */
.relocationPage .introBox {
	margin: var(--gutter) auto var(--gutter-wide);
}

/* infoBox */
.relocationPage .infoBox,
.relocationPage .infoBox03 {
	background-color: #f8f8f8;
	padding: var(--gutter-wide) 0;
}

.relocationPage .infoBox .infoBox_chancelist {
	margin-bottom: var(--gutter-narrow);
}

.relocationPage .infoBox .infoBox_chancelist li {
	margin-bottom: 15px;
}

.relocationPage .infoBox .infoBox_chancelist .bg_maincolor {
	background: var(--color-main);
	color: #fff;
	font-weight: 700;
	padding: 0.25em 0.5em;
	margin-right: 10px;
}

.relocationPage .infoBox .infoBox_imglist {
	display: flex;
	justify-content: space-between;
	margin-top: var(--gutter-narrow);
	gap: 1%;
}

.relocationPage .infoBox .infoBox_imglist li img {
	width: min(285px, 100%);
}

.relocationPage .infoBox02 .infoBox02_point {
	margin-bottom: var(--gutter-wide);
}

.relocationPage .infoBox02 .infoBox02_point h3 {
	font-size: clamp(1.7rem, 2.4vw, 2.6rem);
	font-weight: 600;
	display: flex;
	align-items: center;
}

.relocationPage .infoBox02 .infoBox02_point h3 .en {
	font-family: var(--font-en);
	border-radius: 50%;
    background-color: var(--color-main);
    color: #fff;
    width: clamp(45px, 7vw, 70px);
    height: clamp(45px, 7vw, 70px);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    line-height: 1;
    margin-right: 10px;
	font-size: clamp(1.6rem, 2.2vw, 2.4rem);
}

.relocationPage .infoBox02 .infoBox02_point a {
	text-decoration: underline;
}

.relocationPage .infoBox02 .infoBox02_point a:hover {
	text-decoration: none;
}

.relocationPage .infoBox03 .secimgBox {
	width: min(623px, 100%);
}

/*==================================================
  PC ONLY SETTINGS : Min1200px
==================================================*/
@media print, screen and (min-width: 1200px) {}


/*==================================================
PC/TABLET SETTINGS : Min768px
==================================================*/
@media print, screen and (min-width: 768px) {}

/*==================================================
TABLET SETTINGS : Max1200px Min767px
==================================================*/
@media print, screen and (max-width: 1200px) and (min-width: 767px) {}



/*==================================================
  SP SETTINGS : Max767px
==================================================*/
@media screen and (max-width: 767px) {

	/*==================================================
   スマホ版 固定ページ共通
   ==================================================*/
	/*****mainTtl*****/
	.reasonPage .ttlWrap,
	.mediationPage .ttlWrap,
	.purchasePage .ttlWrap,
	.purchase-pointPage .ttlWrap,
	.inheritPage .ttlWrap,
	.flow-salePage .ttlWrap,
	.divorcePage .ttlWrap,
	.relocationPage .ttlWrap {
		padding: 8% 0 5%;
	}

	/*****introduction*****/
	.introBox__txt {
		text-align: left;
	}

	/*==================================================
  reasonPage
==================================================*/
	.reasonPage .reasonBox__item {
		aspect-ratio: 500 / 250;
	}

	.reasonPage .reasonBox__item__txt {
		font-size: clamp(1.2rem, 3.3vw, 1.6rem);
	}

	.reasonPage .reasonBox__list {
		justify-content: center;
	}

	.reasonPage .reasonBox__strengthBox__list {
		display: block;
		position: relative;
		margin: 0;
		padding: 0 2%;
	}

	.reasonBox__strengthBox__inner {
		margin: 40px auto 0;
		padding: 20px;
	}

	.reasonPage .reasonBox__strengthBox__list::before {
		height: 30px;
		top: -40px;
		background-position: right 5% center;
	}

	.reasonPage .reasonBox__strengthBox__item {
		width: 100%;
		min-width: inherit;
		margin: 1em auto;
	}

	.reasonPage .reasonBox__strengthBox__item p.image {
		max-width: 30%;
	}

	.reasonPage .reasonBox__strengthBox p {
		text-align: left;
	}


	/*==================================================
	mediationPage
==================================================*/
	.mediationPage .infoBox__table tbody th,
	.mediationPage .infoBox__table tbody td {
		padding: 0.5em;
		text-align: center;
	}

	.mediationPage .infoBox__table thead th {
		font-size: 1.1em;
	}

	.mediationPage .choiceBox__txtBox {
		width: 100%;
		margin-bottom: var(--gutter);
		padding: 0 4%;
	}

	.mediationPage .choiceBox__img {
		width: 100%;
		padding: 0 4%;
	}

	/*==================================================
	purchasePage
==================================================*/
	.purchasePage .meritBox__txtBox {
		width: 100%;
		margin-bottom: var(--gutter);
		padding: 0 4%;
	}

	.purchasePage .meritBox__img {
		width: 100%;
		padding: 0 4%;
	}

	.purchasePage .infoBox__table tbody th,
	.purchasePage .infoBox__table tbody td {
		padding: 0.5em;
		text-align: center;
	}

	.purchasePage .infoBox__table thead th {
		font-size: 1.1em;
	}

	.purchasePage .purchase_flowArea {
		flex-direction: column;
	}

	.purchasePage .purchase_flowChukai {
		width: 100%;
		margin-bottom: 10px;
	}

	.purchasePage .purchase_flowKaitori {
		width: 100%;
		margin: 0;
		padding-bottom: 0;
	}

	.purchasePage .purchase_flowChukai_ttl {
		font-size: 1.2em;
		position: relative;
		transition: .6s all;
	}

	.purchasePage .purchase_flowChukai_ttl::after {
		display: inline-block;
		width: 7vw;
		height: 7vw;
		position: absolute;
		right: 5%;
		top: 50%;
		bottom: 50%;
		transform: translateY(-50%);
		background-color: #fff;
		color: #666;
		font-size: 1em;
		border-radius: 50%;
		line-height: 7vw;
	}

	.purchasePage .close .purchase_flowChukai_ttl::after {
		content: "+";
	}

	.purchasePage .open .purchase_flowChukai_ttl::after {
		content: "－";
	}

	.purchasePage .purchase_flowChukai_sp_openWrap {
		display: none;
		padding-bottom: 0;
	}

	.purchasePage .purchase_flowArea .step {
		padding: 0 4% 50px;
	}

	.purchasePage .purchase_flowArea .purchase_flowChukai .step:first-of-type,
	.purchasePage .purchase_flowArea .purchase_flowKaitori .step:first-of-type {
		padding-top: 20px;
	}

	.purchasePage .purchase_flowArea .step_num,
	.purchasePage .purchase_flowArea .step_ttl {
		font-size: 1em;
	}

	.purchasePage .purchase_flowArea .step_tx {
		font-size: 0.9em;
	}

	.purchasePage .purchase_flowArea .step_end {
		height: unset;
		padding: 8% 4%;
	}

	.purchasePage .purchase_flowArea .step_end_tx {
		font-size: clamp(2rem, 6vw, 2.4rem);
		max-width: 100%;
		padding: 0;
		line-height: 1.4;
	}

	.purchasePage .purchase_flowChukai .step_end {
		background: #666 url(../img/page/purchase/img_flowChukai_end.webp) no-repeat right 4% bottom/28% auto;
		position: static;
	}

	.purchasePage .step_onlyKaitori_img {
		width: 100%;
		top: -10%;
	}

	.purchasePage .step_onlyKaitori_list {
		width: 96%;
		padding: 30% 0 20px;
	}

	.purchasePage .purchase_flowKaitori .step_end {
		background: var(--color-main) url(../img/page/purchase/img_flowKaitori_end.webp) no-repeat right 5% bottom -5%/29% auto;
		position: static;
	}



	/*==================================================
	purchase-pointPage
==================================================*/
	/* choiceBox */
	.purchase-pointPage .choiceBox__txtBox {
		width: 100%;
		margin-bottom: var(--gutter);
		padding: 0 4%;
	}

	.purchase-pointPage .choiceBox__img {
		width: 100%;
		padding: 0 4%;
	}

	/*==================================================
 inheritPage
 ==================================================*/

	/* problemBox */
	.problemBox__rankingList {
		flex-direction: column;
	}

	.problemBox__rankingInner {
		border: 0;
		padding: 0;
		margin-top: 20px;
	}

	.problemBox__rankingItem-first {
		padding: 0;
	}

	.problemBox__rankingItem-first .problemBox__rankingItem__txt {
		width: 100%;
	}

	.problemBox__rankingItem-first .problemBox__rankingItem__img {
		width: 70%;
	}

	/* flowBox */
	.inheritPage .flowBox__item {
		margin-bottom: 30px;
	}

	.inheritPage .flowBox__item:not(:last-child)::after {
		border-top: 15px solid #c1dcce;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		bottom: -20px;
	}


	/*table*/
	.inheritPage .explanationBox__table table th,
	.inheritPage .explanationBox__table table td {
		font-size: 0.9em;
	}

	.inheritPage tr.explanation-head th {
		font-size: 0.9em;
	}

	.inheritPage .explanationBox__table table th.tax-kind {
		font-size: 0.9em;
		text-align: center;
		min-width: 5em;
	}


	/*==================================================
 flow-salePage
 ==================================================*/
	/* introBox */
	.flow-salePage .introBox__inner {
		flex-direction: column;
	}

	.flow-salePage .introBox__ttl {
		text-align: center;
	}

	.flow-salePage .introBox__img {
		margin: var(--gutter) auto;
		width: 90%;
	}

	/* table */
	.flow-salePage .differenceBox__thead th {
		padding: 0.5em;
	}

	.flow-salePage tbody td.med {
		padding: 0.5em 2em 0.5em 0.5em;
	}

	.flow-salePage tbody td.pur {
		padding: 0.5em 0.5em 0.5em 2em;
	}

	.flow-salePage tbody td {
		height: 6em;
	}

	/* どっちがオススメ？ */
	.recommendBox__list {
		height: 20em;
	}

	.recommendBox__txt {
		padding: var(--gutter-wide) 0;

	}

	.recommendBox__txt::after {
		bottom: 12%;
	}

	.recommendBox__mediation {
		padding: 0 2% 0 0;
	}

	.recommendBox__purhase {
		padding: 0 0 0 2%;
	}

	/*==================================================
	divorcePage
	==================================================*/
	.divorcePage .infoBox .infoBox_property {
		width: 90%;
	}

	.divorcePage .infoBox .infoBox_property .infoBox_property_item {
		width: 100%;
		display: block;
	}

	.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item01,
	.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item02 {
		width: 100%;
	}

	.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item01::after {
		width: 50px;
		top: 75%;
	}

	.divorcePage .infoBox .infoBox_property .infoBox_property_item .infoBox_property_item02::after {
		width: 50px;
		top: 43%;
	}

	.divorcePage .infoBox02 .infoBox02_timing {
		display: block;
	}

	.divorcePage .infoBox02 .infoBox02_timing li {
		width: 100%;
	}

	.divorcePage .infoBox02 .infoBox02_timing li:first-child {
		margin-bottom: var(--gutter);
	}

	.divorcePage .infoBox03 .infoBox03_overloan {
		display: block;
	}

	.divorcePage .infoBox03 .infoBox03_overloan .secimgBox {
		width: 90%;
		margin: 0 auto 15px;
	}

	.divorcePage .infoBox03 .infoBox03_overloan .secimgBox img {
		width: 70%;
	}

	.divorcePage .infoBox03 .infoBox03_overloan .txtBox {
		width: 90%;
		margin: 0 auto;
	}

	.divorcePage .infoBox04 .infoBox04__item {
		display: block;
	}

	.divorcePage .infoBox04 .infoBox04__item .infoBox04__txtBox {
		width: 100%;
	    padding: 0 4%;
	}

	.divorcePage .infoBox04 .infoBox04__item .infoBox__img {
		width: 100%;
	    padding: 0 4%;
	}
	/*==================================================
	relocationPage
	==================================================*/
	.relocationPage .infoBox .infoBox_property {
		width: 90%;
	}

	.relocationPage .infoBox .infoBox_imglist {
		flex-wrap: wrap;
	}

	.relocationPage .infoBox .infoBox_imglist li {
		width: 48%;
		margin-bottom: 0.75em;
	}

	.relocationPage .infoBox02 .infoBox02_point h3 .en {
		margin-right: 5px;
	}
}