.top #content{
	padding-top: 0;
}
.f-cta-box.--has-mb{
	margin-bottom: var(--g-sec--lg);
}


/*===============================================================================
MV
================================================================================*/
.f-mv__cover{
	--cont-layer: 5;
	position: relative;
	display: flex;
	justify-content: center;
	padding: var(--g-sec--sm) 0 1.25rem;
}
/* グレースケール */
.f-mv__grayscale{
	position: absolute;
	top: 50%;
	left: calc( 50% - 50vw );
	transform: translateY(-50%);
	z-index: calc( var(--cont-layer) - 1 );
	width: 83vw;
	height: 101%;
	clip-path: polygon(0 0, 95% 0, 50% 100%, 0% 100%);
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.75) 100.38%);
	backdrop-filter: blur(4px);
}
@media (min-width: 600px){
	.f-mv__grayscale{
		width: 68vw;
		clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
	}
}
/* 背景画像 */
.f-mv__bgi{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	object-position: 71% 50%;
	z-index: calc( var(--cont-layer) - 2 );
}
/* コンテンツ */
.f-mv__content{
	width: 100%;
	color: #fff;
	z-index: var(--cont-layer);
}
.f-mv__head{
	width: calc( clamp(2.5rem, 1.429rem + 2.86vw, 4rem) * 8.5 );
	margin-bottom: var(--g-sec--xs);
	font-family: var(--ff-n);
}
.f-mv__title{
	margin-bottom: var(--g-sec--xs);
	font-size: clamp(2.5rem, 1.429rem + 2.86vw, 4rem);
	color: var(--c-main);
}
.f-mv__lead{
	letter-spacing: .04em;
	color: var(--c-main);
}
.f-mv__body{
	display: flex;
	justify-content: space-between;
}
.f-mv__medal{
	width: clamp(10rem, 8.214rem + 4.76vw, 12.5rem);
}
.f-mv__person{
	align-self: flex-end;
	text-align: center;
	text-shadow: 0px 2px 2px var(--c-dark);
	font-weight: var(--fw-lg);
	font-family: var(--ff-n);
	color: var(--c-light);
}
.f-mv__role{
	font-size: clamp(1rem, 0.643rem + 0.95vw, 1.5rem);
}
.f-mv__furigana{
	font-size: clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem);
}
.f-mv__name{
	font-size: clamp(1.75rem, 1.214rem + 1.43vw, 2.5rem);
}



/*===============================================================================
お知らせ
================================================================================*/



/*===============================================================================
ずっとご相談無料です
================================================================================*/
.f-free__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-free__inner::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main--dark);
}
.f-free__head{
	margin-bottom: var(--g-sec--md);
	text-align: center;
	color: var(--c-light);
}
.f-free__title {
	font-size: clamp(1.75rem, 2.67vw + 1.1rem, 3.5rem);
	font-weight: var(--fw-xl);
}

