@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700;900&display=swap");

:root {
	--unnamed-color-3863e8: #3863E8;
	--unnamed-color-0055ff: #0055FF;
	--unnamed-color-0080ff: #0080FF;
	--unnamed-color-a0cffe: #A0CFFE;
	--unnamed-color-2fb583: #2FB583;
	--unnamed-color-0eb9d7: #0EB9D7;
	--unnamed-color-fffadc: #FFFADC;
	--unnamed-color-fed700: #FED700;
	--unnamed-color-e9535e: #E9535E;
	--unnamed-color-ebe9f4: #EBE9F4;
	--unnamed-color-ebe8f9: #EBE8F9;
	--unnamed-color-eaeafb: #EAEAFB;
	--unnamed-color-f6eeff: #F6EEFF;
	--unnamed-color-e4d4f4: #E4D4F4;
	--unnamed-color-832cc9: #832CC9;
	--unnamed-color-7d07bf: #7D07BF;
	--unnamed-color-3f23cc: #3F23CC;
	--unnamed-color-143bd9: #143BD9;
	--unnamed-color-2b31d5: #2B31D5;
	--unnamed-color-081ba9: #081BA9;
	--unnamed-color-1b2f66: #1B2F66;
	--unnamed-color-ffffff: #FFFFFF;
	--unnamed-color-f1f2f4: #F1F2F4;
	--unnamed-color-96989a: #96989A;
	--unnamed-color-5f6367: #5F6367;
	--unnamed-color-2a2a2a: #2A2A2A;
	--unnamed-color-000000: #000000;
	--font-family-base: 'Zen Kaku Gothic New', "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

*,
::before,
::after {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: var(--font-family-base);
}

html {
	font-size: 62.5%;
	box-sizing: border-box;
	scroll-behavior: smooth;
	line-height: 1.2;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	box-sizing: border-box;
	position: relative;
	text-size-adjust: 100%;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	min-width: 320px;
	overflow-x: hidden;
	color: rgb(0, 0, 0);
}

input,
textarea {
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	font-size: 1.6rem;
	font-family: var(--font-family-base);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

a {
	text-decoration: none;
	background-color: transparent;
	word-break: break-all;
	transition: all 0.2s ease 0s;
	position: relative;
	color: rgb(42, 42, 42);
}

p a:not([class]) {
	text-decoration: underline;
}

p a:not([class]):hover {
	color: var(--accent);
	text-decoration: underline;
}

img {
	display: block;
	width: 100%;
	border-style: none;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0px;
	appearance: none;
}

/*----------------------
共通
-----------------------*/
body.no_scroll {
	overflow: hidden;
}

.pc_br {
	display: block;
}

.sp_br {
	display: none;
}

@media screen and (max-width: 640px) {
	.pc_br {
		display: none;
	}

	.sp_br {
		display: block;
	}
}

.max-w {
	width: 100%;
	max-width: 1140px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.sec-h2 {
	text-align: center;
	margin-bottom: 50px;
}

.sec-h2 .tit-dec {
	margin-bottom: 20px;
	font-size: 18px;
	background: transparent linear-gradient(270deg, #C378FF 0%, #3863E8 100%) 0% 0% no-repeat padding-box;
	display: inline-block;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec-h2 .tit {
	font-size: 38px;
}

.sec-desc {
	font-size: 18px;
	text-align: center;
}

.trial-btn {
	margin: 160px auto 90px;
	position: relative;
	z-index: 0;
}

.trial-btn::before,
.trial-btn a::after {
	content: "";
	position: absolute;
	top: -44px;
	left: calc(50% - 100px);
	width: 203px;
	height: 178px;
	background-image: url("/ad/lp_connect/img/trial-btn_dec.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.trial-btn::before {
	animation: 30s linear 0s infinite normal none running rotation;
	z-index: -1;
}

.trial-btn a::after {
	animation: 30s linear -2s infinite normal none running rotation;
	z-index: -1;
}

.trial-btn a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%, -50%);
	width: 7px;
	height: 14px;
	background-image: url(/ad/lp_connect/img/arrow_next_white.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.trial-btn a {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 600px;
	margin: auto;
	background: linear-gradient(261deg, rgb(195, 120, 255) 0%, rgb(56, 99, 232) 100%) 0% 0% no-repeat padding-box padding-box transparent;
	font-size: 22px;
	color: rgb(255, 255, 255);
	border-radius: 5rem;
	padding: 1em 2.5em;
	position: relative;
	z-index: 0;
}

.trial-btn a span {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	font-weight: 700;
}

.trial-btn a:hover {
	transform: translate(0, -4px);
	box-shadow: 0px 10px 30px #73788E40;
}

.waveTx {
	padding: 0 0.1em 0.4em;
	color: #0055FF;

	background-size: 14px;
	background: url(/ad/lp_connect/img/wave.png) bottom repeat-x;
	background-size: 27px;
}

.bnr {
	width: 213px;
	position: fixed;
	bottom: 20px;
	right: 0;
	filter: drop-shadow(2px 4px 6px #73788E40);
	z-index: 10;
	transition: all 0.2s;
}

.bnr:hover {
	bottom: 24px;
}

.is-hidden {
	visibility: hidden;
	opacity: 0;
}

section {
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.sec-dec {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 140px;
	left: 0;
	overflow: hidden;
	z-index: -1;
}

.sec-dec .sec-dec1 {
	width: 40%;
	position: absolute;
	top: 5%;
	left: 0;
}

.sec-dec .sec-dec2 {
	width: 50%;
	position: absolute;
	top: 40%;
	left: 49%;
}

.sec-dec .sec-dec3 {
	width: 60%;
	position: absolute;
	top: 65%;
	left: 0%;
}

.sec-dec img {
	will-change: transform;
	animation: 50s linear -2s infinite normal none running rotation;
}

@media screen and (max-width: 900px) {
	.sec-h2 .tit {
		font-size: 24px;
	}

	.sec-desc {
		font-size: 16px;
	}
}

@media screen and (max-width: 640px) {
	.bnr {
		width: calc(100% - 40px);
		right: 20px;
	}

	.trial-btn a {
		font-size: 18px;
	}

	.trial-btn::before,
	.trial-btn a::after {
		top: -60px;
	}
}

@media screen and (max-width: 400px) {
	.trial-btn a {
		font-size: 16px;
	}
}

/*---------------------------------------------*/
/* ローディング画面 */
#loading {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	will-change: opacity;
	background: linear-gradient(rgb(200, 244, 249) 0%, rgb(202, 216, 248) 27%, rgb(223, 201, 241) 72%, rgb(235, 233, 244) 100%) 0% 0% no-repeat padding-box padding-box transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.spinner {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 100%;
	opacity: 1;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

.loaded {
	opacity: 0;
	visibility: hidden;
}

/* ローディングアニメーション */
@keyframes sk-scaleout {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0);
	}

	100% {
		transform: translate(-50%, -50%) scale(1.0);
		opacity: 0;
	}
}

/*--------------------------------------
アニメーション
--------------------------------------*/
.fadeblock {
	opacity: 0;
	transition: 0.5s;
	transform: translateY(100px);
}

.fadeblock.app {
	opacity: 1;
	transform: translateY(0px);
}

/*----------------------
ヘッダー
-----------------------*/
header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	min-width: 320px;
	background-color: rgba(255, 255, 255, 0.9);
}

.headerWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	/* background-color: rgba(255, 255, 255, 0.9); */
	max-width: 1366px;
	margin: auto;
}

.header-l {
	width: 270px;
}

.header-l a {
	display: block;
}

.header-menu,
.header-menu ul {
	display: flex;
	align-items: center;
}

.header-menu ul a {
	font-weight: 700;
}

.header-menu ul:first-child li+li {
	margin-left: 30px;
}

.header-menu ul:first-child a:hover {
	color: var(--unnamed-color-0080ff);
}

.header-menu ul:last-child {
	margin-left: 60px;
}

.header-menu .freeTry-btn {
	margin-left: 20px;
}

.header-menu .docDL-btn,
.header-menu .freeTry-btn a {
	padding: 0.5em 1em;
	border-radius: 5rem;
	color: rgb(255, 255, 255);
	display: block;
	text-align: center;
}

.header-menu .docDL-btn {
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	background-color: #c378ff;
	border: solid 1px #c378ff;
}

.header-menu .docDL-btn:hover {
	background-color: #fff;
	color: #c378ff;
}

.header-menu .freeTry-btn a {
	background-color: #3863e8;
	border: solid 1px #3863e8;
}

.header-menu .freeTry-btn a:hover {
	background-color: #fff;
	color: #3863e8;
}

.header-docDL {
	/* overflow-y: scroll; */
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: calc(100vh - 79px);
	transform: translate(0px, -100%);
	background-color: rgba(0, 16, 61, 0.4);
	z-index: -1;
	transition: all 0.2s ease 0s;
}

.header-docDL.open {
	top: 79px;
	transform: translate(0px, 0px);
}

.header-docDL>div {
	cursor: default;
	background-color: rgba(242, 243, 245, 0.9);
}

.header-docDL ul {
	display: flex;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.header-docDL li:not(.tit) {
	width: calc((100% - 40px) / 3);
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(204, 207, 215) 0px 0px 5px;
	padding: 25px;
	border-radius: 30px;
	text-align: center;
	transition: all 0.2s ease 0s;
}

.header-docDL li.tit {
	display: none;
}

.header-docDL li:not(.tit):hover {
	transform: translate(0px, -2px);
	box-shadow: rgb(204, 207, 215) 0px 2px 7px;
	background-color: rgb(219, 230, 248);
}

.header-docDL li+li {
	margin-left: 20px;
}

.header-docDL .thumbnail {
	border: 1px solid rgb(187 193 198);
}

.header-docDL .tx {
	font-size: 18px;
	color: rgb(42, 42, 42);
	font-weight: 700;
	margin: 10px auto;
}

.header-docDL .btn {
	color: rgb(255, 255, 255);
	background: linear-gradient(102deg, rgb(67, 136, 255) 0%, rgb(71, 188, 255) 100%) 0% 0% no-repeat padding-box padding-box transparent;
	padding: 0.5em 1em;
	border-radius: 5rem;
}

/* ハンバーガボタン */
.hm-btn {
	display: none;
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}

.hm-btn div {
	width: calc(100% - 10px);
	height: 4px;
	border-radius: 5rem;
	position: absolute;
	left: 5px;
	transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease;
}

.hm-btn div:nth-child(1) {
	top: calc(50% - 10px);
	background-color: #3863E8;
}

.hm-btn div:nth-child(2) {
	top: 50%;
	background-color: #806EF4;
}

.hm-btn div:nth-child(3) {
	top: calc(50% + 10px);
	background-color: #C378FF;
}

header.open .hm-btn div:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}

header.open .hm-btn div:nth-of-type(2) {
	opacity: 0;
}

header.open .hm-btn div:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

header .sp-nv {
	display: none;
}

@media screen and (max-width: 1280px) {
	.hm-btn {
		display: block;
	}

	header .sp-nv {
		display: block;
		height: calc(100vh - 80px);
		/* transform: translate3d(-100%,0,0); */
		width: 100%;
		transition: all 0.2s;
		position: absolute;
		top: 80px;
		left: -100%;
		z-index: 1;
		background-color: rgba(242, 243, 245, 0.9);
	}

	header.open .sp-nv {
		/* transform: translate3d(0,0,0); */
		left: 0;
	}

	.header-r,
	.header-docDL {
		display: none;
	}

	header .sp-nv .header-menu {
		display: block;
		overflow-y: scroll;
		height: 100%;
	}

	header .sp-nv .header-menu ul {
		justify-content: center;
		padding: 20px;
	}

	header .sp-nv .header-menu>ul:first-child {
		background-color: #fff;
	}

	header .sp-nv .header-menu ul:last-child {
		margin: 0;
		padding-bottom: 50px;
	}

	.sp-nv .header-menu .header-docDL {
		display: block;
		top: 0;
		position: relative;
		transform: translate(0, 0);
		z-index: 1;
		height: auto;
		background-color: #fff0;
	}

	.sp-nv .header-menu .header-docDL ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	header .sp-nv .header-docDL li.tit {
		width: 100%;
		font-size: 18px;
		text-align: center;
		display: block;
		color: #9232c8;
		font-weight: 700;
		margin-bottom: 20px;
	}

	header .sp-nv .header-docDL li:not(.tit) {
		margin: 0;
		padding: 20px;
		width: calc((100% - 40px) / 3);
		background-color: rgb(255, 255, 255);
		box-shadow: rgb(204, 207, 215) 0px 0px 5px;
		border-radius: 30px;
		text-align: center;
		transition: all 0.2s ease 0s;
	}

	/* .header-r {
		position: absolute;
		top: 80px;
		left: 100%;
		padding: 20px;
		transition: none;
		background-color: #fff;
		width: 100%;
	}

	header.open .header-r {
		top: 80px;
		left: 0;
	}

	.header-menu,
	.header-menu ul {
		justify-content: center;
	}

	.header-menu .docDL-btn {
		display: none;
	}

	.header-docDL {
		position: absolute;
		top: 144px;
		left: 100%;
		transition: none;
		transform: translate(0px, 0px);
		height: calc(100vh - 160px);
	}

	header.open .header-docDL {
		top: 160px;
		left: 0;
	}

	.header-docDL>div {
		height: 100%;
		overflow-y: scroll;
	}

	.header-docDL ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

 */
}

@media screen and (max-width: 1000px) {

	header .sp-nv .header-docDL li:not(.tit) {
		margin: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	header .sp-nv .header-docDL li a {
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 30% auto;
		grid-template-rows: auto auto;
		gap: 0px 0px;
		grid-template-areas:
			"thumbnail tx"
			"thumbnail btn";
	}

	header .sp-nv .header-docDL li .thumbnail {
		grid-area: thumbnail;
	}

	header .sp-nv .header-docDL li .tx {
		width: calc(100% - 40px);
		grid-area: tx;
		align-self: center;
		font-size: 22px;
	}

	header .sp-nv .header-docDL li .btn {
		width: calc(100% - 40px);
		margin: auto;
		grid-area: btn;
		align-self: center;
	}
}

@media screen and (max-width: 768px) {
	.header-menu,
	.header-menu ul {
		flex-wrap: wrap;
		width: 100%;
	}

	.header-menu>ul:first-child li+li,
	.header-menu,
	.header-menu li,
	.header-menu .freeTry-btn {
		width: 100%;
		margin: 0;
	}

	.header-menu>ul:first-child li+li:not(.freeTry-btn) {
		border-top: solid 1px #F1F2F4;
	}

	.header-menu>ul:first-child li a {
		display: block;
		padding: 10px 60px;
		position: relative;
	}

	.header-menu>ul:first-child li a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 40px;
		width: 1em;
		height: 0.9em;
		transform: translate(-50%, -50%);
		background-image: url(/ad/lp_connect/img/arrow_next.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		font-size: 18px;
	}
}

@media screen and (max-width: 640px) {
	.headerWrap {
		padding: 10px 15px 10px 10px;
	}

	.header-l {
		width: 155px;
	}

	.hm-btn {
		width: 30px;
		height: 30px;
	}

	.hm-btn div {
		width: 100%;
		left: 0;
	}

	.sp-nv .header-menu .header-docDL li a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.sp-nv .header-menu .header-docDL li .thumbnail {
		width: 110px;
		height: auto;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		text-align: left;
		padding: 0 0 0 1em;
		width: calc(100% - 110px);
		margin: 0;
	}

	.sp-nv .header-menu .header-docDL li .btn {
		width: 100%;
		margin-top: 10px;
	}

	header.open .header-r {
		top: 50px;
	}

	.sp-nv .header-menu .header-docDL ul {
		padding-bottom: 100px;
	}

	header .sp-nv{
		top: 50px;
		height: calc(100vh - 50px);
	}
	header .sp-nv .header-menu>ul:first-child {
		padding: 20px 0;
	}
	.header-menu .freeTry-btn{
		padding: 10px 20px 0;
	}
}

@media screen and (max-width: 500px) {
	.sp-nv .header-menu .header-docDL li:not(.tit) {
		border-radius: 15px;
	}

	.sp-nv .header-menu .header-docDL li .tx {
		font-size: 16px;
	}
}

/*----------------------
フッター
-----------------------*/
.gFoot {
	border-top: 2px solid #f3f4f7;
}

.gFoot .commonNav {
	display: flex;
	padding-top: 60px;
}

@media screen and (max-width: 767px) {
	.gFoot .commonNav {
		display: none;
	}
}

.gFoot .commonNav>div {
	width: 25%;
	border-right: 2px solid #f7f7f7;
	padding-right: 20px;
	padding-left: 20px;
}

.gFoot .commonNav>div:last-child {
	border-right: none;
}

.gFoot .sns {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f7f7f7;
	padding: 40px;
}

.gFoot .sns__item {
	margin: 0 20px;
}

.gFoot .sns a {
	transition: opacity 0.2s;
}

@media screen and (min-width: 768px) {
	.gFoot .sns a:hover {
		opacity: 0.6;
	}
}

.gFoot .copy {
	background: #1a3068;
	color: #fff;
	padding: 5px 0 8px;
	font-size: 1.4rem;
	text-align: center;
}

.commonNav {
	display: none;
	justify-content: space-between;
	padding-top: 100px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4;
	max-width: 1240px;
	padding: 100px 20px 50px;
}

.commonNav>div {
	width: 270px;
}

.commonNav .commonNav__head {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}

.commonNav ul {
	margin-bottom: 30px;
}

.commonNav ul li {
	position: relative;
	margin: 7px 0 7px 10px;
}

.commonNav ul li a {
	color: #313636;
	transition: color 0.2s;
}

@media screen and (min-width: 768px) {
	.commonNav ul li a:hover {
		color: #268dd9;
	}
}

@media screen and (min-width: 768px) {
	.commonNav ul li a:hover {
		font-weight: 500;
	}
}

/*----------------------
breadcrumb
-----------------------*/
.footTop {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 1360px) {
	.footTop {
		display: inherit;
	}
}

.footTop .footTop__links {
	display: flex;
	white-space: nowrap;
}

@media screen and (max-width: 1360px) {
	.footTop .footTop__links {
		margin-top: 10px;
		white-space: normal;
	}
}

@media screen and (max-width: 767px) {
	.footTop .footTop__links {
		display: inherit;
		margin-top: 20px;
	}
}

.footTop .footTop__links li:first-child a {
	margin-left: 0;
}

.footTop .footTop__links a {
	position: relative;
	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.footTop .footTop__links a {
		margin-left: 0;
	}
}

.footTop .footTop__links a::after {
	content: "";
	position: relative;
	display: inline-block;
	right: 0;
	margin-left: 10px;
	background: url(https://service.biztex.co.jp/assets/images/ico_arrow1_blue.svg) no-repeat;
	background-size: contain;
	width: 18px;
	height: 10px;
}

.l_base {
	width: 100%;
	max-width: 1140px;
	margin: auto;
	padding: 20px;
}

.breadcrumb {
	display: flex;
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		overflow-x: auto;
		padding-bottom: 10px;
		padding-right: 10px;
	}
}

.breadcrumb li {
	position: relative;
	white-space: nowrap;
}

@media screen and (max-width: 1360px) {
	.breadcrumb li {
		white-space: normal;
	}
}

@media screen and (max-width: 767px) {
	.breadcrumb li {
		white-space: nowrap;
	}
}

.breadcrumb li::after {
	content: ">";
	position: relative;
	display: inline-block;
	top: -1px;
	margin: 0 10px;
}

.breadcrumb li:last-child::after {
	display: none;
}

.breadcrumb li a {
	transition: color 0.2s;
}

@media screen and (min-width: 768px) {
	.breadcrumb li a:hover {
		color: #268dd9;
	}
}

/*----------------------
mv
-----------------------*/
.mv {
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 50px);
	min-height: 1080px;
	max-height: 1080px;
	background: linear-gradient(0deg, rgb(225, 244, 255) 0%, rgb(255, 255, 255) 40%) 0% 0% no-repeat padding-box padding-box transparent;
	position: relative;
	z-index: 0;
}

.mvWrap {
	max-width: 1366px;
	width: 100%;
	margin: auto;
	position: relative;
}

.mv-catchWrap {
	width: 700px;
	height: 780px;
	display: flex;
	flex-flow: column wrap;
	place-content: center;
	align-items: center;
	text-align: center;
	background-image: url("/ad/lp_connect/img/mv-catchWrap_bg.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0px 2% 0px auto;
	position: relative;
	z-index: 0;
}

.mv-catchWrap>* {
	position: relative;
	z-index: 1;
}

.mv-catchWrap .tit-dec {
	color: rgb(255, 255, 255);
	font-size: 20px;
	background: linear-gradient(101deg, rgb(195, 120, 255) 0%, rgb(56, 99, 232) 100%) 0% 0% no-repeat padding-box padding-box transparent;
	border-radius: 5rem;
	padding: 0.3em 1em;
}

.mv-catchWrap .tit {
	font-size: 72px;
	margin: 0.4em auto;
	line-height: 1.2;
	color: rgb(255, 255, 255);
}

.mv-catchWrap .tit-sub {
	color: rgb(0, 85, 170);
	font-size: 24px;
	font-weight: 700;
}

.mv-catchWrap .dec-circle {
	position: absolute;
	border: 1px dashed #9AD8FF;
	border-radius: 100%;
	animation: 30s linear 0s infinite normal none running rotation;
	z-index: 0;
}

.mv-catchWrap .circle1 {
	width: 200px;
	height: 200px;
	top: 100px;
	left: -100px;
}

.mv-catchWrap .circle2 {
	width: 180px;
	height: 180px;
	top: 50%;
	right: -100px;
}

.mv-catchWrap .circle3 {
	width: 130px;
	height: 130px;
	bottom: 0px;
	left: 20%;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.mv .mv_dec {
	position: absolute;
	top: 50%;
	right: 0;
	width: 95%;
	z-index: 0;
	transform: translate(0, -50%);
}

@keyframes mouseMove {
	0% {
		transform: translate(100%, 10px);
	}

	40% {
		transform: translate(50%, 0);
	}

	80% {
		transform: translate(0, 0);
	}
}

@media screen and (max-width: 1920px) {
	.mv {
		min-height: 840px;
	}

	.mvWrap {
		margin: 90px auto auto;
	}

	.mv-catchWrap {
		width: 550px;
		height: 620px;
	}

	.mv-catchWrap .tit-dec {
		font-size: 18px;
	}

	.mv-catchWrap .tit {
		font-size: 58px;
	}

	.mv-catchWrap .tit-sub {
		font-size: 22px;
	}
}

@media screen and (max-width: 1280px) {
	.mv-catchWrap {
		margin: 0px 5% 0px auto;
	}

	.mv-catchWrap .tit-dec {
		font-size: 18px;
	}

	.mv-catchWrap .tit {
		font-size: 58px;
	}

	.mv-catchWrap .tit-sub {
		font-size: 22px;
	}
}

@media screen and (max-width: 900px) {
	.mv-catchWrap {
		width: 480px;
		height: 540px;
		margin: 0px 5% 0px auto;
	}

	.mv-catchWrap .tit-dec {
		font-size: 16px;
	}

	.mv-catchWrap .tit {
		font-size: 45px;
	}

	.mv-catchWrap .tit-sub {
		font-size: 20px;
	}

	.mv-catchWrap .circle1 {
		width: 150px;
		height: 150px;
		top: -10px;
		left: 30px;
	}

	.mv-catchWrap .circle2 {
		width: 80px;
		height: 80px;
		top: 70%;
		right: -10px;
	}

	.mv-catchWrap .circle3 {
		width: 110px;
		height: 110px;
		bottom: 0px;
		left: 10%;
	}

	.mv .mv_dec {
		min-width: 500px;
	}
}

@media screen and (max-width: 640px) {
	.mv {
		height: calc(100vh + 40px);
		min-width: auto;
		max-height: 800px;
	}

	.mvWrap {
		margin: 70px auto auto;
	}

	.mv-catchWrap {
		width: calc(100% - 40px);
		height: 100vw;
		margin: 0px auto;
	}

	.mv-catchWrap .circle1 {
		width: 80px;
		height: 80px;
		top: 40px;
		left: 40px;
	}

	.mv-catchWrap .circle2 {
		width: 30px;
		height: 30px;
		top: 85%;
		right: 20%;
	}

	.mv-catchWrap .circle3 {
		width: 60px;
		height: 60px;
		bottom: -20%;
		left: 10%;
	}

	.mv .mv_dec {
		top: 35%;
		right: auto;
		width: 70vw;
		min-width: auto;
		transform: translate(0, 0%);
		z-index: 0;
	}
}

@media screen and (max-width: 500px) {
	.mv-catchWrap .tit-dec {
		font-size: 14px;
	}

	.mv-catchWrap .tit {
		font-size: 36px;
		margin: 0.8em auto;
	}

	.mv-catchWrap .tit-sub {
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
	.mv-catchWrap .tit-dec {
		font-size: 12px;
	}

	.mv-catchWrap .tit {
		font-size: 34px;
		margin: 0.8em auto;
	}

	.mv-catchWrap .tit-sub {
		font-size: 14px;
	}
}

/*----------------------
mv アイコンスライド
-----------------------*/
.mv-ic-slide {
	position: absolute;
	top: 0;
	left: 55%;
	width: calc(100vw + 100vh);
	min-width: 56.25vw;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	transform-origin: center;
	transform-origin: left;
	transform: rotate(60deg) translate(-50%, 50%);
}

.mv-ic-slide li {
	transition: all 0.2s;
	padding: 5px;
	transform: rotate(-60deg);
}

.mv-ic-slide li>div {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0px 5px 15px rgb(115 120 142 / 15%);
	width: 120px;
	height: 120px;
	transform: translate(-30%, 0%);
}

.mv-ic-slide li:nth-of-type(2n)>div {
	width: 180px;
	height: 180px;
	transform: translate(-100%, 17%);
}

.mv-ic-slide li:nth-of-type(3n)>div {
	width: 100px;
	height: 100px;
	transform: translate(-320%, 110%);
}

.mv-ic-slide li:nth-of-type(7n)>div {
	width: 140px;
	height: 140px;
	transform: translate(-250%, 90%);
}

.mv-ic-slide li img {
	width: 60%;
}

@media screen and (max-width: 1200px) {
	.mv-ic-slide li>div {
		width: 100px;
		height: 100px;
	}

	.mv-ic-slide li:nth-of-type(2n)>div {
		width: 160px;
		height: 160px;
	}

	.mv-ic-slide li:nth-of-type(3n)>div {
		width: 80px;
		height: 80px;
	}

	.mv-ic-slide li:nth-of-type(7n)>div {
		width: 120px;
		height: 120px;
	}
}

@media screen and (max-width: 900px) {
	.mv-ic-slide li:nth-of-type(2n)>div {
		width: 140px;
		height: 140px;
	}

	.mv-ic-slide li:nth-of-type(3n)>div {
		width: 60px;
		height: 60px;
	}

	.mv-ic-slide li:nth-of-type(7n)>div {
		width: 100px;
		height: 100px;
	}
}

@media screen and (max-width: 640px) {
	.mv-ic-slide {
		top: 20%;
		left: 100%;
	}

	.mv-ic-slide li:nth-of-type(2n)>div {
		width: 120px;
		height: 120px;
	}
}

@media screen and (max-width: 400px) {
	.mv-ic-slide {
		top: 20%;
	}

	.mv-ic-slide li>div {
		width: 40px;
		height: 40px;
	}

	.mv-ic-slide li:nth-of-type(2n)>div {
		width: 100px;
		height: 100px;
	}

	.mv-ic-slide li:nth-of-type(3n)>div {
		width: 60px;
		height: 60px;
	}

	.mv-ic-slide li:nth-of-type(7n)>div {
		width: 80px;
		height: 80px;
	}
}

/*----------------------
SUPPORT
-----------------------*/
.sec-support {
	background-color: rgb(255, 255, 255);
	border-radius: 100px;
	margin-top: -120px;
	position: relative;
	z-index: 2;
	padding: 130px 0px 100px;
}

.support-slideWrap {
	margin: 50px auto;
}

.support-slide .slick-slide {
	padding: 15px;
}

.support-slide .slick-slide div {
	background-color: #fff;
	box-shadow: 0px 0px 10px #73788E40;
	border-radius: 50px;
	overflow: hidden;
}

.support-slide .slick-arrow {
	position: absolute;
	top: 50%;
	width: 52px;
	z-index: 1;
	cursor: pointer;
}

.support-slide .slick-arrow:hover {
	opacity: 0.7;
}

.support-slide .prev_icon {
	left: 0;
	transform: translate(calc(-50% + 15px), -50%);
}

.support-slide .next_icon {
	right: 0;
	transform: translate(calc(50% - 15px), -50%);
}

.slick-dots {
	bottom: -40px;
}

.slick-dots li button:before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: solid 1px #7D07BF;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	content: "";
	opacity: 1;
	background-color: #7D07BF;
}


@media screen and (max-width: 900px) {
	.sec-support {
		border-radius: 40px;
		margin-top: -40px;
		position: relative;
		z-index: 2;
		padding: 100px 0px 100px;
	}
}

@media screen and (max-width: 640px) {
	.support-slide .slick-slide div {
		border-radius: 20px;
	}

	.sec-dec .sec-dec1 {
		width: 90%;
		position: absolute;
		top: 1%;
		left: 5%;
	}
}

/*----------------------
SaaS連携事例
-----------------------*/
.sec-service {
	background: linear-gradient(rgb(200, 244, 249) 0%, rgb(202, 216, 248) 27%, rgb(223, 201, 241) 72%, rgb(235, 233, 244) 100%) 0% 0% no-repeat padding-box padding-box transparent;
	border-radius: 0px 0px 100px 100px;
	margin-top: -100px;
	position: relative;
	z-index: 1;
	padding: 200px 0px 100px;
}

.sec-service .sec-h2 .tit {
	color: rgb(0, 128, 255);
}

.service-saas .thumbnail {
	margin: 50px auto 30px;
	display: flex;
	flex-direction: column;
	place-content: center;
	align-items: center;
}

.service-saas .thumbnail ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 640px;
}

.service-saas .thumbnail ul li {
	border-bottom: 1px solid rgb(235, 241, 255);
	position: relative;
	padding: 0 4px 8px;
}

.service-saas .thumbnail .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: rgb(0, 128, 255);
	margin-bottom: 20px;
}

.service-saas .thumbnail .tit span {
	position: relative;
	padding: 0px 3em;
	font-weight: 700;
}

.service-saas .thumbnail .tit span::before,
.service-saas .thumbnail .tit span::after {
	content: "";
	width: 2px;
	height: 1.5em;
	background-color: rgb(0, 128, 255);
	position: absolute;
	top: 0px;
}

.service-saas .thumbnail .tit span::before {
	left: 1em;
	transform: rotate(-45deg);
}

.service-saas .thumbnail .tit span::after {
	right: 1em;
	transform: rotate(45deg);
}

.service-saas .saas-thumbnail {
	position: relative;
}

.service-saas .saas-thumbnail li.now::before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: rgb(0, 128, 255);
	position: absolute;
	bottom: -2px;
	left: 0px;
}

.service-saas .saas-thumbnail li.now::after {
	content: "";
	width: 0px;
	height: 0px;
	border-width: 8px 6px 0px;
	border-right-style: solid;
	border-right-color: transparent;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-style: solid;
	border-top-color: rgb(0, 128, 255);
	border-bottom-style: initial;
	border-bottom-color: initial;
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translate(-50%, 0);
}

.service-saas .saas-thumbnail .slick-slide {
	padding-top: 2px;
	padding-bottom: 20px;
	margin: 0 5px;
}

.service-saas .saas-thumbnail div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	width: 95px;
	height: 95px;
	border-radius: 100%;
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	box-shadow: rgba(115, 120, 142, 0.25) 0px 2px 10px;
	transition: all 0.2s;
}

.service-saas .saas-thumbnail div:hover {
	transform: translate(0, -2px);
}

.service-saas .saas-thumbnail .name {
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #0055ff;
	line-height: 1.1;
	margin: 5px auto 0;
	width: 100px;
}

.service-saas .saas-thumbnail .name br {
	display: none;
}

.service-saas .saas-thumbnail img {
	width: 55%;
}

.saas-slide {
	display: flex;
	flex-wrap: wrap;
}

.saas-slide>li {
	width: 100%;
	margin-top: 30px;
}

.saas-slide[data-box_num="0"]>li {
	display: block;
}
.saas-slide[data-box_num="1"]>li,
.saas-slide[data-box_num="2"]>li,
.saas-slide[data-box_num="3"]>li,
.saas-slide[data-box_num="4"]>li,
.saas-slide[data-box_num="5"]>li,
.saas-slide[data-box_num="6"]>li {
display: none;
}

/* ----------- 1 ----------- */
.saas-slide[data-box_num="1"] li[data-box="1"] {
	display: block;
}

/* .saas-slide[data-box_num="1"] li[data-box="1"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.saas-slide[data-box_num="1"] li[data-box="2"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.saas-slide[data-box_num="1"] li[data-box="3"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.saas-slide[data-box_num="1"] li[data-box="4"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.saas-slide[data-box_num="1"] li[data-box="5"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
}

.saas-slide[data-box_num="1"] li[data-box="6"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;
} */

/* ----------- 2 ----------- */
.saas-slide[data-box_num="2"] li[data-box="2"] {
	display: block;
}
/* .saas-slide[data-box_num="2"] li[data-box="1"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;

}

.saas-slide[data-box_num="2"] li[data-box="2"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.saas-slide[data-box_num="2"] li[data-box="3"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.saas-slide[data-box_num="2"] li[data-box="4"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.saas-slide[data-box_num="2"] li[data-box="5"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.saas-slide[data-box_num="2"] li[data-box="6"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
} */

/* ----------- 3 ----------- */
.saas-slide[data-box_num="3"] li[data-box="3"] {
	display: block;
}
/* .saas-slide[data-box_num="3"] li[data-box="1"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
}

.saas-slide[data-box_num="3"] li[data-box="2"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;

}

.saas-slide[data-box_num="3"] li[data-box="3"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.saas-slide[data-box_num="3"] li[data-box="4"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.saas-slide[data-box_num="3"] li[data-box="5"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.saas-slide[data-box_num="3"] li[data-box="6"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
} */

/* ----------- 4 ----------- */
.saas-slide[data-box_num="4"] li[data-box="4"] {
	display: block;
}
/* .saas-slide[data-box_num="4"] li[data-box="1"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.saas-slide[data-box_num="4"] li[data-box="2"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
}

.saas-slide[data-box_num="4"] li[data-box="3"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;
}

.saas-slide[data-box_num="4"] li[data-box="4"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.saas-slide[data-box_num="4"] li[data-box="5"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.saas-slide[data-box_num="4"] li[data-box="6"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
} */

/* ----------- 5 ----------- */
.saas-slide[data-box_num="5"] li[data-box="5"] {
	display: block;
}
/* .saas-slide[data-box_num="5"] li[data-box="1"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.saas-slide[data-box_num="5"] li[data-box="2"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.saas-slide[data-box_num="5"] li[data-box="3"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
}

.saas-slide[data-box_num="5"] li[data-box="4"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;
}

.saas-slide[data-box_num="5"] li[data-box="5"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.saas-slide[data-box_num="5"] li[data-box="6"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
} */

/* ----------- 6 ----------- */
.saas-slide[data-box_num="6"] li[data-box="6"] {
	display: block;
}
/* .saas-slide[data-box_num="6"] li[data-box="1"] {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.saas-slide[data-box_num="6"] li[data-box="2"] {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.saas-slide[data-box_num="6"] li[data-box="3"] {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.saas-slide[data-box_num="6"] li[data-box="4"] {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
}

.saas-slide[data-box_num="6"] li[data-box="5"] {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;
}

.saas-slide[data-box_num="6"] li[data-box="6"] {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
} */

/* -----------
.saas-slide li 
----------- */

.saas-slide>li>div {
	width: 100%;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(115, 120, 142, 0.25) 0px 0px 10px;
	border-radius: 15px;
	margin-top: 40px;
	padding: 0px 20px 30px;
}

.saas-slide li h3 {
	display: flex;
	align-items: center;
	background-color: rgb(0, 85, 255);
	padding: 10px;
	margin: 0px auto;
	border-radius: 5rem;
	transform: translate(0px, -50%);
}

.saas-slide li h3 .service-ic-wrap {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.saas-slide li h3 .service-ic {
	width: 47px;
	height: 47px;
	border-radius: 100%;
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.saas-slide li h3 .service-ic img {
	width: 60%;
}

.saas-slide li h3 .service-ic-wrap .name {
	color: #ddf0ff;
	font-size: 15px;
	font-weight: 400;
	padding-left: 1em;
	min-width: 9em;
}

.saas-slide li h3 .tit {
	/* margin: 0px auto; */
	/* margin-left: calc(50% - 364px); */
	padding-left: 1em;
	color: rgb(255, 255, 255);
	font-size: 28px;
}

.stepWrap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.stepWrap li {
	width: 150px;
	position: relative;
}

.stepWrap li:nth-of-type(2)>div::before {
	content: "";
	position: absolute;
	bottom: 50%;
	left: 0;
	width: 9px;
	height: 9px;
	background-color: rgb(42, 42, 42);
	border-radius: 100%;
	transform: translate(0px, 50%);
	z-index: 1;
}

.stepWrap li:nth-last-of-type(2)>div::after {
	content: "";
	position: absolute;
	bottom: 50%;
	right: 0;
	transform: translate(0px, 50%);
	width: 0px;
	height: 0px;
	border-width: 6px 0px 6px 11px;
	border-top-style: solid;
	border-top-color: transparent;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-left-style: solid;
	border-left-color: #2a2a2a;
	border-right-style: initial;
	border-right-color: initial;
}

.stepWrap li.bxc {
	align-self: center;
	margin-top: 4%;
}

.stepWrap li.bxc::before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px dashed rgb(0, 0, 0);
	z-index: 0;
}

.stepWrap li.bxc img {
	width: 40px;
	margin: auto;
	position: relative;
	z-index: 1;
}

.stepWrap .step-tx {
	word-break: keep-all;
	color: rgb(20, 59, 217);
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding: 0px 0px 8px;
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

.stepWrap .step-tx::before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: rgb(20, 59, 217);
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.stepWrap .step-tx::after {
	content: "";
	width: 0px;
	height: 0px;
	border-width: 8px 6px 0px;
	border-right-style: solid;
	border-right-color: transparent;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-style: solid;
	border-top-color: #143bd9;
	border-bottom-style: initial;
	border-bottom-color: initial;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translate(-50%, 50%);
}

.stepWrap .step-ic .img {
	width: 105px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px auto 0px;
	background-image: url("/ad/lp_connect/img/step_ic_bg.svg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.stepWrap .step-ic img {
	width: 60%;
	margin: auto;
}

.stepWrap .step-ic .name {
	text-align: center;
	font-size: 16px;
	color: rgb(150, 152, 154);
	font-weight: 700;
	margin-top: 5px;
}

@media screen and (max-width: 1140px) {
	.saas-slide li h3 .tit {
		font-size: 22px;
		padding: 0 1em;
	}

	.stepWrap li.bxc {
		width: 100px;
	}
}

@media screen and (max-width: 900px) {
	.sec-service {
		border-radius: 40px;
		margin-top: -40px;
		position: relative;
		z-index: 2;
		padding: 100px 0px 100px;
	}

	.saas-slide li h3 {
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px 15px 10px 20px;
		border-radius: 15px;
	}

	.saas-slide li h3 .service-ic-wrap .name{
		min-width: auto;
	}

	.saas-slide li h3 .tit {
		width: 100%;
		padding: 0;
		margin-top: 5px;
		text-align: center;
	}
}

@media screen and (max-width: 800px) {
	.stepWrap {
		width: 360px;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: auto;
	}

	.stepWrap li {
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-end;
	}

	.stepWrap .step-ic {
		position: relative;
	}

	.stepWrap .step-tx {
		margin: 0;
		padding: 0;
		margin-left: 20px;
		padding-left: 15px;
		text-align: left;
	}

	.stepWrap .step-ic .img {
		margin: 0;
	}

	.stepWrap .step-ic .name {
		position: absolute;
		top: 5px;
		left: calc(100% + 20px);
		margin: 0;
		word-break: keep-all;
		width: 10em;
		text-align: left;
	}

	.stepWrap .step-tx::before {
		width: 3px;
		height: 100%;
	}

	.stepWrap .step-tx::after {
		bottom: 50%;
		left: 0;
		transform: translate(-100%, 50%);
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 10px solid #143bd9;
		border-left: 0;
	}

	.stepWrap li.bxc {
		margin-top: 0;
		width: auto;
		margin: 10px 0 10px 33px;
		height: 80px;
		min-width: 40px;
	}

	.stepWrap li.bxc::before {
		width: 1px;
		height: 100%;
	}

	.stepWrap li:nth-of-type(2)>div::before {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.stepWrap li:nth-last-of-type(2)>div::after {
		bottom: -3px;
		left: 50%;
		transform: translate(-50%, 0);
		border-style: solid;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-top: 10px solid #2a2a2a;
		border-bottom: 0;
	}

	.service-saas .saas-thumbnail div {
		width: 70px;
		height: 70px;
	}

	.service-saas .saas-thumbnail .name {
		width: 80px;
		min-height: 28px;
	}

	.service-saas .saas-thumbnail .name br {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.saas-slide li h3 .tit {
		font-size: 20px;
	}

	.service-saas .saas-thumbnail div {
		width: 60px;
		height: 60px;
	}

	.service-saas .saas-thumbnail .name {
		width: 68px;
	}

	.stepWrap .step-tx {
		font-size: 16px;
		min-height: 30px;
	}

	.service-saas .thumbnail ul {
		width: 100%;
	}

	li[data-box="6"] .stepWrap li.bxc {
		height: 40px;
	}

	.saas-slide li h3 .service-ic {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width: 540px) {
	.saas-slide li h3 .tit {
		font-size: 18px;
	}

	.service-saas .saas-thumbnail div {
		width: 50px;
		height: 50px;
	}

	.service-saas .saas-thumbnail .name {
		width: 60px;
		font-size: 11px;
	}

	.stepWrap {
		width: 100%;
		padding: 0 20px;
	}

	.stepWrap li.bxc {
		margin: 10px 0 10px 25px;
	}

	.stepWrap .step-ic .img {
		width: 90px;
		height: 100px;
	}
}

@media screen and (max-width: 460px) {
	.service-saas .thumbnail ul li{
		padding: 0 2px 8px;
	}

	.service-saas .saas-thumbnail .name {
		width: 54px;
		font-size: 10px;
	}

	.saas-slide li h3 .tit {
		font-size: 16px;
	}

	.saas-slide>li>div {
		padding: 0 0 20px;
	}

	.stepWrap .step-ic .img {
		width: 75px;
		height: 85px;
	}

	.stepWrap .step-ic .name {
		top: -5px;
	}

	.service-saas .thumbnail .tit span {
		font-size: 16px;
		padding: 0 2em;
	}

	.stepWrap li.bxc {
		margin: 10px 0 10px 18px;
	}
}


@media screen and (max-width: 400px) {
	.service-saas .saas-thumbnail div {
		width: 48px;
		height: 48px;
	}

}

/*----------------------
BizteX Connectの特徴
-----------------------*/
.sec-features {
	padding: 160px 0 180px;
}

.sec-features .cardWrp li {
	display: flex;
	margin-top: 90px;
}

.sec-features .cardWrp li:nth-of-type(2n) {
	flex-direction: row-reverse;
}

.sec-features .cardWrp .imgWrap {
	width: 50%;
}

.sec-features .cardWrp .txWrap {
	width: 50%;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 6% 0 7%;
}

.sec-features h3 .tit-dec {
	font-size: 28px;
	color: #832CC9;
}

.sec-features h3 .tit {
	font-size: 36px;
	margin-top: 20px;
}

.sec-features .cardWrp .txWrap p {
	font-size: 22px;
	margin-top: 30px;
}

.support-contents {
	margin-top: 100px;
}

.support-contents .txWrap {
	/*
	display: flex;
	align-items: flex-end;
	*/
	padding: 0 50px 20px;
	/* padding-bottom: 20px; */
}

.support-contents h3 {

	min-width: 424px;
}

.support-contents .txWrap p {
	font-size: 22px;
	font-weight: 700;
	margin-top: 30px;
}

.scWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	background-color: #E1E7FF;
	border-radius: 30px;
	margin-top: 20px;
}

.scWrap>li {
	padding: 20px;
	width: calc(50% - 10px);
	background-color: #fff;
	border-radius: 30px;
}

.scWrap>li:first-child {
	width: 100%;
	padding: 30px;
	margin-bottom: 20px;
}

.scWrap table tr:not(:last-child) {
	border-bottom: dashed 1px #96989A;
}

.scWrap table tr.last {
	border-bottom: solid 1px #96989A;
}

.scWrap table th {
	padding: 14px 1.5em;
	background-color: #F9F9F9;
	font-size: 28px;
	font-weight: 700;
	vertical-align: top;
}

.scWrap table th {
	padding: 14px 1.5em;
	background-color: #F9F9F9;
	font-size: 28px;
	font-weight: 700;
	vertical-align: top;
	width: 230px;
}

.scWrap table .tit1 th {
	color: #C254FF;
	border-left: solid 4px #C254FF;
}

.scWrap table .tit2 th {
	color: #0055FF;
	border-left: solid 4px #0055FF;
}

.scWrap table .tit1 td:nth-of-type(2) {
	position: relative;
}

.scWrap table .tit1 td:nth-of-type(2)::before {
	content: "BizteX Connect";
	font-size: 24px;
	text-align: center;
	width: 100%;
	padding: 0.2em 1em;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translate(-50%, -100%);
	background: transparent linear-gradient(103deg, #4388FF 0%, #47BCFF 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	font-weight: 700;
	border-radius: 5rem;
}

.scWrap table .tit1 td:nth-of-type(2)::after {
	content: "";
	width: 0px;
	height: 0px;
	border-width: 8px 6px 0px;
	border-right-style: solid;
	border-right-color: transparent;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-style: solid;
	border-top-color: #45a3ff;
	border-bottom-style: initial;
	border-bottom-color: initial;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%, 50%);
}

.scWrap table td {
	padding: 10px 1.5em;
	font-weight: 700;
}

.scWrap table td:nth-of-type(2) {
	background: #FFFADC;
	width: 250px;
}

.scWrap table td:nth-of-type(2) img {
	width: 40px;
	margin: auto;
}

.scWrap h4 {
	font-size: 18px;
	font-weight: 700;
	border-radius: 5rem;
	background: #FFEC81;
	padding: 0.5em 1em;
	margin-bottom: 20px;
}

.scWrap .list-Wrap li {
	padding-left: 2.5em;
	position: relative;
	line-height: 1.3;
}

.scWrap .list-Wrap li+li {
	margin-top: 10px;
}

.scWrap .list-Wrap li::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: solid 2px #7D07BF;
	position: absolute;
	top: 5px;
	left: 1em;
}

@media screen and (max-width: 1000px) {
	.support-contents h3 {
		min-width: 360px;
	}

	.sec-features h3 .tit-dec {
		font-size: 28px;
	}

	.sec-features h3 .tit {
		font-size: 28px;
		margin-top: 20px;
	}

	.support-contents .txWrap p {
		font-size: 20px;
	}

	.sec-features .cardWrp .txWrap p {
		font-size: 20px;
	}

	.scWrap table th {
		width: 180px;
	}

	.scWrap table .tit1 td:nth-of-type(2)::before {
		font-size: 20px;
	}

	.scWrap table td:nth-of-type(2) {
		width: 180px;
	}
}

@media screen and (max-width: 780px) {
	.support-contents h3 {
		min-width: 320px;
	}

	.sec-features h3 .tit-dec {
		font-size: 24px;
	}

	.sec-features h3 .tit {
		font-size: 24px;
		margin-top: 20px;
	}

	.support-contents .txWrap p {
		font-size: 18px;
	}

	.sec-features .cardWrp .txWrap p {
		font-size: 18px;
	}

	.scWrap {
		flex-wrap: wrap;
	}

	.scWrap>li:first-child {
		margin-bottom: 0;
	}

	.scWrap>li {
		width: 100%;
	}

	.scWrap>li+li {
		margin-top: 20px;
	}

	.scWrap table tr {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.scWrap table th,
	.scWrap table td {
		display: block;
		padding: 10px 15px;
	}

	.scWrap table th {
		width: 100%;
		font-size: 22px;
	}

	.scWrap table td:nth-of-type(1) {
		width: calc(100% - 100px);
	}

	.scWrap table td:nth-of-type(2) {
		width: 100px;
		align-self: stretch;
		display: flex;
		align-items: center;
	}

	.scWrap table .tit1 td:nth-of-type(2)::before {
		width: 9em;
	}

	.scWrap table td:nth-of-type(2) img {
		width: 30px;
	}

	.scWrap table .tit1 th,
	.scWrap table .tit2 th {
		border-left: none;
	}

	.scWrap table tr {
		border-left: solid 4px #0055FF;
	}

	.scWrap table tr.tit1,
	.scWrap table tr.last {
		border-left: solid 4px #C254FF;
	}
}

@media screen and (max-width: 680px) {

	.sec-features .cardWrp li,
	.sec-features .cardWrp li:nth-of-type(2n) {
		text-align: center;
		flex-direction: column-reverse;
	}

	.sec-features .cardWrp .imgWrap {
		width: 100%;
	}

	.sec-features .cardWrp .txWrap {
		width: 100%;
		margin-bottom: 40px;
	}

	.support-contents .txWrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.sec-features h3 .tit-dec {
		font-size: 24px;
		font-weight: 700;
	}

	.sec-features h3 .tit {
		font-size: 24px;
		margin-top: 20px;
	}

	.support-contents .txWrap p {
		margin-top: 30px;
		text-align: center;
		width: 100%;
	}

	.sec-features .cardWrp .txWrap p {
		font-size: 18px;
	}

	.support-contents h3 {
		width: 100%;
		min-width: auto;
		text-align: center;
	}

	.scWrap table .tit1 td:nth-of-type(2)::before {
		font-size: 17px;
	}
}

@media screen and (max-width: 480px) {
	.sec-features h3 .tit-dec {
		font-size: 22px;
	}

	.sec-features h3 .tit {
		font-size: 20px;
		margin-top: 20px;
	}

	.sec-features .cardWrp .txWrap p {
		font-size: 16px;
	}

	.scWrap,
	.scWrap>li:first-child,
	.scWrap>li {
		padding: 10px;
		border-radius: 10px;
	}

	.scWrap table td:nth-of-type(1) {
		font-size: 15px;
	}

	.scWrap table .tit1 td:nth-of-type(2)::before {
		font-size: 15px;
		width: 8em;
		padding: 0.2em 0.5em;
	}

	.scWrap table td:nth-of-type(1) {
		width: calc(100% - 70px);
	}

	.scWrap table td:nth-of-type(2) {
		width: 70px;
	}

	.scWrap h4 {
		font-size: 16px;
	}

	.scWrap .list-Wrap li {
		padding-left: 2em;
		font-size: 15px;
	}

	.scWrap .list-Wrap li::before {
		width: 10px;
		height: 10px;
		left: 0.5em;
	}
}

/*----------------------
連携SaaS一覧
-----------------------*/
.sec-saasList {
	background: transparent linear-gradient(180deg, #EEEBFF 0%, #CCDCFF 37%, #C8E8F9 100%) 0% 0% no-repeat padding-box;
	margin-top: -100px;
	padding: 120px 0 200px;
	border-radius: 100px 100px 0px 0px;
}

.sec-saasList .sec-h2 .tit {
	color: #0080FF;
}

.sec-saasList .saas_ic_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 140px;
}

.sec-saasList .saas_ic_list li {
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px;
	background-color: #fff;
	border-radius: 100%;
	overflow: hidden;
}

.sec-saasList .saas_ic_list li img {
	width: 60%;
}

.sec-saasList .saas_ic_list li.plus {
	background-color: #ffffff00;
	position: relative;
}

.sec-saasList .saas_ic_list li.plus::before,
.sec-saasList .saas_ic_list li.plus::after {
	content: "";
	background-color: #0080ff;
}

.sec-saasList .saas_ic_list li.plus::before {
	width: 70%;
	height: 15%;
}

.sec-saasList .saas_ic_list li.plus::after {
	width: 15%;
	height: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sec-saasList h3 {
	font-size: 28px;
	text-align: center;
	color: #9C4BDC;
	margin-bottom: 40px;
}

.sec-saasList .panelWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.sec-saasList .panelWrap li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: calc(50% - 10px);
	background-color: #FFFFFF;
	border-radius: 30px;
	padding: 40px;
	position: relative;
}

.sec-saasList .panelWrap .tit {
	color: #0055FF;
	font-size: 32px;
	font-weight: 700;
}

.sec-saasList .panelWrap .tx span {
	font-size: 30px;
	color: #0055FF;
	font-weight: 700;
}

.sec-saasList .panelWrap .tx .big {
	font-size: 145px;
	line-height: 1;
	font-weight: 900;
	background: transparent linear-gradient(270deg, #4388FF 0%, #47BCFF 100%) 0% 0% no-repeat padding-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec-saasList .panelWrap .tx .big_sub {
	font-size: 80px;
}

.sec-saasList .panelWrap li .notes {
	position: absolute;
	bottom: -2em;
	right: 1.5em;
	color: #0055FF;
	font-size: 14px;
}

@media screen and (max-width: 1000px) {
	.sec-saasList .panelWrap .tit {
		font-size: 24px;
	}

	.sec-saasList .panelWrap .tx span {
		font-size: 24px;
	}

	.sec-saasList .panelWrap .tx .big {
		font-size: 115px;
	}

	.sec-saasList .panelWrap .tx .big_sub {
		font-size: 70px;
	}
}

@media screen and (max-width: 900px) {
	.sec-saasList {
		border-radius: 40px 40px 0px 0px;
		margin-top: -40px;
		padding: 80px 0 80px;
	}

	.sec-saasList .saas_ic_list li {
		width: 70px;
		height: 70px;
		margin: 15px;
	}

	.sec-saasList .panelWrap .tit {
		font-size: 20px;
	}

	.sec-saasList .panelWrap .tx span {
		font-size: 20px;
	}

	.sec-saasList .panelWrap .tx .big {
		font-size: 90px;
	}

	.sec-saasList .panelWrap .tx .big_sub {
		font-size: 50px;
	}
}

@media screen and (max-width: 750px) {
	.sec-saasList .panelWrap {
		flex-wrap: wrap;
	}

	.sec-saasList .panelWrap li {
		width: 100%;
	}

	.sec-saasList .panelWrap li+li {
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px) {
	.sec-saasList .saas_ic_list li {
		width: 60px;
		height: 60px;
		margin: 10px;
	}

}

@media screen and (max-width: 400px) {
	.sec-saasList .saas_ic_list li {
		width: 57px;
		height: 57px;
		margin: 5px;
	}

	.sec-saasList h3 {
		font-size: 20px;
	}

	.sec-saasList .panelWrap li {
		padding: 40px 20px;
	}

	.sec-saasList .panelWrap .tit {
		font-size: 18px;
	}

	.sec-saasList .panelWrap .tx span {
		font-size: 18px;
	}

	.sec-saasList .panelWrap .tx .big {
		font-size: 80px;
	}

	.sec-saasList .panelWrap .tx .big_sub {
		font-size: 40px;
	}
}

/*----------------------
料金プラン
-----------------------*/
.sec-price {
	margin-top: -100px;
	padding: 100px 0 200px;
	border-radius: 100px 100px 0px 0px;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1F2F4 100%) 0% 0% no-repeat padding-box;
}

.sec-price .sec-desc {
	font-weight: 700;
}

.sec-price .docDL-btn {
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: transparent linear-gradient(102deg, #4388FF 0%, #47BCFF 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 20px #73788E40;
	padding: 35px;
	margin: 80px auto;
	border-radius: 30px;
	position: relative;
}

.sec-price .docDL-btn:hover {
	transform: translate(0, -4px);
	box-shadow: 0px 10px 30px #73788E40;
}

.sec-price .docDL-btn::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 77px;
	height: 77px;
	transform: translate(50%, 50%);
	background-color: #FFE554;
	border-radius: 100%;
	background-image: url(/ad/lp_connect/img/ic_dl.png);
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
}

.sec-price .docDL-btn span {
	font-size: 18px;
	background-color: #FFE554;
	text-align: center;
	font-weight: 700;
	border-radius: 5rem;
	margin: auto;
	padding: 0.5em 1.5em;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 17em;
}

.sec-price .docDL-btn img {
	width: 195px;
}

.sec-price .docDL-btn p {
	font-size: 28px;
	color: #fff;
	width: calc(100% - 195px);
	padding: 0 0 0 1em;
	font-weight: 700;
}

.sec-price .panelWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
}

.sec-price .panelWrap li {
	width: calc((100% - 40px) / 3);
	padding: 70px 30px 30px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #73788E40;
	border-radius: 30px;
	position: relative;
	text-align: center;
}

.sec-price .panelWrap .balloon {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(100% - 40px);
	font-size: 18px;
	padding: 0.7em 1em;
	border-radius: 20px;
	line-height: 1.2;
	background-color: #E1E6FF;
	transform: translate(-50%, -50%);
}

.sec-price .panelWrap .balloon::before {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translate(-50%, 100%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 18px solid #E1E6FF;
	border-bottom: 0;
}

.sec-price .panelWrap li:first-child .balloon {
	background-color: #FFE554;
}

.sec-price .panelWrap li:first-child .balloon::before {
	border-top: 18px solid #FFE554;
}

.sec-price .panelWrap .tit {
	font-weight: 700;
	font-size: 28px;
}

.sec-price .panelWrap img {
	width: 100%;
	max-width: 168px;
	margin: auto;
}

.sec-price .panelWrap .btn {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 0.5em 1em;
	background: transparent linear-gradient(104deg, #C378FF 0%, #3863E8 100%) 0% 0% no-repeat padding-box;
	border-radius: 5rem;
}

.sec-price .panelWrap .btn:hover {
	opacity: 0.7;
	transform: translate(0, -2px);
	box-shadow: 0px 2px 5px #73788E40;
}

@media screen and (max-width: 1080px) {
	.sec-price .panelWrap .tit {
		font-size: 22px;
	}

	.sec-price .panelWrap .btn {
		font-size: 18px;
	}

	.sec-price .panelWrap .balloon {
		font-size: 16px;
	}
}

@media screen and (max-width: 1000px) {
	.sec-price {
		margin-top: -40px;
		padding: 80px 0;
		border-radius: 40px 40px 0px 0px;
	}

	.sec-price .docDL-btn::after {
		width: 60px;
		height: 60px;
		background-size: 30px;
		right: 60px;
	}
}

@media screen and (max-width: 900px) {
	.sec-price .panelWrap {
		flex-wrap: wrap;
	}

	.sec-price .panelWrap li {
		min-width: 270px;
		width: calc((100% - 40px) / 2);
		margin: 0 auto 50px;
	}
}

@media screen and (max-width: 640px) {
	.sec-price .docDL-btn {
		padding: 35px 30px 30px;
		border-radius: 20px;
	}

	.sec-price .docDL-btn img {
		width: 170px;
	}

	.sec-price .docDL-btn p {
		font-size: 26px;
		width: calc(100% - 170px);
	}

	.sec-price .panelWrap {
		display: block;
	}
}

@media screen and (max-width: 560px) {
	.sec-price .docDL-btn span {
		font-size: 16px;
	}

	.sec-price .docDL-btn {
		padding: 30px 20px 25px;
	}

	.sec-price .docDL-btn img {
		width: 150px;
	}

	.sec-price .docDL-btn p {
		font-size: 24px;
		width: calc(100% - 150px);
	}

	.sec-price .panelWrap li {
		padding: 55px 20px 20px;
	}

	.sec-price .panelWrap .tit {
		font-size: 20px;
	}

	.sec-price .panelWrap img {
		max-width: 150px;
	}
}

@media screen and (max-width: 500px) {
	.sec-price .docDL-btn span {
		font-size: 15px;
	}

	.sec-price .docDL-btn {
		padding: 30px 15px 22px;
		border-radius: 15px;
	}

	.sec-price .docDL-btn img {
		width: 100px;
	}

	.sec-price .docDL-btn p {
		font-size: 18px;
		width: calc(100% - 100px);
	}

	.sec-price .docDL-btn::after {
		width: 40px;
		height: 40px;
		background-size: 20px;
		right: 40px;
	}

	.sec-price .panelWrap .btn {
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
	.sec-price .panelWrap .balloon {
		font-size: 15px;
	}
}

/*----------------------
導入事例
-----------------------*/
.sec-cs {
	margin-top: -100px;
	padding: 120px 0 80px;
	background: transparent linear-gradient(180deg, #C9E9FF 0%, #B9CCF8 100%) 0% 0% no-repeat padding-box;
	border-radius: 100px;
}

.sec-cs .sec-h2 .tit {
	color: #0080FF;
}

.csWrap {
	margin-top: 90px;
}

.sec-cs .cs-block {
	width: calc(100% - 20px);
	margin-left: auto;
	margin-bottom: 80px;
	display: flex;
	background-color: #FFFFFF;
	border-radius: 30px;
}

.sec-cs .cs-img {
	width: 300px;
	margin-top: -30px;
	margin-left: -20px;
}

.sec-cs .cs-img img {
	border-radius: 30px;
}

.sec-cs .cs-img span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #5F6367;
	text-align: center;
	padding: 0.5em 50px;
}

.sec-cs .cs-tx {
	width: calc(100% - 300px);
	padding: 0 10px 24px 30px;
	margin-top: -30px;
}

.sec-cs .cs-tx .tit {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	position: relative;
	background: transparent linear-gradient(265deg, #4388FF 0%, #47BCFF 100%) 0% 0% no-repeat padding-box;
	border-radius: 5rem;
	padding: 0.5em 1em;
}

.sec-cs .cs-tx .tit::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translate(-70%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 20px solid #47bbff;
	border-left: 0;
}

.sec-cs .cs-tx dl {
	margin-top: 20px;
	padding: 0 10px;
	display: flex;
	align-items: flex-start;
}

.sec-cs .cs-tx dt {
	flex-shrink: 0;
	font-size: 18px;
	font-weight: 700;
	border-radius: 0px 10px;
	padding: 0.2em 0.8em;
}

.sec-cs .cs-tx dl:nth-of-type(1) dt {
	color: #CF92FF;
	border: 1px solid #CF92FF;
}

.sec-cs .cs-tx dl:nth-of-type(2) dt {
	color: #0080FF;
	border: 1px solid #0080FF;
}

.sec-cs .cs-tx dd {
	padding: 0.2em 0.4em 0.2em 1em;
	font-size: 18px;
}

@media screen and (max-width: 1100px) {
	.sec-cs .cs-tx .tit {
		font-size: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.sec-cs {
		margin-top: -40px;
		padding: 80px 0 80px;
		border-radius: 40px 40px 0px 0px;
	}
}

@media screen and (max-width: 800px) {
	.sec-cs .cs-tx .tit {
		font-size: 16px;
	}

	.sec-cs .cs-img {
		width: 250px;
	}

	.sec-cs .cs-tx {
		width: calc(100% - 250px);
		padding: 0 0 24px 20px;
	}

	.sec-cs .cs-tx dl {
		flex-wrap: wrap;
	}

	.sec-cs .cs-tx dt,
	.sec-cs .cs-tx dd {
		font-size: 16px;
	}
}

@media screen and (max-width: 640px) {
	.sec-cs .cs-block {
		flex-wrap: wrap;
		width: 100%;
		border-radius: 20px;
	}

	.sec-cs .cs-img {
		width: calc(100% - 40px);
		margin: -20px auto 30px;
	}

	.sec-cs .cs-img img {
		border-radius: 20px;
	}

	.sec-cs .cs-img span {
		padding: 0.5em 0;
	}

	.sec-cs .cs-tx {
		width: 100%;
		padding: 20px;
	}

	.sec-cs .cs-tx .tit {
		padding: 0.5em 1.5em;
	}

	.sec-cs .cs-tx .tit::before {
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-bottom: 10px solid #45a1ff;
		border-top: 0;
		top: -8px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.sec-cs .cs-tx dl {
		margin-top: 30px;
		padding: 0;
	}

	.sec-cs .cs-tx dt {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		padding: 0.5em 1em;
	}

	.sec-cs .cs-tx dd {
		padding: 0;
	}
}

/*----------------------
導入企業
-----------------------*/
.sec-oc {
	padding: 100px 0;
}

.companySlide li {
	max-width: 200px;
}

@media screen and (max-width: 640px) {
	.companySlide li {
		max-width: 150px;
	}
}