@charset "UTF-8";
/* ============================================================
共通CSS
============================================================ */
:root{
	--header-offset: 0;
}
body {
	padding-top: 0;
}
.text_grad{
	background-image: linear-gradient(to right, #ed7c44 0%, #f4c51c 40%, #f4c51c 60%, #72b42c 100%);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.contents_genbaton{
	background:#def1e4;
}
.contents_heading_wrap {
	margin: 0 0 2em
}
.contents_heading_pop {
	display: inline-block;
	margin: 0 0 1.2em;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	padding: .7em 1.2em .6em;
	border-radius: 2em;
	background: #f1bc18;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	white-space: nowrap
}
.contents_heading_pop:after {
	content: "";
	display: block;
	width: 1.6em;
	height: 1em;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	position: absolute;
	bottom: -0.8em;
	left: 50%;
	transform: translateX(-50%);
	background: #f1bc18;
}
.contents_heading_title {
	font-size: 4.2rem;
	font-feature-settings:"palt" 1;
	line-height: 1em;
	text-align: center;
	small{
		font-size:.6em;
		vertical-align: bottom;
	}
	img{
		width: 100%;
		max-width: 4.2em;
		margin:0 4px 0 0;
		vertical-align: text-top;
	}
}
.contents_split{
	display:block;
	height:1px;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	border:none;
	outline:none;
	background:#ddd;
}

@media screen and (max-width: 768px) {
		:root{
			--header-offset: 40px;
		}
		body {
			padding-top: 40px;
		}
		.contents_heading_wrap{
			margin:0 0 1.5em;
		}
		.contents_heading_pop{
			margin:0 0 1em;
			font-size:1.6rem;
		}
		.contents_heading_title{
			font-size:2.2rem;
		}
}

/* =====================================
header
===================================== */
#contents_lp_header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
.lp_header_inner{
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:0 15px;
}
.lp_header_logo{
	display:block;
	max-width:140px;
	padding:12px 22px;
	background:#fff;
	border-radius:0 0 10px 10px;
	box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, .05);
	img{
		width:100%;
	}
}
.lp_header_cta{
	display:flex;
	align-items:center;
	gap:10px;
	max-width:fit-content;
	padding:10px;
	background:#fff;
	border-radius:0 0 10px 10px;
	box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, .05);
	.bn_cta{
		display: flex;
		align-items: center;
		width: auto;
		font-size:1.7rem;
		padding: .3em 1.8em .3em .3em;
		border: solid 2px #1d90d6;
		img{
			display:block;
			width:1.4em;
			height:auto;
			margin:0 0.4em 0 0;
		}
	}
}

@media screen and (max-width: 768px) {
	.lp_header_inner {
		padding: 0;
	}
	.lp_header_logo{
		max-width:80px;
		padding:10px 15px;
	}
	.lp_header_cta{
		gap:5px;
		width:100%;
		max-width:100%;
		padding:10px;
		background:#fff;
		border-radius:0 0 10px 10px;
		box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, .05);
		.bn_cta{
			justify-content: center;
			flex:1;
			width: auto;
			min-width:unset;
			font-size:1.4rem;
			padding: .3em 1.4em .3em .3em;
			border: solid 2px #1d90d6;
			img{
				width:1.2em;
				margin:0 0.2em 0 0;
			}
		}
	}

}

