@charset "UTF-8";
#inner .content .service {
	margin-top: 40px;
}
#inner .content .scrollwrap {
	position: relative;
	/* overflow: hidden; */
}
#inner .content .scrollwrap__fixed {
	width: 100%;
	/* overflow: hidden; */
}
#inner .content .scrollwrap.is-fixed .scrollwrap__fixed {
	position: fixed;
	left: 0;
	z-index: 10;
}
#inner .content .scrollwrap.is-end .scrollwrap__fixed {
	position: absolute;
	left: 0;
}
#inner .content .service .fbox {
	display: flex;
	width: max-content;
	will-change: transform;
	gap: 20px;
	margin-top: 50px;
}
#inner .content .service .fbox .box {
	width: 640px;
}
#inner .content .service .fbox .box .img {
	background: #fff;
}
#inner .content .service .fbox .box:nth-child(2) .img img {
	transition-delay: 0.2s;
}
#inner .content .service .fbox .box:nth-child(3) .img img {
	transition-delay: 0.4s;
}
#inner .content .service .fbox .box .info {
	margin-top: 11px;
}
#inner .content .service .fbox .box .info .title {
	font-size: 20px;
}
#inner .content .service .fbox .box .info ul {
	margin-top: 9px;
}
#inner .content .service .fbox .box .info ul li {
	font-size: 15px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.7em;
}
#inner .content .service .fbox .box .info ul li::before {
	content: "◎";
	margin-right: 0.5em;
}
#inner .content .option {position: relative;top: -70px;}
#inner .content .option > .inner {min-height: 0;}
#inner .content .option .body {
}
#inner .content .option .fbox {display: flex;margin-top: 60px;}
#inner .content .option .fbox .box {
	width: calc(100% / 3);
	box-sizing: border-box;
	border-right: 1px solid #000;
	padding: 15px 30px;
}
#inner .content .option .fbox .box:nth-child(1) {
	border-left: 1px solid #000;
}
#inner .content .option .fbox .box .title {
	font-size: 20px;
	line-height: 1.3em;
}
#inner .content .option .fbox .box ul {
	margin-top: 9px;
}
#inner .content .option .fbox .box ul li {
	font-size: 13px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.7em;
}
#inner .content .option .fbox .box ul li::before {
	content: "◎";
	margin-right: 0.5em;
}
#inner .content .workflow1 {
	margin-top: 325px;
}
#inner .content .workflow2 {
	margin-top: -50px;
}
#inner .content .workflow3 {
	margin-top: -50px;
}
#inner .content .workflow .fbox {
	margin-top: 50px;
}
#inner .content .workflow1 .fbox .box {
	width: 1535px;
}
#inner .content .workflow2 .fbox .box {
	width: 1096px;
}
#inner .content .workflow3 .fbox .box {
	width: 1393px;
}
#inner .content .workflow .fbox .box .img {
	position: relative;
}
#inner .content .workflow .fbox .box .img .line {
	display: block;
	width: 0%;
	height: 95px;
	position: absolute;
	background: #efefef;
	border-radius: 100px;
	box-shadow: 0 0 6px #00000033;
	left: 0;
	top: 0;
	transition: all ease 1s;
}
#inner .content .workflow .fbox .box .img.active .line {
	width: 100%;
}
#inner .content .workflow .fbox .box .img .line2 {
	background: #000;
	top: 115px;
	transition-delay: 0.2s;
}
#inner .content .workflow .fbox .box .img .line3 {
	background: #fff;
	top: 229px;
	transition-delay: 0.4s;
}
#inner .content .workflow .fbox .box .img img {
	position: relative;
	top: 0 !important;
	transition-delay: 0.4s;
}
#inner .content h1 {
	transition: clip-path 1s ease, color 0.5s +0.5s ease, opacity 0.5s ease;
}
#inner .content h1.hide {
	opacity: 0;
}
#inner .content .hlabel_workflow.fixedend {
	bottom: -50px;
}
#inner .content .faq {
	margin-top: -50px;
	margin-bottom: 350px;
}
#inner .content .faq .hlabel2,
#inner .content .faq .hlabel2 span{height: 96px;}
#inner .content .faq dl {display: flex;flex-wrap: wrap;font-size: 15px;gap: 20px 0;margin-top: 50px;}
#inner .content .faq dl dt {width: 420px;background: #000;color: #fff;border-radius: 20px 0 0 20px;height: 100px;display: flex;align-items: center;box-sizing: border-box;padding: 0 30px;}
#inner .content .faq dl dt::before {
	content: "Q";
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 32px;
	margin-right: 20px;
}
#inner .content .faq dl dt p {line-height: 1.8em;}
#inner .content .faq dl dd {
	width: calc(100% - 420px);
	background: #fff;
	border-radius: 0 20px 20px 0;
	height: 100px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 30px;
}
#inner .content .faq dl dd p {
	line-height: 1.8em;
}