.f-free__body{
	--count: 1;
	--gap: var(--g-sec--sm);
	--box-width: 100%;
	--cta-width: calc( 200% - var(--box-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 960px){
	.f-free__body{
		--box-width: 120%;
		--count: 2;
	}
}
.f-free__box{
	position: relative;
	width: calc( ( var(--box-width) - var(--gap) * (var(--count) - 1) ) / var(--count) ); 
	padding: var(--g-sec--xs);
	background: var(--c-light);
	border-radius: var(--bd-r--xl);
	overflow: hidden;
}

.f-free__list{
	font-size: clamp(1.5rem, 1.321rem + 0.48vw, 1.75rem);
	font-weight: var(--fw-lg);
	color: var(--c-main);
}
.f-free__list li:not(:last-of-type){
	margin-bottom: 2rem;
}
.f-free__illust{
	position: absolute;
	bottom: 0;
	right: 1.25rem;
	width: clamp(6.5rem, 5.25rem + 3.33vw, 8.25rem);
}


.f-free__cta{
	max-width: fit-content;
	width: calc( ( var(--cta-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	margin-inline: auto;
}
.f-free__tel{
	margin-bottom: 1.5rem;
	font-weight: var(--fw-lg);
}
.f-free__number{
	margin-bottom: .75rem;
	font-size: clamp(2.75rem, 2.214rem + 1.43vw, 3.5rem);
	color: var(--c-light);
}
.f-free__number svg{
	width: .7em;
}
.f-free__info{
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	color: var(--c-light);
}
.f-free__btns{
	text-align: center;
}




/*===============================================================================
相続専門の司法書士法人です
================================================================================*/
.f-philosophy__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-philosophy__deco{
	position: absolute;
	width: clamp(12.75rem, 0.429rem + 32.86vw, 30rem);
}
.f-philosophy__deco.--top{
	top: 0;
	right: calc( 50% - 50vw );
}
.f-philosophy__deco.--bottom{
	bottom: 0;
	left: calc( 50% - 50vw );
	transform: rotate(180deg);
}
.f-philosophy__head{
	margin-bottom: var(--g-sec--md);
}
.f-philosophy__body{
	--count: 1;
	--gap: var(--g-sec--sm);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 768px){
	.f-philosophy__body{
		--media-width: 85%;
		--count: 2;
		flex-direction: row-reverse;
	}
}

.f-philosophy__slide{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	border-radius: var(--bd-r--lg);
	overflow: hidden;;
}
.f-philosophy__slide .swiper-button-next, 
.f-philosophy__slide .swiper-button-prev {
	width: var(--swiper-nav-size);
	height: var(--swiper-nav-size);
	padding: 0;
	border-radius: 50%;
	background: var(--c-act01);
	filter: drop-shadow(0px 2px 0px #D98429);
}
.f-philosophy__slide .swiper-button-prev{
	left: .75rem;
	transform: translateY(50%) rotatey(180deg);
}
.f-philosophy__slide .swiper-button-next{
	right: .75rem;
	transform: translateY(50%);
}
.f-philosophy__slide .swiper-button-next svg, 
.f-philosophy__slide .swiper-button-prev svg{
	width: 1.5rem;
}
.f-philosophy__slide .swiper-button-next:after, 
.f-philosophy__slide .swiper-button-prev:after{
	content: none;
}

.f-philosophy__textArea{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.f-philosophy__text:not(:last-child){
	margin-bottom: 1.75rem;
}
.f-philosophy__foot{
	text-align: center;
}



/*===============================================================================
料金表すべて公開
================================================================================*/
.f-service__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-service__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-act03);
}
.f-service__head{
	margin-bottom: var(--g-sec--md);
}
.f-service__flex{
	--count: 1;
	--gap: var(--g-sec--sm);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 1200px){
	.f-service__flex{
		--media-width: 85%;
		--count: 2;
	}
}

.f-service__mv{
	max-width: 40rem;
	margin-inline: auto;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: 1.25rem;
	background: var(--c-light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;;
}
.f-service__illust{
	width: clamp(9.5rem, 7.357rem + 5.71vw, 12.5rem);
	margin-inline: auto;
	margin-bottom: 1.25rem;
}
.f-service__lead{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	line-height: var(--lh-xl);
	font-weight: var(--fw-lg);
	color: var(--c-main);
}
.f-service__content{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	line-height: var(--lh-xl);
}
.f-service__textArea{
	margin-bottom: var(--g-sec--sm);
}
.f-service__btn{
	text-align: center;
}



/*===============================================================================
3つのお約束
================================================================================*/
.f-promise__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-promise__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: linear-gradient(165.76deg, #EFF5FB 10.12%, #EFFBF5 89.88%);
}
.f-promise__head{
	margin-bottom: var(--g-sec--md);
}
.f-promise__body > *:not(:last-child){
	margin-bottom: var(--g-sec--md);
}
.f-promise-mediaText{
	--count: 1;
	--gap: var(--g-sec--md);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.f-promise-mediaText{
		--media-width: 94%;
		--count: 2;
	}
	.f-promise-mediaText:nth-of-type(even){
		flex-direction: row-reverse;
	}
}
.f-promise-mediaText__body{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.f-promise-mediaText__heading{
	display: flex;
	align-items: center;
	gap: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
	margin-bottom: clamp(1.5rem, 1.143rem + 0.95vw, 2rem);
	margin-bottom: 1.75rem;
}
@media (min-width: 768px){
	.f-promise-mediaText__heading{
		flex-direction: column;
		align-items: flex-start;
	}
}
.f-promise-mediaText__label{
	max-width: min-content;
	line-height: var(--lh-xs);
	font-weight: var(--fw-lg);
	color: var(--c-main);
}
.f-promise-mediaText__name{
	font-size: 1rem;
	letter-spacing: normal;
	text-transform: capitalize;
}
.f-promise-mediaText__number{
	letter-spacing: .04em;
	font-size: 3.5rem;
}
.f-promise-mediaText__title {
	font-weight: var(--fw-lg);
}
.f-promise-mediaText__media{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.f-promise__hr{
	width: 100%;
	height: 1px;
	background: var(--c-blue);
}



/*===============================================================================
弊社が選ばれる理由
================================================================================*/
.f-reason__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-reason__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: #679DD3;
}
.f-reason__head{
	margin-bottom: var(--g-sec--md);
}
.f-reason__title{
	color: var(--c-light);
}
.f-reason__body{
	--count: 1;
	--gap: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2.25rem var(--gap);
	justify-content: center;
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 600px){
	.f-reason__body{
		--count: 2;
	}
}
@media (min-width: 960px){
	.f-reason__body{
		--count: 3;
	}
}

/*===============================
* カード
* =================================*/
.f-reason-card{
	--base-gap: clamp(1rem, -0.5rem + 2.5vw, 1.75rem);
	position: relative;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: clamp(4rem, 2.75rem + 3.33vw, 5.75rem) var(--base-gap) 4rem;
	background: var(--c-light);
	border-radius: var(--bd-r--lg);
	overflow: scroll;
}
@media (min-width: 600px){
	.f-reason-card:has(.f-reason-accordion[open])::before{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}
}

/* 数字 */
.f-reason-card__number{
	position: absolute;
	top: var(--base-gap);
	left: var(--base-gap);
	z-index: 5;
	letter-spacing: .04em;
	line-height: var(--lh-xs);
	font-weight: var(--fw-xl);
	font-size: 2.5rem;
	color: var(--c-main);
}

/* イラスト */
.f-reason-card__illust{
	max-width: 17.5rem;
	margin-inline: auto;
}
:is(.f-reason-card:nth-of-type(1), .f-reason-card:nth-of-type(3), .f-reason-card:nth-of-type(5)) .f-reason-card__illust{
	margin-bottom: clamp(2rem, 0.214rem + 4.76vw, 4.5rem);
}
:is(.f-reason-card:nth-of-type(2), .f-reason-card:nth-of-type(4)) .f-reason-card__illust{
	margin-bottom: 2rem;
}

/* リード */
.f-reason-card__lead{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-weight: var(--fw-lg);
	font-size: clamp(1.5rem, 1.321rem + 0.48vw, 1.75rem);
}
:is(.f-reason-card:nth-of-type(2), .f-reason-card:nth-of-type(4)) .f-reason-card__lead{
	margin-bottom: 2rem;
}

/*===============================
* オーバーレイ
* =================================*/
@media (min-width: 600px){
	.f-reason-card__overlay:has(.f-reason-accordion[open]){
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		content: "";
		width: 100%;
		height: 100%;
		padding: clamp(3rem, -1rem + 6.67vw, 5rem) var(--base-gap) 0;
	}
}

/*===============================
* アコーディオン
* =================================*/
.f-reason-accordion{
	--gap: .75em;
	--this-color: var(--c-main);
	display: block;
	width: 100%;
}

/**********************************
* ***質問
* **********************************/
.f-reason-accordion__head{
	display: flex;
	justify-content: center;
	gap: var(--gap);
	cursor: pointer;
	transition: var(--ani-t--normal) ease-out;
}
/* アニメーション */
.f-reason-accordion[open] .f-reason-accordion__head{
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--c-blue--dark);
}
@media (min-width: 600px){
	.f-reason-accordion[open] .f-reason-accordion__head{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
}
.f-reason-accordion__head-inner{
	font-weight: var(--fw-lg);
	color: var(--this-color);
}
.f-reason-accordion__head-text{
	text-decoration: underline;
}
@media (min-width: 600px){
	.f-reason-accordion[open] .f-reason-accordion__head-text{
		display: none;
	}
}

/**********************************
* ***回答
* **********************************/
.f-reason-accordion__body{
	display: flex;
	gap: var(--gap);
}
/* アニメーション */
.f-reason-accordion[open] .f-reason-accordion__body {
	animation: fadein 0.5s ease;
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.f-reason-accordion__bodyInner{
	flex-grow: 1;
}

/**********************************
* ***開閉アイコン
* **********************************/
.f-reason-accordion__toggle{
	--toggle-size: .6em;
	--toggle-weight: 2px;
	position: relative;
	display: inline-block;
	align-self: center;
	width: calc( var(--toggle-size) * 2 );
	min-width: calc( var(--toggle-size) * 2 );
	aspect-ratio: 1;
	border-radius: 50%;
	border: var(--toggle-weight) solid var(--this-color);
}
@media (min-width: 600px){
	.f-reason-accordion[open] .f-reason-accordion__toggle{
		position: absolute;
		top: var(--base-gap);
		right: var(--base-gap);
	}
}
.f-reason-accordion__toggle::before,
.f-reason-accordion__toggle::after{
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: var(--toggle-size);
	height: var(--toggle-weight);
	background: var(--this-color);
	transition: var(--ani-t--normal) ease-out;
}
.f-reason-accordion__toggle::before{transform: translate(-50%, -50%) rotate(90deg);}
.f-reason-accordion__toggle::after{transform: translate(-50%, -50%) rotate(0deg);}

/* アニメーション */
.f-reason-accordion[open] .f-reason-accordion__toggle::before{transform: translate(-50%, -50%) rotate(180deg);}
.f-reason-accordion[open] .f-reason-accordion__toggle::after{
	opacity: 0;
	transform: translate(-50%, -50%) rotate(90deg);
}

/* 既存のマーカー */
.f-reason-accordion__head {
	list-style: none;
}
.f-reason-accordion__head::-webkit-details-marker {
	display: none;
}

.f-reason__foot{
	text-align: center;
}


/*===============================================================================
お客様の声
================================================================================*/
.f-voice{
	margin-bottom: var(--g-sec--lg);
}
.f-voice__inner{
	position: relative;
	max-width: 1120px;
	margin-inline: auto;
	padding: var(--g-sec--lg) 0;
}
.f-voice__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: linear-gradient(165.76deg, #EFF5FB 10.12%, #EFFBF5 89.88%);
}
.f-voice__head, .f-voice__body{
	margin-bottom: var(--g-sec--md);
}
.f-voice__foot{
	text-align: center;
}



/*===============================================================================
よくあるご質問
================================================================================*/
.f-faq{
	margin-bottom: var(--g-sec--lg);
}



/*===============================================================================
ご相談の流れ
================================================================================*/
.f-flow{
	margin-bottom: var(--g-sec--lg);
}
.f-flow__inner{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.f-flow__head{
	margin-bottom: var(--g-sec--md);
}
.f-flow__body{
	margin-bottom: var(--g-sec--md);
}

.f-flow__video{
	margin-bottom: var(--g-sec--sm);
}

/*===============================
* ステップ
* =================================*/
.f-flow-card:not(:last-of-type){
	margin-bottom: .5rem;
}
.f-flow-card__flex{
	display: flex;
	gap: clamp(1rem, 0.464rem + 1.43vw, 1.75rem);
}

/* 左カラム */
.f-flow-card__labels{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: clamp(4rem, 2.75rem + 3.33vw, 5.75rem);
	min-width: clamp(4rem, 2.75rem + 3.33vw, 5.75rem);
	text-align: center;
	font-weight: var(--fw-xl);
	font-size: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
	color: var(--c-green--dark);
}
.f-flow-card__label{
	margin-bottom: .5rem;
	min-width: max-content;
}
.f-flow-card__icon{
	margin-bottom: 1rem;
}
/* 縦線 */
.f-flow-card:not(:last-of-type) .f-flow-card__labels::after{
	content: "";
	width: 3px;
	flex-grow: 1;
	background: var(--c-green--light);
	border-radius: 100vmax;
}

/* 右カラム */
.f-flow-card__contents{
	flex-grow: 1;
}
/* タイトル */
.f-flow-card__title{
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 0.964rem + 1.43vw, 2.25rem);
}
/* テキストエリア */
.f-flow-card__textArea{
	padding: 1em clamp(1rem, -0.071rem + 2.86vw, 2.5rem);
	box-shadow: 0px 6px 0px #CCE1C1;
	background: var(--c-green--light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
.f-flow-card:not(:last-of-type) .f-flow-card__textArea{
	margin-bottom: clamp(1.25rem, 0.714rem + 1.43vw, 2rem);
}

.f-flow__foot{
	text-align: center;
}




/*===============================================================================
アクセス
================================================================================*/
.f-access{
	margin-bottom: var(--g-sec--lg);
}

/* 背景色 */
.f-access__inner{
	position: relative;
	max-width: 1000px;
	margin-inline: auto;
	padding: var(--g-sec--lg) 0;
}
.f-access__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: linear-gradient(165.76deg, #EFF5FB 10.12%, #EFFBF5 89.88%);
}

/*===============================
* head
* =================================*/
.f-access__head{
	margin-bottom: var(--g-sec--md);
}

/*===============================
* body
* =================================*/
.f-access__body{
	margin-bottom: var(--g-sec--md);
}
.f-access__cols{
	--count: 1;
	--gap: var(--g-sec--sm);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.f-access__cols{
		--media-width: 85%;
		--count: 2;
		flex-direction: row-reverse;
	}
}
.f-access__map{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	border: 4px solid var(--c-blue);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
.f-access__map iframe{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: 50% 50%;
}
.f-access__content{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	font-weight: var(--fw-lg);
}
.f-access__logo{
	max-width: 27.5rem;
	margin-bottom: var(--g-sec--xs);
}
.f-access__info{
	margin-bottom: 1.5rem;
}
.f-access__info>*:not(:last-child){
	margin-bottom: .25rem;
}

/*===============================
* foot
* =================================*/
.f-access__foot{
	text-align: center;
}



/*===============================================================================
会社情報
================================================================================*/
.f-company{
	margin-bottom: var(--g-sec--lg);
}
.f-company__head{
	margin-bottom: var(--g-sec--md);
}
.f-company__body{
	margin-bottom: var(--g-sec--md);
}
.f-company__foot{
	text-align: center;
}


/*===============================================================================
SNS
================================================================================*/
/* 背景色 */
.f-sns__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.f-sns__inner::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: linear-gradient(165.76deg, #EFF5FB 10.12%, #EFFBF5 89.88%);
}
.f-sns__head{
	margin-bottom: var(--g-sec--md);
	text-align: center;
	color: var(--c-main);
}

.f-sns__groups{
	--count: 1;
	--gap: var(--g-sec--sm);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 768px){
	.f-sns__groups{
		--count: 2;
	}
}
.f-sns__group{
	flex-grow: 1;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: 1.5rem var(--g-sec--xs);
	background: var(--c-light);
	border-radius: var(--bd-r--lg);
	overflow: hidden;
}
.f-sns__name{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 1.5rem;
	font-weight: var(--fw-lg);
	font-size: 2rem;
}
.f-sns__icon.--youtube{
	width: 3.5rem;
}
.f-sns__icon.--insta{
	width: 2.5rem;
}
.f-sns__link{
}