/* ============================================================
contents_lp_mainvisual
============================================================ */
#contents_lp_mainvisual{
	background-image:url(../img/img_lp_bg.svg), linear-gradient(to bottom, #f4c51c 0%, #f4c51c 64%, #f0f0f0 64%, #f0f0f0 100%);
	background-repeat:no-repeat;
	background-position:center bottom 40%, center center;
	background-size:100%;
	.contents_inner{
		display:flex;
		align-items:center;
		justify-content:space-between;
		max-width:90%;
		padding-top:60px;
		padding-bottom:60px;
		@media screen and (min-width: 1780px) {
			max-width:1590px;
		}
		@media screen and (max-width: 1200px) {
			max-width:100%;
		}
	}
}
.lp_mainvisual_text{
	width:53%;
}
.lp_mainvisual_slogan{
	margin:0 auto 25px;
}
.lp_mainvisual_bn{
	max-width:fit-content;
	margin:0 auto;
	position:relative;
	font-size:2.8rem;
	font-size:clamp(1.5vw, 2vw, 2.8rem);
	.bn_cta{
		display: flex;
		align-items: center;
		width: auto;
		max-width: fit-content;
		height:100%;
		padding: .6em 1.4em .6em .5em;
		border-radius:2em;
		font-size:1em;
		line-height:1em;
		letter-spacing:0;
		&:after{
			width:0.6em;
			height:0.6em;
			right:0.3em;
			margin-top:-0.3em;
		}
		&.bn_mock{
			height:auto !important;
			padding: 0em 1.4em 0em .7em;
		}
		.mock{
			display:block;
			width:3.3em;
			height:auto !important;
			margin:0 0.2em 0 0;
		}
		.icon{
			display:block;
			width:1.3em;
			height:auto;
			margin:0 0.2em 0 0;
		}
		span{
			display:block;
			flex-shrink: 0;
			margin-top:-0.2em;
		}
	}
	.lp_mainvisual_bn_pop{
		display:inline-block;
		position:absolute;
		z-index:2;
		top:-1.6em;
		left:50%;
		transform: translate(-50%, 0);
		padding:.5em .7em;
		border-radius:1em;
		background:#ffe600;
		font-size:.5em;
		font-weight:bold;
		line-height:1em;
		white-space:nowrap;
		filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
		&:after{
			content:"";
			display:block;
			width: 1.4em;
			height: 1em;
			clip-path: polygon(0 0, 100% 0%, 50% 100%);
			position:absolute;
			bottom:-0.6em;
			left:50%;
			transform: translateX(-50%);
			background:#ffe600;
		}
	}
}
.lp_mainvisual_image{
	width:45%;
	padding:15px 0;
	align-self: center;
}

@media screen and (max-width: 768px) {
	#contents_lp_mainvisual{
		background:url(../img/img_lp_bg.svg) no-repeat center bottom/300% #f4c51c;
		.contents_inner{
			display:block;
			padding-top:20px;
			padding-bottom:20px;
		}
	}
	.lp_mainvisual_text{
		width:100%;
	}
	.lp_mainvisual_slogan{
		max-width:100%;
		margin:0 auto;
	}
	.lp_mainvisual_bn{
		max-width:fit-content;
		margin:0 auto;
		position:relative;
		font-size:4.8vw;
		.bn_cta{
			height: auto;
		}
	}
	.lp_mainvisual_image{
		width:60%;
		margin:0 auto 20px;
		padding:0;
	}

}

/* ============================================================
contents_lp_problem
============================================================ */
#contents_lp_problem{
	background:linear-gradient(to bottom, #f0f0f0 0%, #fff 70%);
	.contents_inner{
		padding-top:0;
		padding-bottom:0;
	}
}
.lp_problem_inner{
	margin:0 auto 50px;
	padding:35px;
	position:relative;
	background:#565656;
	border-radius:15px;
	color:#fff;
	&:after {
		content: "";
		display: block;
		width: 3em;
		height: 2em;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
		position: absolute;
		bottom: -1.9em;
		left: 50%;
		transform: translateX(-50%);
		background: #565656;
	}
}
.lp_problem_slogan{
	margin:0 0 .6em;
	font-size:clamp(2rem, 3vw, 4rem);
	font-feature-settings:"palt" 1;
	line-height:1.2em;
	strong{
		font-size:1.1em;
	}
}
.lp_problem_wrap{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap:15px;
}
.lp_problem_item_image{
	max-width:164px;
	margin:0 auto 10px;
}
.lp_problem_item_text{
	font-size:2.2rem;
	line-height:1.2em;
	font-feature-settings:"palt" 1;
	.text_meeting{
		color:#f4bd4d !important;
	}
	.text_greenfile{
		color:#95c96c !important;
	}
	.text_entrance{
		color:#ff7b69 !important;
	}
}

