:root {
	--px: min(1px, (1 / 1380) * 100vw);
	--sp: calc((1 / 750) * 100vw);
}




/*==================================================================================================

	* MV改修

==================================================================================================*/
.contWrap #mainVisual.smes .btnWrap {
	top: 0 !important;
	max-width: 1000px;
	height: 100%;
}

.contWrap #mainVisual.smes .btnWrap svg {
	position: relative;
	top: 180px;
	z-index: 1;
}

.contWrap #mainVisual.smes .btnWrap svg #ibBtn {
	transform: translate(515px, 0px);
}

.contWrap #mainVisual.smes .btnWrap svg #stBtn {
	transform: translate(50px, 0px);
}

.contWrap #mainVisual.smes .btnWrap svg #tempTxtBtn {
	transform: translate(465px, 0px);
}

.contWrap #mainVisual.smes .btnWrap .ambassador {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 548px;
	margin: auto;
	transform: translateX(36px);
	z-index: 2;
}

@media screen and (max-width: 1200px) {
	.contWrap #mainVisual.smes .btnWrap svg {
		position: absolute;
		top: inherit;
		bottom: 5%;
		margin-top: auto;
	}
	
	.contWrap #mainVisual.smes .btnWrap svg #ibBtn {
		transform: translate(48%, 0px);
	}

	.contWrap #mainVisual.smes .btnWrap svg #stBtn {
		transform: translate(5%, 0px);
	}

	.contWrap #mainVisual.smes .btnWrap svg #tempTxtBtn {
		transform: translate(44%, 0px);
	}
	
	.contWrap #mainVisual.smes .btnWrap .ambassador {
		max-width: 48%;
		transform: translateX(5%);
	}
}

@media screen and (max-width: 1000px) {
	.contWrap #mainVisual.smes .btnWrap svg #ibBtn {
		transform: translate(46%, 0px);
	}

	.contWrap #mainVisual.smes .btnWrap svg #stBtn {
		transform: translate(1%, 0px);
	}

	.contWrap #mainVisual.smes .btnWrap svg #tempTxtBtn {
		transform: translate(42%, 0px);
	}
	
	.contWrap #mainVisual.smes .btnWrap .ambassador {
		max-width: 54%;
		transform: translateX(0%);
	}
}

@media screen and (max-width: 750px) {
	.contWrap #mainVisual.smes {
		height: calc((1230 / 750) * 100vw) !important;
	}

	.contWrap #mainVisual.smes .btnWrap svg {
		bottom: 0;
		height: 90%;
	}

	.contWrap #mainVisual.smes .btnWrap svg #ibBtn {
		/* transform: translate(41%, -7%);
		transform: translate(39%, 20%); */
		transform: translate(45%, 0%);
		transform: translate(31.5%, -8%) scale(1.35);
	}

	.contWrap #mainVisual.smes .btnWrap svg #stBtn {
		/* transform: translate(11%, -34%);
		transform: translate(12%, -12%); */
		transform: translate(0%, -45%) scale(1.35);
	}

	.contWrap #mainVisual.smes .btnWrap svg #tempTxtBtn {
		/* transform: translate(-34%, -2%);
		transform: translate(-30%, 18%); */
		transform: translate(-54%, -6%) scale(1.35);
	}
	
	.contWrap #mainVisual.smes .btnWrap .ambassador {
		max-width: calc((652 / 750) * 100vw);
	}

	.contWrap #mainVisual.smes .inner {

	}

	.contWrap #mainVisual.smes .inner h2 {

	}
}





/*==================================================================================================

	* 中小企業からニッポンを元気にプロジェクトバナー

==================================================================================================*/
#small_company_project {
	width: 96%;
	max-width: 1380px;
	margin: 0 auto;
	padding: 25px 0;
	background-color: #f0f0f0;

	& .sp {
		display: none;
	}

	& a {
		display: block;
		width: 100%;
		max-width: 580px;
		margin: 0 auto;
		text-align: center;

		& span {
			display: block;
			margin-top: 1em;
			font-size: 11px;
			text-align: center;
			letter-spacing: 0.1em;
		}
	}
}

@media screen and (max-width: 750px) {
	#small_company_project {
		width: 100%;
		padding: calc((75 / 750) * 100vw) 0;

		& .sp {
			display: block;
		}

		& a {
			max-width: calc((600 / 750) * 100vw);

			& span {
				margin-top: 1em;
				font-size: calc((18 / 750) * 100vw);
				text-align: center;
				line-height: 1.8;
				letter-spacing: 0.1em;
			}
		}
	}
}




/*==================================================================================================

	* LP用フロートバナー

==================================================================================================*/
#lp-link-float {
	position: fixed;
	bottom: calc(var(--px) * 50);
	left: 50%;
	display: block;
	width: 100%;
	max-width: calc(var(--px) * 808);
	margin: 0 auto;
	transform: translateX(-50%);
	transition: .3s;
	z-index: 10;
}

@media screen and (max-width: 750px) {
	#lp-link-float {
		bottom: calc(var(--sp) * 50);
		bottom: 16px;
		max-width: calc(var(--sp) * 708);
		max-width: calc(var(--sp) * 580);
	}

	.contWrap:has(header.scroll) #lp-link-float {
		left: 42%;
	}
}

@media screen and (max-width: 480px) {
	#lp-link-float {
		bottom: 10px;
		max-width: calc(var(--sp) * 540);
	}

	.contWrap:has(header.scroll) #lp-link-float {
		left: 41%;
	}
}