/*===============================================================================
共通
================================================================================*/
:root{
	--container_size: 1200px;
	--c-main: rgba(34, 185, 209, 1);
	--c-act01: rgba(230, 24, 116, 1); /* 蛍光ピンク */
	--c-act02: rgba(67, 63, 96, 1); /* 紫：テキスト */
	--c-act02--dark: rgba(23, 42, 136, 1); /* 紺：リアルな違い */
	--c-act02--light: rgba(145, 133, 157, 1); /* 薄紫：線 */
	--g-sec--xs: clamp(1.5rem, 0.786rem + 1.9vw, 2.5rem);
	--text-shdw: 4px 6px 2px rgba(32, 106, 115, 0.25);
}
@font-face{ 
	font-family: C4_Rhenium_H;
	src: url("https://test.com/wp-includes/fonts/C4_Rhenium_H.woff2") format("woff2"),
		url("https://test.com/wp-includes/fonts/C4_Rhenium_H.woff") format("woff"),
		url(/fonts/C4_Rhenium_H.eot) format('embedded-opentype');
	font-display: swap;
}
#body_wrap.-bg-fix:before{
	background: rgba(242, 246, 249, 1);
}
#fix_header, #footer, #before_footer_widget{
	display: none;
}
#content{
	padding-top: 0;
}
.main{
	line-height: var(--lh-xs);
	font-family: "Noto Sans JP", var(--swl-font_family);
	font-weight: var(--fw-lg);
}

/*===============================================================================
header
================================================================================*/
.l-header__logo, /* ロゴ */
.headerParts, /* 問い合わせボタン */
#sp_menu .c-widget__title, /* ハンバーガー内：タイトル */
#sp_menu .p-spMenu__nav, /* ハンバーガー内：メニュー */
#sp_menu .p-blogParts[data-partsid="3229"] /* ハンバーガー内：ウィジェット */
{
	display: none;
}
@media (min-width: 960px){
	#header{
		display: none;
	}
}

/*===============================
ハンバーガーアイコン
* =================================*/
/* ハンバーガーアイコンの位置変更 */
#header, #sp_menu .p-spMenu__closeBtn{
	--header-vertical-gap: 1.125rem;
	--header-side-gap: 1.125rem;
}
#header{
	padding: var(--header-vertical-gap) var(--header-side-gap);
}
#sp_menu .p-spMenu__closeBtn{
	top: var(--header-vertical-gap);
	right: var(--header-side-gap);
}
/* ハンバーガーアイコン色の変更 */
#header .c-iconBtn__icon, 
#sp_menu .c-iconBtn__icon{
	color: var(--c-main);
}
/* 背景色を付与 */
#header .l-header__menuBtn, 
#sp_menu .p-spMenu__closeBtn{
	--icon-size: 4rem;
	width: var(--icon-size);
	height: var(--icon-size);
	border-radius: 50%;
	overflow: hidden;
	background: var(--c-light);
}
:is(#header, #sp_menu) .c-iconBtn__label{
	display: none;
}
/*===============================
背景色部分 幅の変更
* =================================*/
[data-spmenu="closed"] #sp_menu .p-spMenu__inner{
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
}
#sp_menu .p-spMenu__inner{
	width: 100vw;
}
/*===============================
ハンバーガーメニューが開いている時はｽｸﾛｰﾙ禁止
* =================================*/
[data-spmenu="opened"] body{
	height: 100%;
	overflow: hidden;
}
/*===============================
背景色の変更
* =================================*/
#sp_menu .p-spMenu__inner::before{
	background: var(--c-main);
}

/*===============================
* ウィジェット
* =================================*/
/* 内部リンク */
.wdh{
	font-family: "Noto Sans JP", var(--swl-font_family);
	font-weight: var(--fw-lg);
}
.wdh__pageLink{
	margin-bottom: var(--g-sec--sm);
}
.wdh__pageLink .p-wd-scroll{
	--gap: 2.25rem;
}
.wdh__pageLink .p-wd-scroll__item{
	--arrow_weight: 4px;
	--arrow_size: 16px;
	max-width: 19.25rem;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
	font-size: 1.5rem;
	color: var(--c-main);
}
.wdh__pageLink .p-wd-scroll__top{
	padding: .25rem;
}
.wdh__pageLink .p-wd-scroll__bottom{
	padding: 0;
}
.wdh__pageLink .p-wd-scroll__bottom::after{
	transform: translate(25%, -25%) rotate(45deg);
}

/* ボタン */
.p-wd-cta .p-wd-cta__btn{
	font-size: 1.5rem;
	color: var(--c-light);
}

/*===============================================================================
コンポーネント
================================================================================*/
/*===============================
* テキスト
* =================================*/
.wd-text{
	font-size: clamp(1.75rem, 0.5rem + 3.33vw, 3.5rem); /* 24～56 */
}
.wd-text.--lg{
	font-size: clamp(2.25rem, 1.357rem + 2.38vw, 3.5rem); /* 32～56 */
}
.wd-text.--xl{
	font-size: clamp(2.25rem, 0.643rem + 4.29vw, 4.5rem); /* 32～72 */
}

/*===============================
* 装飾画像
* =================================*/
.wd__deco{
	position: absolute;
	z-index: -1;
}
.wd__deco.--long{
	width: 17%;
	min-width: 7.25rem;
}
.wd__deco.--short{
	width: 15%;
	min-width: 8.25rem;
}
.wd__deco.--left{
	left: calc( 50% - 50vw );
}
.wd__deco.--right{
	right: calc( 50% - 50vw );
}