.lp_problem_solution{
	max-width:850px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	.lp_problem_inner{
		margin:0 auto 30px;
		padding:15px;
		border-radius:10px;
	}
	.lp_problem_slogan{
		font-size:1.8rem;
	}
	.lp_problem_wrap{
		display:block;
	}
	.lp_problem_item{
		display:flex;
		align-items:center;
		gap:10px;
	}
	.lp_problem_item_image{
		max-width:30%;
		flex-shrink:0;
		margin:0;
	}
	.lp_problem_item_text{
		text-align:left;
		font-size:1.6rem;
		br{
			display:none;
		}
	}
	
	.lp_problem_solution{
		font-size:7vw;
	}
}

/* ============================================================
contents_lp_solution
============================================================ */
#contents_lp_solution{
	background: linear-gradient(to right, #f9ded2 0%, #fcf0cc 40%, #fcf0cc 60%, #ddebcd 100%);
	.contents_inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
.lp_solution_intro{
	margin:0 0 1.5em;
	font-weight:bold;
	font-size:1.9rem;
	text-align:center;
}
.lp_solution_pop{
	display: flex;
	align-items: center;
	max-width: fit-content;
	margin: 0 0 1em;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	padding: .35em .8em .4em;
	border-radius: 2em;
	background: #fff;
	font-size: 3.3rem;
	font-feature-settings: "palt" 1;
	line-height: 1em;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
	img{
		width: 100%;
		max-width: 4.2em;
		margin:0 4px 0 0;
		vertical-align: text-top;
	}
	span{
		white-space:nowrap;
	}
	&:after {
		content: "";
		display: block;
		width: 1.6em;
		height: 1em;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
		position: absolute;
		bottom: -0.8em;
		left: 50%;
		transform: translateX(-50%);
		background: #fff
	}
}
.lp_solution_wrap{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:2%;
	margin:0 0 10px;
}
.lp_solution_item{
	padding:10px;
	border-radius:18px;
	background: url(../img/img_lp_solution_item_bg.webp) no-repeat center center/cover;
}
.lp_solution_item_inner{
	min-height:100%;
	padding:10px 20px 25px;
	border-radius:15px;
	background: #fff;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
}
.lp_solution_item_image{
	max-width:220px;
	margin:0 auto 12px;
}
.lp_solution_item_title{
	margin:0 0 15px;
	font-size:2.8rem;
	font-feature-settings:"palt" 1;
	line-height:1.1em;
	text-align:center;
}
.lp_solution_item_desc{
	line-height:1.6em;
}

.lp_solution_arrow{
	max-width:54px;
	margin:40px auto 20px;
}

.lp_solution_customer_slogan{
	margin:0 0 .8em;
	text-align:center;
	font-size: 3.4rem;
	font-feature-settings:"palt" 1;
	line-height: 1em;
}
.lp_solution_customer_wrap{
	display:flex;
	gap:20px;
	justify-content:center;
	align-items:flex-start;
	margin:0 0 5px;
}
.lp_solution_customer_item{
	padding:15px 30px;
	border-radius:15px;
	background: #fff;
	text-align:center;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
}
.lp_solution_customer_item_title{
	display: inline-block;
	margin: 0 0 .6em;
	padding:.4em 1em;
	border-radius: 2em;
	background: #f1bc18;
	font-size: 2.3rem;
	font-feature-settings:"palt" 1;
	line-height: 1em;
}
.lp_solution_customer_item_num{
	font-size:clamp(3rem, 4.6vw, 8rem);
	font-feature-settings:"palt" 1;
	letter-spacing: -0.07em;
	line-height:1.1em;
	small{
		font-size:.6em;
	}
	.unit{
		display:inline-block;
		margin:0 0 0 5px;
		letter-spacing: -0.02em;
	}
}

@media screen and (max-width: 768px) {
	#contents_lp_solution{
		.contents_inner {
			padding-top: 30px;
			padding-bottom: 30px;
		}
	}
	.lp_solution_intro{
		font-size:1.5rem;
		text-align:left;
		br{
			display:none;
		}
	}
	.lp_solution_pop{
		font-size: 2rem;
		white-space: nowrap;
	}
	.lp_solution_wrap{
		grid-template-columns: 1fr;
		gap:10px;
	}
	.lp_solution_item{
		padding:5px;
	}
	.lp_solution_item_inner{
		padding:10px 15px 15px;
	}
	.lp_solution_item_image{
		max-width:220px;
		margin:0 auto 10px;
	}
	.lp_solution_item_title{
		margin:0 0 10px;
		font-size:2.3rem;
	}

	.lp_solution_arrow{
		margin:20px auto 15px;
	}
	
	.lp_solution_customer_slogan{
		font-size: 2.6rem;
	}
	.lp_solution_customer_wrap{
		display:block;
	}
	.lp_solution_customer_item{
		margin:0 auto 10px;
		padding:10px 15px;
	}
	.lp_solution_customer_item_title{
		font-size: 1.7rem;
	}
	.lp_solution_customer_item_num{
		font-size:5rem;
	}

}