/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {
		
	#inner .content .service {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	#inner .content .scrollwrap {
		position: relative;
		/* overflow: hidden; */
	}
	#inner .content .scrollwrap__fixed {
		width: 100%;
		/* overflow: hidden; */
	}
	#inner .content .scrollwrap.is-fixed .scrollwrap__fixed {
		position: fixed;
		left: 0;
		z-index: 10;
	}
	#inner .content .scrollwrap.is-end .scrollwrap__fixed {
		position: absolute;
		left: 0;
	}
	#inner .content .service .fbox {
		display: flex;
		width: max-content;
		will-change: transform;
		gap: 20px;
		margin-top: 40px;
	}
	#inner .content .service .fbox .box {
		width: 270px;
	}
	#inner .content .service .fbox .box .img {
		background: #fff;
	}
	#inner .content .service .fbox .box:nth-child(2) .img img {
		transition-delay: 0.2s;
	}
	#inner .content .service .fbox .box:nth-child(3) .img img {
		transition-delay: 0.4s;
	}
	#inner .content .service .fbox .box .info {
		margin-top: 11px;
		min-height: 184px;
	}
	#inner .content .service .fbox .box .info .title {
		font-size: 17px;
		line-height: 1.5em;
	}
	#inner .content .service .fbox .box .info ul {
		margin-top: 9px;
	}
	#inner .content .service .fbox .box .info ul li {
		font-size: 13px;
		padding-left: 1.5em;
		text-indent: -1.5em;
		line-height: 1.5em;
	}
	#inner .content .service .fbox .box .info ul li::before {
		content: "◎";
		margin-right: 0.5em;
	}
	#inner .content .option {
	margin-top: -70px;
	top: -50px;
	}
	#inner .content .option .fbox {display: block;margin-top: 40px;}
	#inner .content .option .fbox .box {
		width: auto;
		box-sizing: border-box;
		border-right: none;
		border-bottom: 1px solid #000;
		padding: 20px 0;
	}
	#inner .content .option .fbox .box:nth-child(1) {
		border-left: none;
		border-top: 1px solid #000;
	}
	#inner .content .option .fbox .box .title {
		font-size: 15px;
	}
	#inner .content .option .fbox .box ul {
		margin-top: 9px;
	}
	#inner .content .option .fbox .box ul li {
		font-size: 12px;
		padding-left: 1.5em;
		text-indent: -1.5em;
		line-height: 1.5em;
	}
	#inner .content .option .fbox .box ul li::before {
		content: "◎";
		margin-right: 0.5em;
	}
	@media screen and (max-width: 560px) {
		#inner .content .hlabel_workflow {
			font-size: 13.5vw;
			line-height: 14vw;
		}
		#inner .content .hlabel_workflow span {
		line-height: 14vw;
		}
	}
	#inner .content .workflow1 {
		margin-top: 85px;
	}
	#inner .content .workflow2 {
		margin-top: -70px;
	}
	#inner .content .workflow3 {
		margin-top: -50px;
	}
	#inner .content .workflow .fbox {
		margin-top: 40px;
	}
	#inner .content .workflow1 .fbox .box {
		width: 1205px;
	}
	#inner .content .workflow2 .fbox .box {
		width: 851px;
	}
	#inner .content .workflow3 .fbox .box {
		width: 1086px;
	}
	#inner .content .workflow .fbox .box .img {
		position: relative;
	}
	#inner .content .workflow .fbox .box .img .line {
		display: block;
		width: 0%;
		height: 76px;
		position: absolute;
		background: #efefef;
		border-radius: 100px;
		box-shadow: 0 0 6px #00000033;
		left: 0;
		top: 0;
		transition: all ease 1s;
	}
	#inner .content .workflow .fbox .box .img.active .line {
		width: 100%;
	}
	#inner .content .workflow .fbox .box .img .line2 {
		background: #000;
		top: 89px;
		transition-delay: 0.2s;
	}
	#inner .content .workflow .fbox .box .img .line3 {
		background: #fff;
		top: 177px;
		transition-delay: 0.4s;
	}
	#inner .content .workflow .fbox .box .img img {
		position: relative;
		top: 0 !important;
		transition-delay: 0.4s;
	}
	#inner .content h1 {
		transition: clip-path 1s ease, color 0.5s +0.5s ease, opacity 0.5s ease;
	}
	#inner .content h1.hide {
		opacity: 0;
	}
	#inner .content .hlabel_workflow.fixedend {
		bottom: -86px;
	}
	#inner .content .faq {
		margin-top: -50px;
		margin-bottom: 200px;
	}
	#inner .content .faq .hlabel2,
	#inner .content .faq .hlabel2 span {height: 44px;}
	#inner .content .faq dl {display: block;font-size: 13px;margin-top: 40px;}
	#inner .content .faq dl dt {width: auto;background: #000;color: #fff;border-radius: 10px 10px 0 0;height: 50px;display: flex;align-items: center;box-sizing: border-box;padding: 0 20px;margin-top: 24px;}
	#inner .content .faq dl dt::before {
		content: "Q";
		font-family: "Montserrat", sans-serif;
		font-weight: 700;
		font-size: 17px;
		margin-right: 15px;
	}
	#inner .content .faq dl dt p {line-height: 1.8em;font-size: 13px;}
	#inner .content .faq dl dd {
		width: auto;
		background: #fff;
		border-radius: 0 0 10px 10px;
		height: auto;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 15px 20px;
	}
	#inner .content .faq dl dd p {
		line-height: 1.5em;
		font-size: 13px;
	}


}