/*===============================
* 内部リンク
* =================================*/
.p-wd-scroll{
	--count: 1;
	--gap: 1.5rem;
	display: flex;
	justify-content: center;
	gap: var(--gap);
	flex-wrap: wrap;
}
@media (min-width: 600px){
	.p-wd-scroll{
		--count: 2;
	}
}
@media (min-width: 960px){
	.p-wd-scroll{
		--count: 4;
		flex-wrap: nowrap;
	}
}
.p-wd-scroll__item{
	--arrow_weight: 2px;
	--arrow_size: 10px;
	display: flex;
	flex-direction: column;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	min-width: fit-content;
	text-align: center;
	border: 2px solid var(--c-main);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	font-size: 1.25rem;
	color: var(--c-main);
	transition: var(--ani-t--normal) ease-out;
}
.p-wd-scroll__top{
	padding: .5rem;
	background: var(--c-light);
}
.p-wd-scroll__bottom{
	padding: .5rem;
	text-align: center;
	background: var(--c-main);
}
.p-wd-scroll__bottom::after{
	content: "";
	display: inline-block;
	height: var(--arrow_size);
	width: var(--arrow_size);
	border-bottom: var(--arrow_weight) solid var(--c-light);
	border-right: var(--arrow_weight) solid var(--c-light);
	transform: translate(25%, -50%) rotate(45deg);
	transition: transform var(--ani-t--normal);
}
.p-wd-scroll__item:is(:hover, :focus) .p-wd-scroll__bottom::after{
	transform: translate(25%, -25%) rotate(45deg);
}