/* ============================================================
contents_lp_service
============================================================ */
#contents_lp_service{
	background:linear-gradient(to bottom, #fff 0%, #fef8e8 50%);
}
.lp_service_tab{
	position:relative;
	margin:0 auto;
}
.lp_service_tab_bn{
	display:flex;
	justify-content:center;
	gap:15px;
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.05));
	label{
		display:flex;
		align-items:center;
		justify-content:center;
		flex:1;
		max-width:270px;
		padding:18px 30px;
		border-radius:10px 10px 0 0;
		cursor:pointer;
		opacity:.6;
		background:#f4f4f4;
		transition:background .2s ease 0s, opacity .2s ease 0s;
		text-align:center;
		line-height:1.2em;
		font-size:1.2em;
		font-weight:bold;
	}
}

.lp_service_tab_inner{
	display:none;
	border-radius:15px;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.05));
}
.lp_service_tab_check{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	overflow:hidden;
	white-space:nowrap;
}
.lp_service_tab_check:checked + .lp_service_tab_inner{
	display:block;
	animation:tabFade .5s ease both;
	will-change: opacity;
}
@keyframes tabFade {
	from { opacity:0; }
	to	 { opacity:1; }
}
.lp_service_tab:has(#lp_service_tab_check_tab_01:checked) #lp_service_tab_label_tab_01,
label#lp_service_tab_label_tab_01:focus-visible,
label#lp_service_tab_label_tab_01:hover,
#lp_service_tab_tab_01{
	opacity:1;
	background:#f9edd6;
}
.lp_service_tab:has(#lp_service_tab_check_tab_02:checked) #lp_service_tab_label_tab_02,
label#lp_service_tab_label_tab_02:focus-visible,
label#lp_service_tab_label_tab_02:hover,
#lp_service_tab_tab_02{
	opacity:1;
	background:#def3e4;
}
.lp_service_tab:has(#lp_service_tab_check_tab_03:checked) #lp_service_tab_label_tab_03,
label#lp_service_tab_label_tab_03:focus-visible,
label#lp_service_tab_label_tab_03:hover,
#lp_service_tab_tab_03{
	opacity:1;
	background:#f7e3df
}

.lp_service_tab_header{
	display:flex;
	flex-direction: row-reverse;
	align-items:center;
	justify-content:center;
	gap:.5em;
	padding:2% 3%;
}
.lp_service_tab_header_text{
}
.lp_service_tab_logo{
	width:140px;
	margin:0 0 10px;
}
.lp_service_tab_slogan{
	font-size:clamp(2.4rem, 4vw, 5rem);
	font-feature-settings:"palt" 1;
	line-height: 1.2em;
}
.lp_service_tab_image{
	width:40%;
	flex-shrink:0;
}
.lp_service_tab_point{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;
	padding:0 3% 4%;
}
.lp_service_tab_point_item{
	padding:20px;
	border-radius:10px;
	background:#fff;
}
.lp_service_tab_point_item_image{
	width:102px;
	flex-shrink:0;
}
.lp_service_tab_point_item_title{
	margin:0 0 .5em;
	padding:0 0 0 1.4em;
	background: url(/cms/wp-content/themes/buildee/assets/img/icon_check_greenfile.svg) no-repeat left top .15em/1em;
	font-size: 2.2rem;
	font-feature-settings:"palt" 1;
	line-height: 1.2em;
	small{
		font-size:.7em;
	}
}
.lp_service_tab_point_item_title.text_meeting{
	background-image: url(/cms/wp-content/themes/buildee/assets/img/icon_check_bg.svg);
}
.lp_service_tab_point_item_title.text_entrance{
	background-image: url(/cms/wp-content/themes/buildee/assets/img/icon_check_entrance.svg);
}
.lp_service_tab_point_item_desc{
	font-size: .95em;
	line-height: 1.6em;
}
.lp_service_tab_cta{
	padding:4% 3% 3%;
	border-radius:0 0 15px 15px;
	background:#fff;
}

