/*/////////////////////////////////////////////////////

variable

/////////////////////////////////////////////////////*/

:root {
		--colorBlack: #424242;
		--colorGray100: #e9e8e5;
		--colorGray200: #e9e8e5;
		--colorGray500: #f7f7f6;
		--colorGray600: #7c7669;
		--colorMain: #e3155f;
		--fontNotoSansJP: "Noto Sans JP", serif;
}

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

/////////////////////////////////////////////////////*/
body {
		color: var(--colorBlack);
}
img {
		margin-bottom: 0;
		width: 100%;
}

p,
h1,
h2,
h3,
h4,
img,
ul,
li {
		margin: 0;
		padding: 0;
}

.for-sp {
		display: none;
}

.container1080 {
		margin-inline: auto;
		max-width: 1110px;
		padding-inline: 15px;
		width: 100%;
}

.secTitle {
		color: var(--colorMain);
		font-size: 24px;
		font-weight: 800;
		letter-spacing: 2px;
		text-align: center;
}

@media screen and (max-width: 768px) {
		.for-sp {
				display: block;
		}
}

a.btn--gold {
		align-items: center;
		background: url(../images/top/icon-arrow--red.svg), url(../images/top/icon-calendar--black.svg), linear-gradient(#f4e8d1, #eec36f);
		background-position: center right 12.8px, center left 12.8px, center;
		background-repeat: no-repeat;
		border: 1px solid var(--mainColor);
		border-radius: 4px;
		box-sizing: border-box;
		color: #000;
		display: block;
		display: flex;
		font-size: 1.8rem;
		font-weight: 700;
		justify-content: center;
		letter-spacing: 0.1em;
		margin: auto;
		max-width: 600px;
		padding: 9px;
		text-align: center;
		transition: 0.2s;
		width: 100%;
}

@media screen and (max-width: 1023px) {
		a.btn--gold {
				background: url(../images/top/icon-arrow--black2.svg), url(../images/top/icon-calendar--black.svg), linear-gradient(#f4e8d1, #eec36f);
				background-position: center right 12.8px, center left 12.8px, center;
				background-repeat: no-repeat;
				font-size: 1.4rem;
				margin-bottom: 15px;
		}
}

a.btn--gold:hover {
		background-color: #424242;
		background-image: url(../images/top/icon-arrow--white.svg), url(../images/top/icon-calendar--white.svg), linear-gradient(#424242, #424242);
		background-position: center right 8.8px, center left 12.8px, center;
		color: #fff;
}
div.redBox {
		background-color: var(--colorMain);
		box-sizing: border-box;
		margin: auto;
		padding: 27.5px;
		width: 1080px;
}
@media screen and (max-width: 1023px) {
		div.redBox {
				padding: 28px 14px;
				width: 100%;
		}
}
div.redBox div.redBox_btnarea {
		align-items: flex-end;
		display: flex;
		gap: 8px;
		justify-content: center;
		margin-top: 16px;
}
@media screen and (max-width: 1023px) {
		div.redBox div.redBox_btnarea {
				display: block;
		}
}
div.redBox div.redBox_btnarea > div {
		flex: 1;
}
div.redBox div.redBox_btnarea > div > div {
		color: #fff;
		font-size: 2.2rem;
		font-weight: 700;
}
@media screen and (max-width: 1023px) {
		div.redBox div.redBox_btnarea > div > div {
				font-size: 1.4rem;
				letter-spacing: 0.18em;
		}
}
div.redBox p {
		color: #fff;
		font-size: 2.5rem;
		text-align: center;
}
div.redBox strong {
		color: #fff;
		font-size: 2.6rem;
		letter-spacing: 0.08em;
		text-decoration: none;
}
@media screen and (max-width: 1023px) {
		div.redBox p {
				font-size: 1.6rem;
		}
		div.redBox strong {
				font-size: 1.4rem;
		}
}
div.redBox > a.btn--red {
		width: 500px;
}
@media screen and (max-width: 1023px) {
		div.redBox > a.btn--red {
				width: 100%;
		}
}
div.redBox div.redBox_btnarea a.btn--red,
div.redBox div.redBox_btnarea a.btn--gold {
		padding: 11.8px;
}
@media screen and (max-width: 1023px) {
		div.redBox div.redBox_btnarea a.btn--gold {
				padding: 15.8px 0;
		}
}
div.redBox a.btn--red:hover {
		border: #fff 1px solid;
}

a.btn--red {
		background-color: #fff;
		background-image: url(../images/top/icon-arrow--red.svg);
		background-position: center right 12.8px;
		background-repeat: no-repeat;
		border: 1px solid var(--mainColor);
		border-radius: 4px;
		box-sizing: border-box;
		color: var(--mainColor);
		display: block;
		font-size: 1.8rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: auto;
		padding: 9px;
		text-align: center;
		transition: 0.2s;
}
@media screen and (max-width: 1023px) {
		a.btn--red {
				font-size: 1.4rem;
				padding: 13px 0;
		}
}
a.btn--red:hover {
		background-color: var(--mainColor);
		background-image: url(../images/top/icon-arrow--white.svg);
		background-position: center right 8.8px;
		color: #fff;
}

/*/////////////////////////////////////////////////////

メインビジュアル

/////////////////////////////////////////////////////*/
.counselor {
		font-family: var(--fontNotoSansJP);
		margin-top: 120px;
	}
.mainvisual {
		background: linear-gradient(180deg, rgba(255, 208, 165, 0.4) 0%, rgba(255, 180, 191, 0.4) 100%);
		padding: 24px 0;
}

.mainvisual__icon {
		text-align: center;
}

.mainvisual__icon img {
		height: 37px;
		margin: 0;
		width: auto;
}

.mainvisual__title {
		color: var(--colorMain);
		font-size: 24px;
		font-weight: 800;
		letter-spacing: 2px;
		margin: 16px 0 0;
		text-align: center;
}
.mainvisual {
		height: 168px;
	}
@media screen and (min-width: 758px) {
		.mainvisual {
			padding: 48px 0;
			height: 260px;
		}

		.mainvisual__icon img {
			height: 52px;
		}

		.mainvisual__title {
			font-size: 40px;
			margin: 16px 0 0;
		}
	}
/* --------------------------------------------
		breadcrumb
-------------------------------------------- */
.c-breadcrumb {
		background: #fff;
		padding: 0;
	}
.c-breadcrumb__inner{
		padding: 16px;
		word-break: keep-all;
		white-space: nowrap;
		overflow-x: auto;
}

	.c-breadcrumb__list {
		align-items: center;
		column-gap: 24px;
		display: flex;
		margin: 0;
		padding: 0;
	}

	.c-breadcrumb__list li {
		font-size: 12px;
		font-weight: 400;
		position: relative;
	}

	.c-breadcrumb__list li:nth-child(n + 2)::before {
		border: 0;
		border-right: 1px solid var(--colorBlack);
		border-top: 1px solid var(--colorBlack);
		bottom: 0;
		content: "";
		height: 6px;
		left: -16px;
		margin: auto;
		position: absolute;
		top: 0;
		transform: rotate(45deg);
		width: 6px;
	}

	@media screen and (min-width: 758px) {
		.c-breadcrumb__inner{
			padding: 14px 0;
		}

		.c-breadcrumb__inner {
			margin: 0 auto;
			max-width: 1080px;
			width: 100%;
		}

		.c-breadcrumb__list {
			align-items: center;
			column-gap: 24px;
			display: flex;
			margin: 0;
			padding: 0;
		}

		.c-breadcrumb__list li {
			font-size: 13px;
		}
	}

/*/ ////////////////////////////////////////////////////

ツヴァイの成婚サポート

/////////////////////////////////////////////////////*/
.marriage {
	padding-bottom: 40px;
}
.marriage .container1080{ padding-inline: 0;}

.marriage__img {
	width: 100%;
	margin: 0 auto 20px auto;
}

.marriage__column .txt{
	font-size: 14px;
	line-height: calc(21 / 14);
	font-weight: 500;
	padding-inline: 20px;
}
.marriagePoint {
	margin: 24px auto 0 auto;
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.55;
		margin-inline: auto;
		text-align: center;
		width: calc(100% - 40px);
		background-image: linear-gradient(-45deg, #e5cea1, #d6ab58);
		padding: 5px;
}
.marriagePoint__inner{
	background: #FFF;
	padding: 24px 24px;
	border-radius: 2px;
	box-sizing: border-box;
}
.marriagePoint .strong {
		color: var(--colorMain);
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 1.55;
}

.marriagePoint__List {
		margin-bottom: 0;
}
.marriagePoint__ListItem {
		line-height: 1.55;
		padding-left: 27px;
		position: relative;
		text-align: start;
}

.marriagePoint__ListItem::before {
		background-image: url(../images/counselor/icon-check_circle.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		content: "";
		height: 19px;
		left: 0;
		position: absolute;
		width: 19px;
}

.marriagePoint__ListItem .red {
		color: var(--colorMain);
}

.marriagePoint__bottomText {
		font-size: 14px;
		font-weight: 700;
		margin-top: 2px;
		padding-left: 20px;
}

.marriagePoint__bottomText .bold {
		font-size: 17px;
		font-weight: 700;
}

.marriagePoint__bottomText .red,
.txt .red{
		color: var(--colorMain);
}

@media screen and (min-width: 768px) {
		.marriage {
			padding-block: 84px;
			padding-bottom: 80px;
		}
		.marriage .container1080{ padding-inline: 15px;}
		.marriage__column {
			position: relative;
			max-width: 940px;
			margin: 0 auto;
			background: #FFF7EF;
			padding: 0 70px;
			border-radius: 20px;
			box-sizing: border-box;
		}
		.marriage__img {
			position: relative;
			top: -40px;
			width: 430px;
			margin: 0 auto 28px auto;
	}
	.marriage__column .txt{
		margin-top: -40px;
	}
	.marriage__column .txt + .txt{
		margin-top: 15px;
		margin-bottom: -40px;
	}

	.marriagePoint {
		position: relative;
		margin-top: 0;
		bottom: -40px;
		margin: 30px auto 0 auto;
		max-width: 800px;
		border-radius: 6px;
	}
	.marriagePoint__inner{
		background: #FFF;
		padding: 24px 24px;
		border-radius: 2px;
		box-sizing: border-box;
	}

		.marriagePoint__List {
			max-width: 422px;
				display: grid;
				gap: 4px;
				margin: 4px auto 0 auto;
		}
		.marriagePoint__bottomText {
				padding-left: 0;
		}
}

/*/ ////////////////////////////////////////////////////

入会～成婚までの流れ

/////////////////////////////////////////////////////*/
.flow{
	background: #FFF7EF;
	padding: 40px 0 40px 0;
	box-sizing: border-box;
}

.flowList{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width: calc(100% - 50px);
	gap : 30px 0;
	margin: 20px auto 0 auto;
}
.flowBox{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 20px;
}
.flowBox .icon-img{
	width: 72px;
	margin: 0 auto;
}

.flowBox .box-txt{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: calc(100% - 92px);
	background: #FFF;
	padding: 20px 20px;
	border-radius: 6px;
	box-sizing: border-box;
}
.flowBox .box-txt .en{
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: var(--colorMain);
	writing-mode: horizontal-tb;
	margin-bottom: 8px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.flowBox .box-txt .en br{ display: none;}
.flowBox .box-txt .ja{
	font-size: 18px;
	line-height: calc(22 / 18);
	font-weight: 700;
	color: var(--colorMain);
}

@media screen and (min-width: 768px) {
	.flow{
		padding: 56px 0 58px 0;
		margin-bottom: 43px;
	}
	.flow .supportComporison__text{
		text-align: center;
	}
	.flowList{
		flex-direction: row;
		width: 100%;
		gap : 0 85px;
		margin-top: 24px;
	}
	.flowBox{
		width: calc((100% - 595px) / 7);
		display: block;
	}
	.flowBox .icon-img{
		margin: 0 auto 17px auto;
	}
	.flowBox .box-txt{
		justify-content: center;
		flex-direction: column-reverse;
		width: 100%;
		padding: 20px 0;
		height: 215px;
	}
	.flowBox .box-txt .en{
		text-align: center;
		margin-left: 3px;
		margin-bottom: 0;
	}
	.flowBox .box-txt .en br{ display: block;}
	.ttl-vtcl{
		writing-mode: vertical-lr;
		white-space: nowrap;
	}
}

/*/ ////////////////////////////////////////////////////

redBox_btnarea

/////////////////////////////////////////////////////*/
.redBox_subbtnarea{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 25px 0;
}
.redBox_subbtnarea div{
	text-align: center;
	width: 100%;
}
.redBox_subbtnarea .subttl{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	line-height: calc(30 / 15);
	font-weight: 700;
	letter-spacing: .15em;
	margin-bottom: 10px;
}
.redBox_subbtnarea .subttl.slash{
	position: relative;
	padding: 0 24px;
}
.redBox_subbtnarea .subttl.slash:before,
.redBox_subbtnarea .subttl.slash:after{
	position: absolute;
	bottom: 12px;
	display: block;
	content: '';
	width: 16px;
	height: 1px;
	background: #FFF;
}
.redBox_subbtnarea .subttl.slash:before{
	left: 0;
	transform: rotate(40deg);
}
.redBox_subbtnarea .subttl.slash:after{
	right: 0;
	transform: rotate(-40deg);
}


@media screen and (min-width: 768px) {
	.redBox_subbtnarea{
		margin-top: 55px;
		flex-direction: row;
		gap: 0 40px;
	}
	.redBox_subbtnarea div{
		width: calc((100% - 40px) / 2);
		max-width: 400px;
	}

}

/*/ ////////////////////////////////////////////////////

カウンセラーのサポート

/////////////////////////////////////////////////////*/
.support{
	margin-top: 40px;
}

.support__container {
		display: grid;
		gap: 32px;
	margin-bottom: 40px;
}
.support__item {
		background: #fff7ef;
		padding-block: 40px;
}

.support__item:nth-of-type(odd) {
		background: #fff7ef;
}

.support__img {
		margin-top: 24px;
}

.support__img img {
		border-radius: 20px;
}

.support__text {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.55;
		margin-top: 16px;
}

.support__text .red {
		color: var(--colorMain);
}

.support__bubbleImg {
		margin-top: 16px;
}
.support__link {
		color: var(--colorMain) !important;
		font-weight: 700;
}
.w100{
	width: 100% !important;
}
.bold{
	font-weight: 700;
}
.underline{
	position: relative;
	padding-bottom: 8px;
}
.underline:after{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: var(--colorMain);
}

@media screen and (min-width: 768px) {
		.support{
			margin-top: 45px;
		}
		.support .supportComporison__text{
			text-align: center;
			margin-bottom: 40px;
		}

		.support__item:nth-of-type(odd) {
				background: #FFF;
		}
		.support__container {
			margin-top: 80px;
				gap: 80px 0;
			margin-bottom: 0;
		}
		.support__itemInner {
				background: #fff7ef;
				border-radius: 20px;
				max-width: 832px;
				padding: 32px 65px;
				width: 100%;
		}
		.support__item {
				background: unset;
				margin-inline: auto;
				max-width: 1080px;
				position: relative;
				width: 100%;
		}

		.support__item.bg-white {
				padding-bottom: 0;
		}

		.support__item .secTitle {
				text-align: start;
		}

		.support__text {
				width: 56%;
		}
		.support__img {
				margin-top: -40px;
				position: absolute;
				right: 0;
				top: 0;
				width: 40%;
			max-width: 430px;
		}

		.support__bubbleImg {
			margin-top: 20px;
			width: 76%;
			max-width: 530px;
		}

		.support__item.reverse .support__img {
				left: 0;
		}
		.support__item.reverse .support__itemInner {
				margin-left: auto;
				padding-left: 46%;
		}

		.support__item.reverse .support__text {
				width: 100%;
		}
		.support__item.last .support__itemInner {
				padding-block: 65px;
		}
}

@media screen and (min-width: 1024px) {
		.support__text {
				width: 75%;
		}

		.support__item.reverse .support__itemInner {
				padding-left: calc(19% + 40px);
		}
}


/*/ ////////////////////////////////////////////////////

ご成婚者の声

/////////////////////////////////////////////////////*/
.voice{
	padding: 48px 0 34px 0;
	background: #FFF7EF;
	box-sizing: border-box;
}

.voiceBox__wrap{
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 16px 0;
}

.voiceBox__wrap .voiceBox{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 20px;
	background: #FFF;
	border-radius: 10px;
	padding: 18px 26px;
	box-sizing: border-box;
}
.voiceBox__wrap .voiceBox.reverse{
	flex-direction: row-reverse;
}

.voiceBox__wrap .voiceBox .box-img{
	width: 70px;
}
.voiceBox__wrap .voiceBox .box-txt{
	width: calc(100% - 90px);
}
.voiceBox__wrap .voiceBox .box-txt .txt{
	font-size: 14px;
	line-height: calc(21 / 14);
	font-weight: 500;
	letter-spacing: .15em;
}
.voiceBox__wrap .voiceBox .box-txt .name{
	font-size: 14px;
	line-height: calc(21 / 14);
	font-weight: 700;
	margin-top: 8px;
}

.voiceBox__wrap .voiceBox.woman .name{ color:  var(--colorMain);}
.voiceBox__wrap .voiceBox.man .name{ color: #499FA6;}

@media screen and (min-width: 768px) {
	.voice{
		margin-top: 80px;
		padding: 35px 0 55px 0;
	}
	.voice .supportComporison__text{
		text-align: center;
	}

	.voiceBox__wrap{
		margin-top: 40px;
		gap: 40px 40px;
	}

	.voiceBox__wrap .voiceBox{
		width: calc((100% - 40px) / 2);
		gap: 0 20px;
		padding: 30px 34px;
	}

	.voiceBox__wrap .voiceBox:nth-of-type(even){
		position: relative;
		top: 20px;
	}
}

.nosp{ display: none;}
@media screen and (min-width: 768px) {
	.nopc{ display: none;}
	.nosp{ display: block;}
}

/*/ ////////////////////////////////////////////////////

成婚サポート比較

/////////////////////////////////////////////////////*/

.pointWrap__tableBox {
		overflow-x: auto;
		padding-bottom: 16px;
		width: 100%;
}

.pointWrap__table {
		border-collapse: collapse;
		margin-inline: auto;
		margin-top: 16px;
		width: 660px;
}

.pointWrap__table .asterisk {
		font-size: 10px;
		position: relative;
		top: -4px;
}

.pointWrap__table tr {
		align-items: center;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		justify-items: center;
}

.pointWrap__table th,
.pointWrap__table td {
		align-items: center;
		border-bottom: 2px solid #e9e8e5;
		display: flex;
		font-size: 14px;
		height: 62px;
		justify-content: center;
		letter-spacing: 2px;
		text-align: center;
		width: 100%;
}

.pointWrap__table th,
.pointWrap__table .heading {
		background: #fff7ef;
}

.pointWrap__table .heightLong td {
		height: 83px;
}

.pointWrap__table .heading {
		font-weight: 400 !important;
}

.pointWrap__table .ownHead {
		background: #f25265;
		border: none;
		color: #fff;
}

.pointWrap__table .ownContent {
		border: 2px solid #f25265;
		color: var(--mainColor);
		font-weight: 500;
		gap: 4px;
}
.pointWrap__table .ownContent .large {
		color: #f25265;
		font-size: 22px;
		font-weight: 500;
		height: 33px;
		line-height: 1.5;
		position: relative;
		top: -4px;
}

.pointWrap__table .ownContent .large img {
		height: 18px;
}

.pointWrap__table .ownContent .value {
		color: var(--mainColor);
		font-size: 14px;
		font-weight: 700;
		line-height: 1.5;
}

.pointWrap__table .bold {
		font-weight: 700;
}

.pointWrap__table.multiple td {
		font-weight: 700;
}

.pointWrap__table.multiple .ownContent {
		border-bottom: 2px solid #e9e8e5;
		border-top: none;
		color: var(--colorMain);
}

.pointWrap__table.multiple tr:nth-last-child(1) .ownContent {
		border-bottom: 2px solid #f25265;
}

.asterisk__detailWrap {
		margin-top: 40px;
}

.asterisk__detail {
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 1.5;
		margin-bottom: 2px;
}

.pointContent__lead {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.5;
		margin-top: 16px;
		text-align: center;
}

.pointWrapBottom__text {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.5;
		margin-top: 40px;
}

.pointWrapBottom__text .underLine__yellow {
		background: linear-gradient(transparent 0, rgba(255, 247, 64, 0) 50%, rgba(255, 247, 64, 1) 100%);
}

.pointWrap__table .ownContent .smallText {
		font-size: 16px;
		letter-spacing: 0.04em;
}

.pointWrap__table.table__price th,
.pointWrap__table.table__price td {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.04em;
}

.pointWrap__table .figure {
		font-size: 24px;
}

.table__price.pointWrap__table.multiple td {
		gap: 4px;
}

.table__price.pointWrap__table td .normal {
		font-size: 16px;
}

.table__price.pointWrap__table td .value {
		font-size: 13px;
		position: relative;
		top: 1px;
}

.numberOne__text {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1.2px;
		line-height: 1.5;
		text-align: center;
}

.numberOne__reason {
		height: auto;
		margin: 24px auto 0;
		width: 76px;
}

.numberOne__reason span {
		position: relative;
}

.numberOne__reason span::before {
		background-color: var(--mainColor);
		border-radius: 50%;
		content: "";
		height: 8px;
		left: 50%;
		position: absolute;
		top: -12px;
		transform: translateX(-50%);
		width: 8px;
}

.numberOne__img {
		margin: 24px auto 0;
		max-width: 342px;
		width: 100%;
}

.numberOne__img img {
		width: 100%;
}

.supportComporison {
		padding-block: 32px;
}

.supportComporison__text {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.5;
		margin-top: 16px;
}

.supportComporison__text .red {
		color: var(--colorMain);
}

.bottomLink {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 64px;
}

.bottomLink__item a {
		align-items: center;
		border: 1px solid var(--colorMain);
		border-radius: 4px;
		color: var(--colorMain);
		display: flex;
		font-size: 14px;
		font-weight: 700;
		height: 48px;
		justify-content: center;
		letter-spacing: 1px;
		position: relative;
		text-align: center;
		transition: 0.3s;
}

.bottomLink__item.active a {
		background: linear-gradient(180deg, #ff7f8e 0%, #e72d43 100%);
		color: #fff;
}

.bottomLink__item.active a::after {
		color: #fff;
}

.bottomLink__item a::after {
		border: 0.1em solid currentColor;
		border-bottom: 0;
		border-left: 0;
		box-sizing: border-box;
		color: var(--colorMain);
		content: "";
		display: inline-block;
		height: 0.5em;
		line-height: 1;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateX(-25%) translateY(-50%) rotate(45deg);
		transition: 0.3s;
		vertical-align: middle;
		width: 0.5em;
}

.bottomLink__item:hover a {
		background: linear-gradient(180deg, #ff7f8e 0%, #e72d43 100%);
		color: #fff;
}

.bottomLink__item a:hover::after {
		color: #fff;
}

@media screen and (min-width: 768px) {
		.bottomLink {
				grid-template-columns: repeat(3, 1fr);
		}
		.supportComporison__text{
			text-align: center;
		}
}

@media screen and (max-width: 840px) {
		.point__lead {
				align-content: center;
				display: grid;
				gap: 0;
				height: 178px;
				justify-items: center;
				margin-top: 0;
		}
		.point__topText {
				font-size: 14px;
				text-align: start;
		}

		.pointLink {
				margin-top: 16px;
				position: relative;
		}

		.pointLink::before {
				border: 1px solid #d6ab58;
				border-radius: 50%;
				content: "";
				height: 102px;
				left: 50%;
				position: absolute;
				top: 57%;
				transform: translateX(-50%) translateY(-50%);
				width: 102px;
		}

		.pointLink__column {
				display: grid;
				gap: 24px;
				grid-template-columns: 1fr;
				grid-template-rows: auto auto;
				margin-inline: auto;
				max-width: 305px;
				padding-top: 50px;
				width: 100%;
		}

		.pointLink__item {
				font-size: 18px;
				height: 91px;
				margin: 0 auto;
				width: 140px;
		}

		.pointLink__text {
				font-size: 18px;
				margin-top: 10px;
		}

		.pointLink__item:nth-child(1) {
				grid-column: span 2;
		}

		.pointLink__item:nth-child(2) {
				margin-bottom: 24px;
		}
}

@media screen and (max-width: 840px) {
		.pointContent__title {
				align-items: center;
				font-size: 24px;
		}


		.table__support.pointWrap__table td {
				height: 83px;
		}

		.pointWrap {
				padding-bottom: 40px;
		}
}