/*===============================
* CTA
* =================================*/
.p-wd-cta{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
}
.p-wd-cta__btn{
	display: inline-block;
	text-align: center;
	max-width: 28.75rem;
	width: 100%;
	padding: 1.4em .75em;
	background-size: 100% auto;
	border-radius: 99999px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: var(--c-light);
	cursor: pointer;
	transition: var(--ani-t--normal) ease-out;
}
.p-wd-cta__btn.--contact{
	background: linear-gradient(92.85deg, #A8D8F2 0.08%, #328CBA 100%);
}
.p-wd-cta__btn.--line{
	background: linear-gradient(92.85deg, #93F18B 0.08%, #35D66D 100%);
}
.p-wd-cta__btn:is(:hover, :focus){
	background-size: 200% auto;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	transform: translateY(4px);
}


/*===============================================================================
MV
================================================================================*/
.wd-mv{
	margin-bottom: 4rem;
}
@media (min-width: 960px){
	.wd-mv{
		margin-bottom: 0;
	}
}

.wd-mv__inner{
	position: relative;
	padding-top: var(--g-sec--md);
	padding-bottom: 14rem;
}
@media (min-width: 600px){
	.wd-mv__inner{
		padding-bottom: 6rem;
	}
}

/* 背景色 */
.wd-mv__inner::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: calc( 100% - var(--g-sec--lg) );
	background: linear-gradient(98.55deg, #BDE8EF -2.23%, #CCE9FF 56.2%, #ACD8F3 108.18%);
}

/*===============================
* 装飾画像
* =================================*/
.wd-mv__deco.--topLeft{
	top: 0;
}
.wd-mv__deco.--topRight{
	top: 50%;
}
.wd-mv__deco.--bottomLeft{
	top: 90%;
}


/*===============================
* タイトル
* =================================*/
.wd-mv__title{
	display: flex;
	flex-direction: column;
	gap: 1em;
	margin-bottom: var(--g-sec--lg);
	line-height: var(--lh-xs);
	font-size: clamp(1.25rem, 0.268rem + 2.62vw, 2.625rem);
	font-family: C4_Rhenium_H, var(--swl-font_family);
}
.wd-mv__titleRow.--pc{display: none;}
@media (min-width: 600px){
	.wd-mv__titleRow.--pc{display: block;}
	.wd-mv__titleRow.--sp{display: none;}
}
.wd-mv__titleRow{
	width: fit-content;
	padding: .9em .4em;
	background: rgba(68, 179, 234, 1);
	color: var(--c-light);
	-webkit-text-stroke: 2px rgba(103, 90, 127, 1);
	text-stroke: 2px rgba(103, 90, 127, 1);
	paint-order: stroke;
	text-shadow: .1em .17em 2px rgba(103, 90, 127, 1);
}
.wd-mv__titleRow strong{
	font-size: clamp(2.25rem, 0.643rem + 4.29vw, 4.5rem);
}

/*===============================
* イラスト
* =================================*/
.wd-mv__illust{
	position: absolute;
	bottom: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	width: 50%;
	min-width: 40rem;
}
@media (min-width: 600px){
	.wd-mv__illust{
		left: auto;
		right: 0;
	}
}
.wd-mv__illust img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*===============================
* 内部リンク
* =================================*/
.wd-mv-scroll{
	display: none;
}
@media (min-width: 600px){
	.wd-mv-scroll{
		display: block;
	}
}



/*===============================================================================
外部WEBチームという新しい選択
================================================================================*/
/*===============================
* メディアテキスト
* =================================*/
.wd-stop-mediaText{
	position: relative;
	margin-bottom: 2.5rem;
}
/*===============================
* メディアテキスト：メディア
* =================================*/
.wd-stop-mediaText__media{
	width: 29%;
	min-width: 12rem;
	margin-inline: auto;
	margin-bottom: 2.25rem;
}
@media (min-width: 600px){
	.wd-stop-mediaText__media{
		margin-inline: unset;
		margin-bottom: 0;
	}
}
.wd-stop-mediaText__media img{
}
/*===============================
* メディアテキスト：ボディ
* =================================*/
@media (min-width: 600px){
	.wd-stop-mediaText__body{
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 1;
		transform: translateY(-50%);
		max-width: fit-content;
	}
}
/*===============================
* 1行目テキスト
* =================================*/
.wd-stop-mediaText__catch{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .25em 0;
	margin-bottom: clamp(1.5rem, 1.143rem + 0.95vw, 2rem);
	text-align: center;
	color: var(--c-main);
}
@media (min-width: 600px){
	.wd-stop-mediaText__catch{
		flex-direction: row;
		text-align: left;
	}
}
.wd-stop-mediaText__catch strong{
	--this-color: var(--c-main);
	display: inline-block;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 1em .15em; /* 繰り返しの間隔 */
	background-image: radial-gradient(0.075em 0.075em at center center, var(--this-color), var(--this-color) 100%, transparent, transparent); /* ドットのサイズと色 */
	padding-top: 0.2em; /* ドットとの距離 */
}

/*===============================
* 2行目テキスト
* =================================*/
.wd-stop-mediaText__title{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .25em 0;
	max-width: fit-content;
	margin-inline: auto;
	margin-bottom: clamp(1.75rem, 0.5rem + 3.33vw, 3.5rem);
	text-align: center;
	color: var(--c-main);
}
@media (min-width: 768px){
	.wd-stop-mediaText__title{
		flex-direction: row;
	}
}
.wd-stop-mediaText__title > svg{
	display: none;
}
@media (min-width: 768px){
	.wd-stop-mediaText__title > svg{
		position: absolute;
		bottom: -70%;
		left: 0;
		z-index: -1;
		display: block;
		max-width: 873px;
		width: 100%;
	}
}
.wd-stop-mediaText__title span{
	position: relative;
	max-width: fit-content;
	margin-inline: auto;
	padding-bottom: 1%;
	color: var(--c-light);
	-webkit-text-stroke: 4px var(--c-dark);
	text-stroke: 4px var(--c-dark);
	paint-order: stroke;
}
@media (min-width: 768px){
	.wd-stop-mediaText__title span{
		margin-inline: unset;
		padding-bottom: 0;
	}
}
.wd-stop-mediaText__title span svg{
	position: absolute;
	bottom: -70%;
	left: 0;
	z-index: -1;
	max-width: 873px;
	width: 100%;
}
@media (min-width: 768px){
	.wd-stop-mediaText__title span svg{
		display: none;
	}
}

/*===============================
* 3行目テキスト
* =================================*/
.wd-stop-mediaText__trouble{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .25em 0;
	text-align: center;
	color: var(--c-main);
}
@media (min-width: 600px){
	.wd-stop-mediaText__trouble{
		flex-direction: row;
		text-align: left;
	}
}



/*===============================================================================
こんな理由で、WEBが止まっていませんか？
================================================================================*/
.wd-stop-riyu{
	margin-bottom: var(--g-sec--lg);
}
.wd-stop-riyu__title{
	max-width: fit-content;
	margin-inline: auto;
	justify-content: center;
	align-items: center;
	line-height: var(--lh-sm);
	color: var(--c-light);
	-webkit-text-stroke: 4px var(--c-dark);
	text-stroke: 4px var(--c-dark);
	paint-order: stroke;
	margin-bottom: 4rem;
}
@media (min-width: 600px){
	.wd-stop-riyu__title{
		margin-bottom: 2.5rem;
	}
}

/*===============================
* リスト
* =================================*/
.wd-stop-riyu__list-wrap{
	position: relative;
}
.wd-stop-riyu__deco{
	top: 0;
	transform: translateY(-90%);
}
@media (min-width: 600px){
	.wd-stop-riyu__deco{
		top: 50%;
		transform: translateY(-50%);
	}
}
.wd-stop-riyu__list {
	--circle-width: 1em; /* ｱｲｺﾝｻｲｽﾞ */
	--over-fz: 0.25em; /* ｱｲｺﾝをﾌｫﾝﾄｻｲｽﾞより大きくする値 */
	--check-long: calc(var(--circle-width) * 0.6); /* ﾁｪｯｸｱｲｺﾝの長辺 */
	--check-color: var(--c-light);
	--check-weight: 2px; /*ﾁｪｯｸｱｲｺﾝの太さ  */
	--count: 1;
	--gap: clamp(1.125rem, 0.143rem + 2.62vw, 2.5rem);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	font-size: 1.125rem;
}
@media (min-width: 600px){
	.wd-stop-riyu__list{
		--count: 2;
	}
}

.wd-stop-riyu__list > li {
	display: flex;
	align-items: baseline;
	gap: .4em;
	flex-grow: 1;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: .8em .6em;
	background: var(--c-light);
	border: 2px solid var(--c-act02--light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	color: var(--c-act02);
}
/* サークル */
.wd-stop-riyu__list span {
	position: relative;
	top: var(--over-fz); /* ｱｲｺﾝとﾃｷｽﾄの高さを揃える */
	display: inline-block;
	min-width: var(--circle-width);
	aspect-ratio: 1;
	background: linear-gradient(90deg, #CFE9E2 0%, #554C9D 99%);
	border-radius: 50%;
}
/* チェックアイコン */
.wd-stop-riyu__list span::before {
	position: absolute;
	top: 25%;
	left: 20%;
	transform: rotate(-45deg);
	content: "";
	display: inline-block;
	width: var(--check-long);
	aspect-ratio: 2 / 1;
	border-left: var(--check-weight) solid var(--check-color);
	border-bottom: var(--check-weight) solid var(--check-color);
}

/*===============================
* メッセージ
* =================================*/
.wd-stop-message{
	position: relative;
	padding-bottom: calc( var(--g-sec--lg) * 2 );
}
@media (min-width: 600px){
	.wd-stop-message{
		padding-bottom: var(--g-sec--lg);
	}
}
.wd-stop-message__content{
	max-width: 780px;
	padding: var(--g-sec--xs);
	border: 2px solid var(--c-act02--light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	background: rgba(255, 255, 255, 0.9);
	line-height: var(--lh-xl);
	font-size: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
}
.wd-stop-message__content span{
	display: inline;
	padding: 0 .25em;
	background: linear-gradient(rgba(255, 252, 164, 1) 0%);
	color: var(--c-main);
}
.wd-stop-message__illust{
	position: absolute;
	bottom: 0;
	left: calc( 50% - 69vw );
	z-index: -1;
	width: 118%;
}
@media (min-width: 600px){
	.wd-stop-message__illust{
		left: 9%;
		width: 87%;
	}
}



/*===============================================================================
WEB担当者代行サービス
================================================================================*/
.wd-service__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.wd-service__deco{
	top: 1.125rem;
}
/*===============================
* bgc
* =================================*/
.wd-service__inner::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}

/*===============================
* head
* =================================*/
.wd-service__head{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--g-sec--sm);
	margin-bottom: var(--g-sec--sm);
	text-align: center;
}
.wd-service__title{
	text-shadow: var(--text-shdw);
	color: var(--c-light);
}
.wd-service__arrow{
	display: grid;
	place-items: center;
}
.wd-service__arrow::before{
	--arrow-size: 2rem;
	--arrow-weight: 8px;
	--arrow-color: var(--c-light);
	content: "";
	display: inline-block;
	width: var(--arrow-size);
	height: var(--arrow-size);
	border-right: var(--arrow-weight) solid var(--arrow-color);
	border-bottom: var(--arrow-weight) solid var(--arrow-color);
	transform: translate(0%, -25%) rotate(45deg);
	transition: var(--ani-t--normal) ease-out;
}
.wd-service__catch img{
	display: block;
	width: 100%;
	height: 100%;
}

/*===============================
* list
* =================================*/
.wd-service-list{
	--oya-count: 1;
	--oya-gap: var(--g-sec--xs);
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem var(--oya-gap);
}
@media (min-width: 768px){
	.wd-service-list{
		--oya-count: 2;
	}
}
.wd-service-list li{
	--child-count: 1;
	--child-gap: .25rem;
	--icon-width: 42%;
	--cotent-width: calc( 200% - var(--icon-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--child-gap);
	width: calc( ( 100% - var(--oya-gap) * (var(--oya-count) - 1) ) / var(--oya-count) );
	min-height: 7.5rem;
	padding: 1.5rem .625rem;
	background: var(--c-light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
@media (min-width: 600px){
	.wd-service-list li{
		--child-count: 2;
		padding: 0;
		background: transparent;
		border-radius: 0;
		overflow: hidden;
	}
}
/* アイコンカラム */
.wd-service-list__icon{
	flex-grow: 1;
	width: calc( ( var(--icon-width) - var(--child-gap) * (var(--child-count) - 1) ) / var(--child-count) );
	margin-inline: auto;
	margin-bottom: 2rem;
	text-align: center;
}
@media (min-width: 600px){
	.wd-service-list__icon{
		margin-inline: unset;
		margin-bottom: 0;
		padding: .5rem 1rem;
		background: var(--c-light);
		border-top-left-radius: var(--bd-r--sm);
		border-bottom-left-radius: var(--bd-r--sm);
		overflow: hidden;
	}
}
.wd-service-list__icon img{
	max-width: 6.25rem;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* コンテンツカラム */
.wd-service-list__content{
	flex-grow: 1;
	width: calc( ( var(--cotent-width) - var(--child-gap) * (var(--child-count) - 1) ) / var(--child-count) );
	line-height: var(--lh-xl);
}

.wd-service-list li:not(:has(.wd-service-list__icon)){
	padding: 0;
	background: transparent;
	border-radius: 0;
}
.wd-service-list li:not(:has(.wd-service-list__icon)) .wd-service-list__content{
	display: flex;
	align-items: center;
	max-width: calc( 100% - 8px );
	height: calc( 100% - 8px );
	padding: .5rem 1rem;
	background: var(--c-light);
	box-shadow: 8px 8px 0px 0px rgba(191, 189, 193, 1);
	border-radius: 0;
}
@media (min-width: 600px){
	.wd-service-list__content{
		padding: .5rem 1rem;
		background: var(--c-light);
		border-top-right-radius: var(--bd-r--sm);
		border-bottom-right-radius: var(--bd-r--sm);
		overflow: hidden;
	}
}
.wd-service-list__title{
	margin-bottom: .5em;
	padding-bottom: .5em;
	text-align: center;
	border-bottom: 1px dotted var(--c-gray);
	font-size: 1.25rem;
	color: var(--c-main);
}
@media (min-width: 600px){
	.wd-service-list__title{
		text-align: left;
	}
}




/*===============================================================================
WEB改善をサポート。
================================================================================*/
.wd-support{
	margin-bottom: var(--g-sec--lg);
}
.wd-support__inner{
	position: relative;
	padding-bottom: var(--g-sec--lg);
}
.wd-support__deco{
	top: -2%;
}
@media (min-width: 600px){
	.wd-support__deco{
		top: 0;
	}
}

/*===============================
* bgc
* =================================*/
.wd-support__inner::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}

/*===============================
* head
* =================================*/
.wd-support__head{
	--count: 1;
	--gap: var(--g-sec--md);
	--media-width: 63%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
	margin-bottom: var(--g-sec--lg);
}
@media (min-width: 600px){
	.wd-support__head{
		--count: 2;
	}
}
.wd-support__icon{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	min-width: 17rem;
	margin-inline: auto;
}
@media (min-width: 600px){
	.wd-support__icon{
		min-width: auto;
		margin-inline: unset;
	}
}
.wd-support__title{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--g-sec--xs);
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	font-family: C4_Rhenium_H, var(--swl-font_family);
	color: var(--c-light);
}
@media (min-width: 600px){
	.wd-support__title{
		align-items: flex-start;
	}
}
.wd-support__title strong{
	font-size: clamp(4.5rem, 3.25rem + 3.33vw, 6.25rem);
}

/*===============================
* list
* =================================*/
.wd-support-list{
	--count: 1;
	--gap: var(--g-sec--xs);
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem var(--gap);
}
@media (min-width: 600px){
	.wd-support-list{
		--count: 2;
	}
}
.wd-support-list__item{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	min-height: 8.75rem;
}
.wd-support-list__item.--label{
	padding: .5rem 1rem;
	border: 2px solid var(--c-act02--light);
	background: var(--c-light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.wd-support-list__item.--end{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.wd-support-list__item.--end .wd-support-list__text{
	color: var(--c-light);
}
.wd-support-list__text{
	line-height: var(--lh-sm);
}

.wd-support-list__title{
	margin-bottom: .5rem;
	font-size: 1.25rem;
}
.wd-support-list__description:not(:last-child){
	margin-bottom: 1rem;
}
.wd-support-list__result{
	display: flex;
	align-items: center;
	gap: 1rem;
	width: fit-content;
}
.wd-support-list__item:has(.wd-support-list__icon) .wd-support-list__result{
	margin-left: auto;
}
.wd-support-list__icon{
	width: 2.5rem;
}
.wd-support-list__text.--note>*{
	font-size: 1.25rem;
}
.wd-support-list__act01{
	font-size: 1.75rem;
	color: var(--c-act01);
}
.wd-support-list__text strong{
	font-size: 3.5rem;
}



/*===============================================================================
「外注」ではなく「あなたの会社の一員」として働く
================================================================================*/
.wd-syain{
	margin-bottom: var(--g-sec--lg);
}
.wd-syain__inner{
	position: relative;
}
.wd-syain__deco{
	top: calc( var(--g-sec--lg) * -1 + 1.125rem );
}
/*===============================
* head
* =================================*/
.wd-syain__head{
	margin-bottom: var(--g-sec--md);
}
.wd-syain__title{
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: var(--lh-sm);
	color: var(--c-main);
}
.wd-syain__titleRow{
	align-items: baseline;
}
/*===============================
* body
* =================================*/
.wd-syain__lead{
	margin-bottom: 1.5rem;
	font-size: 1.25rem;
}
/*===============================
* リスト
* =================================*/
.wd-syain__list {
	--circle-width: 1em; /* ｱｲｺﾝｻｲｽﾞ */
	--over-fz: 0.25em; /* ｱｲｺﾝをﾌｫﾝﾄｻｲｽﾞより大きくする値 */
	--check-long: calc(var(--circle-width) * 0.6); /* ﾁｪｯｸｱｲｺﾝの長辺 */
	--check-color: var(--c-light);
	--check-weight: 2px; /*ﾁｪｯｸｱｲｺﾝの太さ  */
	--count: 1;
	--gap: clamp(1.125rem, 0.143rem + 2.62vw, 2.5rem);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	font-size: 1.125rem;
}
@media (min-width: 600px){
	.wd-syain__list{
		--count: 2;
	}
}
.wd-syain__list > li {
	display: flex;
	align-items: baseline;
	gap: .4em;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: .8em .6em;
	background: var(--c-light);
	border: 2px solid var(--c-act02--light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	line-height: var(--lh-sm);
	color: var(--c-act02);
}
/* サークル */
.wd-syain__list span {
	position: relative;
	top: var(--over-fz); /* ｱｲｺﾝとﾃｷｽﾄの高さを揃える */
	display: inline-block;
	min-width: var(--circle-width);
	aspect-ratio: 1;
	background: linear-gradient(90deg, #F5CF21 0%, #EE771D 25%, #E62065 50%, #A54093 75%, #554C9D 99%);
	border-radius: 50%;
}
/* チェックアイコン */
.wd-syain__list span::before {
	position: absolute;
	top: 25%;
	left: 20%;
	transform: rotate(-45deg);
	content: "";
	display: inline-block;
	width: var(--check-long);
	aspect-ratio: 2 / 1;
	border-left: var(--check-weight) solid var(--check-color);
	border-bottom: var(--check-weight) solid var(--check-color);
}



/*===============================================================================
雇用 VS 代行 のリアルな違い
================================================================================*/
.wd-chigai{
	margin-bottom: var(--g-sec--lg);
}
.wd-chigai__inner{
	position: relative;
}
.wd-chigai__deco{
	top: calc( var(--g-sec--lg) / -2 );
}
/*===============================
* head
* =================================*/
.wd-chigai__head{
	margin-bottom: var(--g-sec--md);
}
.wd-chigai__title{
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: var(--lh-sm);
	color: var(--c-main);
}

/*===============================
* table
* =================================*/
.wd-chigai__table{
	display: block;
	width: 100%;
	overflow-x: auto;
}

/* スクロールテキスト */
.wd-chigai__scroll{
	position: relative;
	padding-top: 1.5em;
}
@media (min-width: 960px){
	.wd-chigai__scroll{
		display: none;
	}
}
.wd-chigai__scroll::before{
	position: absolute;
	top: 0;
	right: 0.5em;
	content: "スクロール可能";
	display: inline-block;
	line-height: 1;
	font-size: .75rem;
	font-weight: bold;
	animation: scrollSideTxt 3s ease infinite;
}
/* 矢印 */
.wd-chigai__scroll::after{
	position: absolute;
	top: 0.5em;
	right: 0;
	content: "";
	width: 7em;
	height: 8px;
	border-bottom: 1px solid var(--c-dark);
	border-right: 1px solid var(--c-dark);
	animation: scrollSide 3s ease infinite;
}

@keyframes scrollSide{
	0%{
		transform-origin: left;
		transform: skew(45deg) scaleX(0);
	}
	45%{
		transform-origin: left;
		transform: skew(45deg) scaleX(1);
	}
	55%{
		transform-origin: right;
		transform: skew(45deg) scaleX(1);
	}
	95%{
		opacity: 0;
	}
	100%{
		transform-origin: right;
		transform: skew(45deg) scaleX(0);
	}
}
@keyframes scrollSideTxt{
	0%{opacity: 0;}
	25%{opacity: 1;}
	95%{opacity: 0;}
	100%{opacity: 0;}
}

/* table */
.wd-chigai__table table{
	width: 100%;
	min-width: 900px;
}

/* tr */
.wd-chigai__table tr{
	--bd-r: var(--bd-r--xl);
	--border: 2px solid var(--c-act02--light);
	display: flex;
	gap: .5rem;
}
/* 1行目 */
.wd-chigai__table tr:nth-of-type(1){
	text-align: center;
	font-size: 1.25rem;
	color: var(--c-act02--dark);
}
/* 最終行以外 */
.wd-chigai__table tr:not(:last-of-type){
	margin-bottom: .5rem;
}

/* td */
.wd-chigai__table td{
	display: grid;
	align-items: center;
	min-height: 5rem;
	padding: 1rem 1.5rem;
}
/* 1列目 */
.wd-chigai__table td:nth-of-type(1){
	width: 17%;
	min-width: 9.5em;
	font-size: 1.25rem;
}
/* 最終列 */
.wd-chigai__table td:last-of-type{
	border-right: var(--border);
}
/* 最終行 */
.wd-chigai__table tr:last-of-type td{
	border-bottom: var(--border);
}
/* 2行目1列目のセル */
.wd-chigai__table tr:nth-of-type(2) td:first-of-type{
	border-top-left-radius: var(--bd-r);
	border-top: var(--border);
}
/* 左下のセル */
.wd-chigai__table tr:last-of-type td:first-of-type{
	border-bottom-left-radius: var(--bd-r);
}
/* 右下のセル */
.wd-chigai__table tr:last-of-type td:last-of-type{
	border-bottom-right-radius: var(--bd-r);
}
/* 白背景色 */
.wd-chigai__table tr:not(:nth-of-type(1)) td:nth-of-type(1){
	border-left: var(--border);
	background: var(--c-light);
}
/* 1列目以外 */
.wd-chigai__table td:not(:nth-of-type(1)){
	flex: 1;
}
/* 水色グラデーション */
.wd-chigai__table tr:nth-of-type(1) td:nth-of-type(2){
	background: linear-gradient(90deg, rgba(207, 233, 226, 0.5) 0%, rgba(168, 181, 220, 0.5) 100%);
	border-top: var(--border);
	border-left: var(--border);
	border-top-left-radius: var(--bd-r);
	overflow: hidden;
}
/* 赤色グラデーション */
.wd-chigai__table tr:nth-of-type(1) td:nth-of-type(3){
	background: linear-gradient(90deg, rgba(252, 253, 204, 0.5) 0%, rgba(247, 196, 231, 0.5) 100%);
	border-top: var(--border);
	border-right: var(--border);
	border-top-right-radius: var(--bd-r);
	overflow: hidden;
}
/* 水色背景色 */
.wd-chigai__table tr:not(:nth-of-type(1)) td:nth-of-type(2){
	background: rgba(249, 254, 255, 1);
	line-height: var(--lh-sm);
	font-weight: var(--fw-sm);
}
/* 黄色背景色 */
.wd-chigai__table tr:not(:nth-of-type(1)) td:nth-of-type(3){
	background: rgba(254, 253, 247, 1);
	line-height: var(--lh-sm);
	font-weight: var(--fw-sm);
}

.wd-chigai__act{
	color: rgba(198, 55, 29, 1);
}



/*===============================================================================
「現状でも、何とかなっているし今のところ大丈夫かな、、、」
================================================================================*/
.wd-risk__inner {
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.wd-risk__deco{
	top: 1.125rem;
}
/* 背景色 */
.wd-risk__inner::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}
/*===============================
* head
* =================================*/
.wd-risk__head{
	margin-bottom: var(--g-sec--md);
}
.wd-risk__title{
	margin-bottom: var(--g-sec--md);
	text-shadow: var(--text-shdw);
	line-height: var(--lh-sm);
	color: var(--c-light);
}
.wd-risk__message{
	line-height: var(--lh-lg);
}
.wd-risk__message span{
	color: var(--c-act01);
}
/*===============================
* mediaText
* =================================*/
.wd-risk-mediaText{
	--count: 1;
	--gap: 1rem;
	--media-width: 69%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--g-sec--sm) var(--gap);
	margin-bottom: var(--g-sec--md);
}
@media (min-width: 960px){
	.wd-risk-mediaText{
		--count: 2;
		flex-direction: row-reverse;
	}
}
.wd-risk-mediaText__media{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	margin-inline: auto;
}
@media (min-width: 960px){
	.wd-risk-mediaText__media{
		margin-inline: unset;
	}
}
.wd-risk-mediaText__body{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-risk-mediaText__list{
	--count: 1;
	--gap: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem var(--gap);
}
@media (min-width: 600px){
	.wd-risk-mediaText__list{
		--count: 2;
	}
}
@media (min-width: 960px){
	.wd-risk-mediaText__list{
		justify-content: flex-start;
	}
}
.wd-risk-mediaText__list li{
	display: grid;
	place-content: center;
	max-width: 23rem;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-risk-mediaText__list li:not(:last-of-type){
	padding: .75em .5em;
	line-height: var(--lh-sm);
	background: var(--c-light);
	border: 2px solid var(--c-act02--light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	font-size: 1.25rem;;
}
.wd-risk-mediaText__list li:last-of-type{
	order: -1;
	transform: rotate(5deg);
	margin-bottom: 1.5rem;
	font-size: clamp(1.5rem, 0.5rem + 1.67vw, 2rem);
	color: var(--c-light);
}
@media (min-width: 960px){
	.wd-risk-mediaText__list li:last-of-type{
		order: 6;
		margin-bottom: 0;
	}
}

/*===============================
* 専門チームが御社のWEB集客を動かす
* =================================*/
.wd-risk-move__head{
	margin-bottom: var(--g-sec--md);
}
.wd-risk-move__titleImg{
	display: block;
	text-align: center;
}

/*===============================
* body
* =================================*/
.wd-risk-move__body{
	--count: 1;
	--gap: 1.5rem;
	--naisei-width: 84%;
	--gaichu-width: calc( 200% - var(--naisei-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-sec--md) var(--gap);
}
@media (min-width: 960px){
	.wd-risk-move__body{
		--count: 2;
	}
}
.wd-risk-move-naisei, 
.wd-risk-move-gaichu{
	--border: 2px solid var(--c-light);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	/* 	min-width: fit-content; */
}
.wd-risk-move-naisei__title, 
.wd-risk-move-gaichu__title{
	margin-bottom: .5rem;
	padding: 1.5rem;
	text-align: center;
	border-top: var(--border);
	border-right: var(--border);
	border-left: var(--border);
	border-top-left-radius: var(--bd-r--lg);
	border-top-right-radius: var(--bd-r--lg);
	overflow: hidden;
	color: var(--c-act02--dark);
	font-size: 1.25rem;
}
.wd-risk-move-naisei__inner,
.wd-risk-move-gaichu__inner{
	flex-grow: 1;
	padding: 2rem .75rem;
	background: var(--c-light);
}
.wd-risk-move-naisei__content,
.wd-risk-move-gaichu__content{
	max-width: fit-content;
	margin-inline: auto;
}
/*===============================
* 社内でWEB担当者を雇う
* =================================*/
.wd-risk-move-naisei{
	width: calc( ( var(--naisei-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-risk-move-naisei__title{
	background: linear-gradient(90deg, #CFE9E2 0%, #A8B5DC 100%);
}
.wd-risk-move-naisei__illust{
	width: 120px;
	margin-inline: auto;
	margin-bottom: 1.25rem;
}
.wd-risk-move-naisei__text{
	font-weight: var(--fw-sm);
}
.wd-risk-move-naisei__text:not(:last-of-type){
	margin-bottom: 1rem;
}
.wd-risk-move-naisei__text.--cost{
	font-weight: var(--fw-lg);
	font-size: 2.25rem;
}
.wd-risk-move-naisei__text.--cost span{
	font-size: 1.333em;
}
/*===============================
* 弊社に依頼した場合
* =================================*/
.wd-risk-move-gaichu{
	width: calc( ( var(--gaichu-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-risk-move-gaichu__title{
	background: linear-gradient(90deg, #FCFDCC 0%, #F7C4E7 100%);
}
.wd-risk-move-gaichu__content{
	text-align: center;
}
.wd-risk-move-gaichu__name{
	display: block;
	max-width: 17.5rem;
	margin-inline: auto;
	margin-bottom: clamp(2rem, 1.643rem + 0.95vw, 2.5rem);
	padding: .125rem .25rem;
	text-align: center;
	background: var(--c-light);
	border: 1px solid var(--c-act02--light);
	font-size: 1.25rem;
	color: var(--c-act02--dark);
}
.wd-risk-move-gaichu__cost{
	margin-bottom: clamp(1.75rem, 1.571rem + 0.48vw, 2rem);
	font-size: 2.25rem;
}
.wd-risk-move-gaichu__cost span{
	color: var(--c-act01);
	font-size: 1.7em;
}
.wd-risk-move-gaichu__support{
	margin-bottom: clamp(1.75rem, 1.571rem + 0.48vw, 2rem);
	font-size: clamp(1.4rem, 0.971rem + 1.14vw, 2rem);
	color: var(--c-light);
	-webkit-text-stroke: 4px var(--c-act02--dark);
	text-stroke: 4px var(--c-act02--dark);
	paint-order: stroke;
}
.wd-risk-move-gaichu__list{
	--count: 1;
	--gap: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.25rem var(--gap);
}
@media (min-width: 600px){
	.wd-risk-move-gaichu__list{
		--count: 2;
	}
}
.wd-risk-move-gaichu__list li{
	max-width: 20rem;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	min-width: 20rem;
	padding: .75em .25rem;
	text-align: center;
	background: var(--c-light);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	border: 1px solid var(--c-act02--light);
	color: var(--c-act02--dark);
}



/*===============================================================================
サービス開始までの流れ
================================================================================*/
.wd-flow{
	margin-bottom: var(--g-sec--lg);
}
.wd-flow__inner{
	position: relative;
	padding-bottom: var(--g-sec--lg);
}
.wd-flow__deco{
	top: 4%;
	transform: translateY(-50%);
}
@media (min-width: 600px){
	.wd-flow__deco{
		top: 0;
	}
}
/*===============================
* bgc
* =================================*/
.wd-flow__inner::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}

/*===============================
* head
* =================================*/
.wd-flow__head{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}
.wd-flow__title{
	margin-bottom: var(--g-sec--xs);
	text-shadow: var(--text-shdw);
	color: var(--c-light);
}
.wd-flow__arrow{
	display: grid;
	place-items: center;
}
.wd-flow__arrow::before{
	--arrow-size: 2rem;
	--arrow-weight: 8px;
	--arrow-color: var(--c-light);
	content: "";
	display: inline-block;
	width: var(--arrow-size);
	height: var(--arrow-size);
	border-right: var(--arrow-weight) solid var(--arrow-color);
	border-bottom: var(--arrow-weight) solid var(--arrow-color);
	transform: translate(0%, -25%) rotate(45deg);
	transition: var(--ani-t--normal) ease-out;
}

/*===============================
* body
* =================================*/
.wd-flow__cards{
	--count: 1;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 600px){
	.wd-flow__cards{
		--count: 2;
	}
}
@media (min-width: 960px){
	.wd-flow__cards{
		--count: 4;
	}
}
.wd-flow-card{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: 1.5rem .5rem;
	background: var(--c-light);
	border: 1px solid var(--c-act02--light);
	border-radius: var(--bd-r--sm);
}
/* 矢印 */
.wd-flow-card__arrow{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -40%) rotate(90deg);
	z-index: 1;
	width: 3rem;
}
@media (min-width: 600px){
	.wd-flow-card__arrow{
		top: 50%;
		left: 100%;
		transform: translate(-15%, -50%);
	}
	.wd-flow-card:nth-of-type(2) .wd-flow-card__arrow{
		top: 100%;
		left: 0;
		transform: translate(-70%, -30%) rotate(135deg);
	}
}@media (min-width: 960px){
	.wd-flow-card:nth-of-type(2) .wd-flow-card__arrow{
		top: 50%;
		left: 100%;
		transform: translate(-15%, -50%);
	}
}

.wd-flow-card__title{
	text-align: center;
	font-size: 1.25rem;
}
.wd-flow-card__illust{
	width: 6rem;
	margin-inline: auto;
}
.wd-flow-card__content{
	max-width: 14rem;
	margin-inline: auto;
	line-height: var(--lh-sm);
	font-weight: var(--fw-sm);
}



/*===============================================================================
“成果を出すパートナー”でありたい。
================================================================================*/
.wd-partner{
	margin-bottom: var(--g-sec--lg);
}
.wd-partner__head{
	margin-bottom: var(--g-sec--md);
}
.wd-partner__title{
	line-height: var(--lh-sm);
	font-size: clamp(2.25rem, 1rem + 3.33vw, 4rem);
	color: var(--c-main);
}

/*===============================
* body
* =================================*/
.wd-partner-mediaText{
	--count: 1;
	--gap: .25rem;
	--media-width: 92%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.5rem var(--gap);
}
@media (min-width: 960px){
	.wd-partner-mediaText{
		--count: 2;
		flex-direction: row-reverse;
	}
}
/* 画像 */
.wd-partner-mediaText__media{
	max-width: 25rem;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
/* テキストエリア */
.wd-partner-mediaText__body{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	line-height: var(--lh-xl);
}



/*===============================================================================
まずは無料WEB診断から。
================================================================================*/
.main:has(.wd-profile) .wd-cta {
	margin-bottom: var(--g-sec--lg);
}
.wd-cta__inner {
	position: relative;
	padding: var(--g-sec--lg) 0;
}
/* 背景色 */
.wd-cta__inner::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}

/*===============================
* head
* =================================*/
.wd-cta__head{
	margin-bottom: var(--g-sec--sm);
}
.wd-cta__title{
	text-align: center;
	line-height: var(--lh-sm);
	color: var(--c-light);
}

/*===============================
* body
* =================================*/
.wd-cta__details{
	--count: 1;
	--gap: 1.5rem;
	--link-width: 100%;
	--service-width: calc( 200% - var(--link-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-bottom: var(--g-sec--md);
	font-size: 1.25rem;
}
@media (min-width: 960px){
	.wd-cta__details{
		--link-width: 110%;
		--count: 2;
	}
}
.wd-cta__service, 
.wd-cta__link{
	display: flex;
	flex-direction: column;
	gap: 1.25rem 1.5rem;
}
@media (min-width: 960px){
	.wd-cta__service, 
	.wd-cta__link{
		align-items: center;
		flex-direction: row;
	}
}
.wd-cta__service{
	width: calc( ( var(--service-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-cta__link{
	width: calc( ( var(--link-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-cta__label{
	width: 100%;
	padding: .5em;
	text-align: center;
	background: var(--c-light);
}
@media (min-width: 960px){
	.wd-cta__label{
		width: auto;
		padding: .5em;
		background: var(--c-light);
		letter-spacing: 0.46em;
		white-space: pre;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
}
.wd-cta__textArea{
	line-height: var(--lh-md);
	color: var(--c-light);
}
.wd-cta__textArea>*:not(:last-of-type){
	margin-bottom: .5rem;
}
.wd-cta__textArea .c-note{
	font-size: .8em;
}
.wd-cta__btns{
	flex-grow: 1;
}

/*===============================
* foot
* =================================*/
.wd-cta__summary{
	--count: 1;
	--gap: 1.5rem;
	--company-width: 100%;
	--tel-width: calc( 200% - var(--company-width) );
	--fz-company-name: clamp(2.25rem, 2.071rem + 0.48vw, 2.5rem);
	--fz-tel-number: clamp(3.25rem, 2rem + 3.33vw, 5rem);
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-sec--sm) var(--gap);
	color: var(--c-light);
}
@media (min-width: 960px){
	.wd-cta__summary{
		--company-width: 90%;
		--count: 2;
		--fz-company-name: clamp(2.25rem, 1.75rem + 0.83vw, 2.5rem);
		flex-direction: row-reverse;
	}
}

/*===============================
* tel
* =================================*/
.wd-cta-tel{
	max-width: calc( var(--fz-tel-number) * 7.5 );
	margin-inline: auto;
	width: calc( ( var(--tel-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	font-size: var(--fz-tel-number);
}
@media (min-width: 960px){
	.wd-cta-tel{
		max-width: 100%;
	}
}
.wd-cta-tel__number{
	display: flex;
	align-items: baseline;
	gap: .25em;
	color: var(--c-light);
}
.wd-cta-tel__number:not(:last-child){
	margin-bottom: 1.25rem;
}
.wd-cta-tel__number img{
	width: .45em;
}
.wd-cta-tel__campaign{
	line-height: var(--lh-xl);
	font-size: .875rem;
}

/*===============================
* company
* =================================*/
.wd-cta-company{
	width: calc( ( var(--company-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	max-width: calc( var(--fz-tel-number) * 7.5 );
	margin-inline: auto;
}
@media (min-width: 960px){
	.wd-cta-company{
		max-width: 100%;
	}
}
.wd-cta-company__catch{
	margin-bottom: .5rem;
	line-height: var(--lh-xl);
}
.wd-cta-company__name{
	margin-bottom: 1rem;
	font-size: var(--fz-company-name);
}
.wd-cta-company__place{
	line-height: var(--lh-xl);
}



/*===============================================================================
代表プロフィール
================================================================================*/
.wd-profile{
	margin-bottom: var(--g-sec--lg);
}
.wd-profile-mediaText{
	--count: 1;
	--gap: 0rem;
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem var(--gap);
}
@media (min-width: 600px){
	.wd-profile-mediaText{
		--count: 2;
	}
}
.wd-profile-mediaText__media{
	max-width: 15rem;
	margin-inline: auto;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
@media (min-width: 600px){
	.wd-profile-mediaText__media{
		max-width: 12.5rem;
		margin-inline: unset;
	}
}
.wd-profile-mediaText__media img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: 50% 50%;
}
.wd-profile-mediaText__body{
	display: flex;
	flex-direction: column;
	gap: .5rem;
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.wd-profile-mediaText__label{
	padding: .25rem 1.5rem;
	background: var(--c-light);
	border: 2px solid var(--c-act02--light);
	font-size: 1.25rem;
}
.wd-profile-mediaText__textArea{
	flex-grow: 1;
	padding: 1rem;
	background: var(--c-light);
	line-height: var(--lh-xl);
}



/*===============================================================================
copyright
================================================================================*/
.wd-copyright{
	position: relative;
	min-height: 12rem;
	padding: .75rem;
	text-align: center;
	background: var(--c-main);
	color: var(--c-light);
	font-weight: var(--fw-md);
}
.wd-copyright::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-main);
}