@media screen and (max-width: 768px) {
	#contents_lp_service{
		.contents_inner{
			padding-left:0;
			padding-right:0;
		}
	}
	.lp_service_tab{
		position:relative;
		margin:0 auto;
	}
	.lp_service_tab_bn{
		gap:2px;
		label{
			padding:10px;
			border-radius:5px 5px 0 0;
		}
	}
	.lp_service_tab_inner {
		border-radius: 0;
	}
	.lp_service_tab_header{
		display:block;
		padding:15px 5%;
	}
	.lp_service_tab_logo{
		width:140px;
		margin:0 auto 10px;
	}
	.lp_service_tab_slogan{
		margin:0 0 5px;
		font-size:2.5rem;
		text-align:center;
	}
	.lp_service_tab_image{
		width:60%;
		margin:0 auto;
	}
	.lp_service_tab_point{
		grid-template-columns: 1fr;
		gap:10px;
		padding:0 5% 15px;
	}
	.lp_service_tab_point_item{
		padding:15px;
	}
	.lp_service_tab_point_item_title{
		font-size: 1.7rem;
		br{
			display:none;
		}
	}
	.lp_service_tab_point_item_desc{
		font-size:1em;
		line-height: 1.5em;
	}
	.lp_service_tab_cta{
		padding:25px 5% 15px;
		border-radius:0;
		.bn_cta.bn_mock{
			padding: .6em 1.4em .2em .7em;
			text-align:left;
		}
		.bn_cta small {
			display: block;
		}
	}

}

/* ============================================================
contents_lp_cta_middle
============================================================ */
#contents_lp_cta_middle{
	background:#fef8e8;
	.contents_inner{
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		flex-direction:row;
		gap:30px;
		margin:0 auto;
		padding-top:0;
		padding-bottom:40px;
	}
}
.lp_cta_middle_bn{
	display:block;
	width:48%;
	border-radius:15px;
	background: #fff;
	text-align:center;
	text-decoration:none;
	color:#111;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
	&:hover{
		color:#111;
	}
}
.lp_cta_middle_bn:hover{
	.lp_cta_middle_bn_image,
	.lp_cta_middle_bn_text{
		opacity:0.6;
	}
}
.lp_cta_middle_bn_image{
	padding:5px 10px 0;
	margin:0 0 10px;
	background: url(../img/img_lp_cta_middle_bn_bg.webp) no-repeat center center/cover;
	position:relative;
	border-radius:15px 15px 0 0;
	transition:opacity 0.2s ease 0s;
	&:before{
		content:"";
		display:block;
		width:100%;
		height:40px;
		background:#fff;
		position:absolute;
		bottom:0;
		left:0;
	}
	img{
		width:100%;
		max-width:400px;
		margin:0 auto;
		position:relative;
	}
}
.lp_cta_middle_bn_text{
	padding:0 2% 30px;
	transition:opacity 0.2s ease 0s;
	.lp_mainvisual_bn {
		.bn_cta{
			display:block;
			height:auto;
			padding: .8em 2em .9em 2em;
			font-size: clamp(1.5rem, 2vw, 2.2rem);
		}
	}
}
.lp_cta_middle_bn_title{
	margin:0 0 1.4em;
	font-size:clamp(1.7rem, 2.8vw, 3rem);
	font-feature-settings:"palt" 1;
	line-height:1em;
}

.lp_cta_middle_bn.ebook{
	display:flex;
	width:100%;
	max-width:70%;
	margin-left:auto;
	margin-right:auto;
	.lp_cta_middle_bn_image{
		display:flex;
		align-items:center;
		width:45%;
		border-radius:15px 0 0 15px;
		margin:0;
		&:before{
			display:none;
		}
	}
	.lp_cta_middle_bn_text{
		display:flex;
		align-items:center;
		justify-content:center;
		flex-grow: 1;
		padding:3%;
	}
}

@media screen and (max-width: 768px) {
	#contents_lp_cta_middle{
		.contents_inner{
			gap:10px;
			padding-bottom:40px;
		}
	}
	.lp_cta_middle_bn,
	.lp_cta_middle_bn.ebook{
		display:flex;
		width:100%;
		max-width:100%;
		.lp_cta_middle_bn_image{
			display:flex;
			align-items:center;
			width:40%;
			padding:5px;
			flex-shrink:0;
			border-radius:15px 0 0 15px;
			margin:0;
			&:before{
				display:none;
			}
		}
		.lp_cta_middle_bn_text{
			display:flex;
			align-items:center;
			justify-content:center;
			flex-grow: 1;
			padding:3% 5px;
			width:100%;
			max-width: 100%;
			.lp_mainvisual_bn {
				max-width: 100%;
				.bn_cta{
					display:block;
					height:auto;
					width:100%;
					max-width: 100%;
					padding: .8em 1em .9em .6em;
					font-size:1.5rem;
				}
			}
		}
		.lp_cta_middle_bn_text_inner{
			width:100%;
			max-width: 100%;
		}
		.lp_cta_middle_bn_title {
			font-size:1.6rem;
		}
	}
}

/* ============================================================
contents_lp_flow
============================================================ */
#contents_lp_flow{
	background:#fef8e8;
	.contents_inner{
		max-width:100%;
	}
	@media screen and (max-width:1200px){
		.contents_inner{
			padding-right:0;
		}
	}
	.top_flow_wrap{
		padding: 0 0 30px;
		margin:0 0 60px;
	}
	.top_flow_inner {
		max-width: 1200px;
		flex-wrap: nowrap;
		margin: 55px auto 5px;
		@media (max-width: 1200px) {
			max-width:unset;
			min-width: 115%;
			padding:0 1%;
		}
	}
	.top_flow_item.other{
		background:#d3ecdb;
	}
	.top_flow_arrow{
		max-width:50px;
	}
	.top_flow_item_pop{
		top: -2.8em;
	}
	.top_flow_item_pop,
	.top_flow_item_pop:after {
		background: #f1bc18;
	}
}
@media (max-width: 1200px) {
	.top_flow_wrap:after{
		content:"";
		display:block;
		width:10vw;
		height:10vw;
		background:url(../img/icon_scroll.svg) no-repeat center center/cover;
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-5vw;
		margin-top:-5vw;
		pointer-events:none;
		user-select:none;
		-moz-user-select:none;
		-webkit-user-select:none;
		-ms-user-select:none;
		transition:all 0.3s ease 0s;
	}
	.top_flow_wrap.scrolled:after{
		opacity:0;
	}
}
.lp_flow_split{
	/*width: 22%;*/
	max-width: 630px;
	position: relative;
}
.lp_flow_split_item{
	display:flex;
	margin:0 0 15px;
	background:#fff;
	border-radius:15px;
	border:solid 2px #f1bc18;
	position: relative;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.06));
}
.lp_flow_split_item.partner{
	margin:0;
	border:solid 2px #b5dae5;
	.lp_flow_split_header{
		background:#b5dae5;
	}
}
.lp_flow_split_header{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:25%;
	flex-shrink:0;
	padding:10px;
	border-radius:12px 0 0 12px;
	background:#f1bc18;
	font-weight:bold;
	font-size:2rem;
	line-height:1.1em;
	text-align:center;
	small{
		display:block;
		font-size:.7em;
	}
	span{
		white-space:nowrap;
	}
}
.lp_flow_split_body{
	padding:20px;
	.top_flow_item_title{
		text-align:left;
	}
}
.lp_flow_split_desc{
	font-size: .9em;
	line-height: 1.4em;
}

.lp_flow_cta{
	display:block;
	max-width:800px;
	margin:0 auto;
	padding:10px;
	border-radius:18px;
	text-align:center;
	background: url(../img/img_lp_solution_item_bg.webp) no-repeat center center/cover;

}
.lp_flow_cta_inner{
	display:block;
	padding:25px 25px 15px;
	border-radius:15px;
	background: #fff;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
	text-decoration:none;
	color:#111;
	&:hover{
		color:#111;
	}
}
.lp_flow_cta_title{
	display: inline-block;
	margin: 0 0 .3em;
	font-size: clamp(2rem, 5vw, 4.8rem);
	font-feature-settings:"palt" 1;
	line-height: 1.2em;
	img{
		width: 100%;
		max-width: 4.2em;
		margin:0 4px 0 0;
		vertical-align: text-top;
	}
}
.lp_flow_cta_body{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	text-decoration:none;
	color:#111;
	&:hover{
		color:#111;
	}
	.lp_mainvisual_bn {
		.bn_cta{
			display:block;
			height:auto;
			padding: .8em 2em .9em 2em;
			font-size: clamp(1.5rem, 2vw, 2.2rem);
		}
	}
}
.lp_flow_cta_image{
	width:55%;
}

@media screen and (max-width: 768px) {
	#contents_lp_flow{
		.contents_inner{
			padding-left:0;
			padding-right:0;
		}
		.top_flow_wrap{
			padding: 0;
		}
		.top_flow_inner {
			flex-wrap: nowrap;
			margin: 45px 0 10px;
			min-width: 300%;
		}
		.top_flow_arrow{
			max-width:40px;
		}
	}

	.top_flow_wrap:after{
		width:20vw;
		height:20vw;
		margin-left:-10vw;
		margin-top:-10vw;
	}

	.lp_flow_split_header {
		font-size: 1.5rem;
	}
	.lp_flow_cta{
		max-width:90%;
		padding:5px;
	}
	.lp_flow_cta_inner{
		padding:15px;
		border-radius:15px;
	}
	.lp_flow_cta_body{
		display:block;
		gap:15px;
		.lp_mainvisual_bn {
			max-width:100%;
			.bn_cta{
				display:block;
				width:100%;
				max-width:100%;
				height:auto;
				padding: .8em 2em .9em 2em;
				font-size: clamp(1.5rem, 2vw, 2.2rem);
			}
		}
	}
	.lp_flow_cta_image{
		width:70%;
		margin:0 auto 20px;
	}
}

/* ============================================================
contents_lp_cta_bottom
============================================================ */
.lp_cta_bottom_inner{
	padding:3%;
	border-radius:15px;
	background: url(../img/img_lp_solution_item_bg.webp) no-repeat center center/cover;
	margin:0 auto 40px;
}
.lp_cta_bottom_body{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap:20px;
}
.lp_cta_bottom_bn{
	display: flex;
	flex-direction: column;
	padding:20px;
	border-radius:15px;
	background: #fff;
	text-align:center;
	text-decoration:none;
	color:#111;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
	&:hover{
		color:#111;
	}
	.bn_cta{
		margin-top: auto;
	}
}
.lp_cta_bottom_bn_image{
	margin:0 0 10px;
}
.lp_cta_bottom_bn_title{
	margin: 0 0 .6em;
	font-size: 2.4rem;
	font-feature-settings:"palt" 1;
	line-height: 1.2em;
	.seminar &{
		font-size:1.9rem;
		text-align:left;
	}
}
.lp_cta_bottom_shiryo_card{
	max-width:840px;
	margin:0 auto;
	padding:3% 15px 15px;
	.lp_flow_cta_body{
		padding:20px;
		border-radius:15px;
		background: #fff;
		filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.02));
	}
}

@media screen and (max-width: 768px) {
	.lp_cta_bottom_inner{
		padding:15px;
		border-radius:15px;
		margin:0 auto 20px;
	}
	.lp_cta_bottom_body{
		grid-template-columns: 1fr;
		gap:10px;
	}
	.lp_cta_bottom_bn{
		padding:15px;
		.bn_cta{
			padding: 1em 1.5em 1em 1em;
		}
	}
	.lp_cta_bottom_bn_image{
		margin:0 0 10px;
	}
	.lp_cta_bottom_bn_title{
		margin: 0 0 .6em;
		font-size: 1.7rem !important;
		br{
			display:none;
		}
	}
	.lp_cta_bottom_shiryo_card{
		max-width:840px;
		margin:0 auto;
		padding:3% 15px 15px;
		.lp_flow_cta_body{
			padding:15px;
		}
	}
}


.footer_detail {
	padding-top:0;
	border-top:none;
}
.footer_detail_badge {
	top:0;
}
.copyright {
	padding: 5px;
}

/* ============================================================
Responsive
============================================================ */
@media screen and (max-width: 768px) {
}