.Header,
.Footer {
	display: none;
}
.solutionsArchive,
.solutionsSingle {
	padding-top: 0;
}
/* -------------------------------------------------------
	アーカイブ
 ------------------------------------------------------- */
.solutionsArchive .spOnly {
	display: none;
}
.solutionsArchive .mainVisual {
	background: url(../images/solutions/top_bg.webp) no-repeat right 0;
	background-size: cover;
	position: relative;
	padding: 32px 3%;
}
.solutionsArchive .mainVisual .mvWrap {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.solutionsArchive .mainVisual .mvWrap .mvWrapTxt {
	width: 50%;
    margin: 0 0 0 auto;
}
.solutionsArchive .mainVisual .mvWrap .label {
	width: 331px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	line-height: 1;
	font-size: 1.125rem;
	color: #55a4ce;
	background: #fff;
	border-radius: 100px;
	margin-bottom: 12px;
}
.solutionsArchive .mainVisual .mvWrap h1 {
	max-width: 533px;
	margin-bottom: 22px;
}
.solutionsArchive .mainVisual .mvWrap .lead {
	font-size: 1.125rem;
	font-size: clamp(1rem,1.25vw,1.125rem);
	line-height: 2;
	margin-bottom: 40px;
	padding-right: 3%;
}
.solutionsArchive .mainVisual .mvWrap .solutionsSearch {
	position: relative;
	margin-bottom: 28px;
}
.solutionsArchive .mainVisual .mvWrap .solutionsSearch input[type="search"] {
	max-width: 570px;
	width: 100%;
	padding: 0 8px 0 40px;
	border-radius: 8px;
	background: #fff;
	font-size: 0.875rem;
	min-height: 40px;
	display: flex;
	align-items: center;
}
.solutionsArchive .mainVisual .mvWrap .solutionsSearch button {
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 14px;
	margin: auto;
}
.solutionsArchive .mainVisual .mvWrap .solutionsKeywords {
	display: flex;
	gap: 10px;
	font-size: 0.8125rem;
	white-space: nowrap;
}
.solutionsArchive .mainVisual .mvWrap .solutionsKeywords dt {
	display: flex;
	align-items: center;
	height: 28px;
}
.solutionsArchive .mainVisual .mvWrap .solutionsKeywords form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.solutionsArchive .mainVisual .mvWrap .solutionsKeywords form button {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	padding: 0 15px;
	min-height: 28px;
	background: #fff;
	border-radius: 100px;
}
.solutionsArchive .mainVisual .mvWrap .solutionsKeywords form button:hover {
	background: #000;
	color: #fff;
}
.solutionsArchive .mainVisual .mvWrap .mvImg {
	width: 48%;
	max-width: 540px;
}
.solutionsArchive .solutionsCategories {
	padding: 36px 3% 0;
	background: #fff;
}
.solutionsArchive .solutionsCategoriesWrap {
	min-height: 54px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 10px;
}
.solutionsArchive .solutionsCategories button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 44px;
	border-radius: 10px 10px 0 0;
	background: #c4c4c4;
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	font-size: clamp(0.8rem,1.25vw,1.125rem);
}
.solutionsArchive .solutionsCategories button.is-active,
.solutionsArchive .solutionsCategories button:hover {
	height: 54px;
	background: #55a4ce;
}
.solutionsArchive .archiveContents {
	padding: 60px 3%;
	background: #dcdcdc;
}
.solutionsArchive .solutionsSearchTitle {
	max-width: 1100px;
	margin: 0 auto 28px;
	font-size: 1.375rem;
}
.solutionsArchive .solutionsNoResults {
	max-width: 1100px;
	margin: 0 auto;
}
.solutionsArchive .archiveContents .archiveMeta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto 28px;
}
.solutionsArchive .archiveContents .archiveMeta .numberTxt {
	font-size: 0.875rem;
}
.solutionsArchive .archiveContents .archiveMeta .numberTxt span {
	font-weight: bold;
	margin-right: 3px;
}
.solutionsArchive .archiveContents .archiveMeta .label {
	width: 208px;
	height: 30px;
	border-radius: 100px;
	background: #fff;
	font-size: 0.875rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.solutionsArchive .archiveContents .archiveMeta .label::before {
	content: "";
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202L15.09%208.26L22%209.27L17%2014.14L18.18%2021.02L12%2017.77L5.82%2021.02L7%2014.14L2%209.27L8.91%208.26L12%202Z%22%20fill%3D%22%23FFBF00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
}
.solutionsArchive .solutionsList {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 22px 20px;
}
.solutionsArchive .solutionsList .box {
	display: flex;
	max-width: 352px;
	width: calc(33% - 22px);
	background: #fff;
	border-radius: 20px;
	border: 1px solid #dadada;
}
.solutionsArchive .solutionsList .box article {
	display: flex;
	flex: 1;
	min-width: 0;
}
.solutionsArchive .solutionsList .box article a {
	display: flex;
	flex: 1;
	min-width: 0;
	flex-direction: column;
	padding: 20px 20px 0;
}
.solutionsArchive .solutionsList .box article a:hover {
	opacity: 0.6;
}
.solutionsArchive .solutionsList .box article .txtWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1rem;
	font-size: clamp(0.8rem,1.11vw,1rem);
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
.solutionsArchive .solutionsList .box article .txtBox {
	width: 46%;
}
.solutionsArchive .solutionsList .box article .imgBox {
	width: 52%;
}
.solutionsArchive .solutionsList .box article .imgBox figure {
	border-radius: 10px;
	border: 2px solid #e0e0e0;
	overflow: hidden;
}
.solutionsArchive .solutionsList .box article .meta {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: auto;
}
.solutionsArchive .solutionsList .box article .meta .serviceName {
	border-radius: 8px 8px 0 0;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	min-height: 36px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
    max-width: 46%;
}
.solutionsArchive .solutionsList .box article .meta .serviceName li {
	margin-bottom: 5px;
}
.solutionsArchive .solutionsList .box article .meta .serviceName li:last-of-type {
	margin-bottom: 0;
}
.solutionsArchive .solutionsList .box article .meta .serviceName img {
    display: block;
    width: auto;
    height: 24px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}
.solutionsArchive .solutionsList .box article .meta .btn {
	border-radius: 4px;
	background: #000;
	width: 95px;
	max-width: 51%;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 0.75rem;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
	padding-right: 10px;
}
.solutionsArchive .solutionsList .box article .meta .btn::after {
	content: "";
	width: 16px;
	height: 16px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M6%2012L10%208L6%204%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	mask-repeat: no-repeat;
	mask-size: contain;
	background: #fff;
	position: absolute;
	right: 0;
	top: 1px;
	bottom: 0;
	margin: auto;
}
.solutionsArchive .pagination {
	padding: 28px 3% 0;
}
.solutionsArchive .pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.solutionsArchive .pagination span,
.solutionsArchive .pagination a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	font-size: 1.125rem;
	font-weight: bold;
	color: #c4c4c4;
}
.solutionsArchive .pagination span,
.solutionsArchive .pagination a:hover {
	background: #55a4ce;
	color: #fff;
} 
.solutionsArchive .pagination .next,
.solutionsArchive .pagination .prev {
	display: none;
}
@media only screen and (max-width: 767px) {
	.solutionsArchive .pcOnly {
		display: none;
	}
	.solutionsArchive .spOnly {
		display: block;
	}
	.solutionsArchive .mainVisual {
		background: url(../images/solutions/top_bg_sp.webp) no-repeat 0 0;
		background-size: cover;
		position: relative;
		padding: 8.6% 0;
	}
	.solutionsArchive .mainVisual .mvWrap {
		max-width: none;
		display: block;
	}
	.solutionsArchive .mainVisual .mvWrap .mvWrapTxt {
		width: 100%;
	}
	.solutionsArchive .mainVisual .mvWrap .label {
		width: 94%;
		height: 10.17vw;
		font-size: 4.58vw;
		margin: 0 auto 3%;
	}
	.solutionsArchive .mainVisual .mvWrap h1 {
		max-width: 87.5%;
		margin: 0 auto 5%;
	}
	.solutionsArchive .mainVisual .mvWrap .lead {
		font-size: 4.58vw;
		margin: 0 6% 4%;
		padding-right: 0;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsSearch {
		width: 86.6%;
		margin: 0 auto 5.4%;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsSearch input[type="search"] {
		max-width: none;
		padding: 0 2.03vw 0 10.17vw;
		font-size: 3.56vw;
		min-height: 10.17vw;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsSearch button {
		left: 3.56vw;
		width: 4.07vw;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsKeywords {
		width: 86.6%;
		margin: 0 auto;
		font-size: 3.3vw;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsKeywords dt {
		height: 7.12vw;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsKeywords form {
		gap: 2.54vw;
	}
	.solutionsArchive .mainVisual .mvWrap .solutionsKeywords form button {
		padding: 0 3.81vw;
		min-height: 7.12vw;
	}
	.solutionsArchive .mainVisual .mvWrap .mvImg {
		width: 88.1%;
		max-width: none;
		margin: 0 auto 10%;
	}
	.solutionsArchive .solutionsCategories {
		padding: 5.5% 4.2%;
		display: block;
		margin: 10% 6%;
		border-radius: 20px;
	}
	.solutionsArchive .solutionsCategoriesWrap {
		min-height: 0;
		display: block;
	}
	.solutionsArchive .solutionsCategories button {
		width: 100%;
		height: 12.72vw;
		justify-content: flex-start;
		border-radius: 0;
		background: none;
		color: #000;
		font-size: 4.07vw;
		position: relative;
		border-bottom: 1px solid #eeeeeb;
	}
	.solutionsArchive .solutionsCategories button.is-active,
	.solutionsArchive .solutionsCategories button:hover {
		height: 12.72vw;
		padding: 0 3%;
		border-radius: 5px;
	}
	.solutionsArchive .solutionsCategories button::after {
		content: "";
		width: 6.1vw;
		height: 6.1vw;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat;
		background-size: contain;
	}
	.solutionsArchive .archiveContents {
		padding: 7% 6% 15%;
	}
	.solutionsArchive .solutionsSearchTitle {
		max-width: none;
		margin: 0 auto 7%;
		font-size: 5.59vw;
	}
	.solutionsArchive .solutionsNoResults {
		font-size: 4.07vw;
		max-width: none;
	}
	.solutionsArchive .archiveContents .archiveMeta {
		max-width: none;
		margin: 0 auto 7.5%;
		display: block;
	}
	.solutionsArchive .archiveContents .archiveMeta .numberTxt {
		font-size: 3.56vw;
	}
	.solutionsArchive .archiveContents .archiveMeta .numberTxt span {
		margin-right: 0.76vw;
	}
	.solutionsArchive .archiveContents .archiveMeta .label {
		width: 52.92vw;
		height: 7.63vw;
		font-size: 3.56vw;
		gap: 1.27vw;
		margin-top: 2%;
	}
	.solutionsArchive .archiveContents .archiveMeta .label::before {
		content: "";
		width: 6.1vw;
		height: 6.1vw;
	}
	.solutionsArchive .solutionsList {
		max-width: none;
		gap: 0;
	}
	.solutionsArchive .solutionsList .box {
		max-width: none;
		width: 100%;
		margin-bottom: 6%;
	}
	.solutionsArchive .solutionsList .box:last-of-type {
		margin-bottom: 0;
	}
	.solutionsArchive .solutionsList .box article a {
		padding: 6% 6% 0;
	}
	.solutionsArchive .solutionsList .box article .txtWrap {
		font-size: 4.07vw;
		margin-bottom: 6.5%;
	}
	.solutionsArchive .solutionsList .box article .meta .serviceName {
		min-height: 9.16vw;
		padding: 0 2.54vw;
	}
	.solutionsArchive .solutionsList .box article .meta .serviceName li {
		margin-bottom: 2%;
	}
	.solutionsArchive .solutionsList .box article .meta .serviceName img {
		height: 6.1vw;
	}
	.solutionsArchive .solutionsList .box article .meta .btn {
		width: 24.17vw;
		max-width: none;
		height: 6.61vw;
		font-size: 3.05vw;
		margin-bottom: 3.5%;
		padding-right: 3vw;
	}
	.solutionsArchive .solutionsList .box article .meta .btn::after {
		width: 4.07vw;
		height: 4.07vw;
	}
	.solutionsArchive .pagination {
		padding: 7.5% 6% 0;
	}
	.solutionsArchive .pagination .nav-links {
		gap: 2.54vw;
		flex-wrap: wrap;
	}
	.solutionsArchive .pagination span,
	.solutionsArchive .pagination a {
		width: 10.17vw;
		height: 10.17vw;
		font-size: 4.58vw;
	}
}
/* -------------------------------------------------------
	詳細ページ
 ------------------------------------------------------- */
/* ---------- Main Visual --------- */
.solutionsSingle .spOnly {
	display: none;
}
.solutionsSingle .mainVisual {
	background: url(../images/solutions/mv_bg.webp) no-repeat;
	background-size: cover;
	position: relative;
	padding: 0 3% 50px;
}
.solutionsSingle .mainVisual .label {
	margin: 0 auto;
	max-width: 1300px;
}
.solutionsSingle .mainVisual .label p {
	display: flex;
	width: 200px;
	height: 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-size: 1.125rem;
	border-radius: 0 0 5px 5px;
	background: #000;
	font-weight: 600;
}
.solutionsSingle .mainVisual h1 {
	text-align: center;
	font-size: 3em;
	font-weight: 800;
	color: #fff;
	line-height: 1.5;
	font-family: "Noto Sans JP", sans-serif;
	margin: 38px 0 34px;
}
.solutionsSingle .mainVisual .mvLead {
	max-width: 964px;
	margin: 0 auto 34px;
	display: flex;
	justify-content: space-between;
}
.solutionsSingle .mainVisual .mvLead .mainLead {
	font-size: 1.125rem;
	line-height: 2;
	max-width: 457px;
	width: 48%;
}
.solutionsSingle .mainVisual .mvLead .mvCard {
	max-width: 460px;
	width: 50%;
}
.solutionsSingle .mainVisual .mvLead .mvCard ul {
	display: flex;
	gap: 4.3%;
	align-items: center;
}
.solutionsSingle .mainVisual .mvLead .mvCard li {
	background: #fff;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
	display: flex;
	gap: 10px;
	height: 120px;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 20px;
	width: 100%;
	text-align: center;
}
.solutionsSingle .mainVisual .mvLead .mvCard li::before {
	content: "";
	position: absolute;
	right: 0;
	width: 36px;
	height: 36px;
	top: 0;
	background: url(../images/solutions/card_bg.webp) no-repeat;
	background-size: contain;
}
.solutionsSingle .mainVisual .mvLead .mvCard li p {
	text-underline-position: from-font;
	text-decoration-color: #ffbf00;
	text-decoration-thickness: 20%;
	text-decoration-style: solid;
	line-height: 32px;
	text-decoration-line: underline;
	font-size: 1.125rem;
	font-size: clamp(1rem,1.25vw,1.125rem);
	font-weight: bold;
	width: 100%;
}
.solutionsSingle .mainVisual .btn {
	max-width: 280px;
	margin: 0 auto;
}
.solutionsSingle .mainVisual .btn a {
	position: relative;
	background: #ffbf00;
	border: 2px solid #ffbf00;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	width: 100%;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsSingle .mainVisual .btn a:hover {
	background: #fff;
}
.solutionsSingle .mainVisual .btn a::after {
	content: "";
	width: 24px;
	height: 24px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #000;
	top: 0;
	bottom: 0;
	right: 14px;
	position: absolute;
	margin: auto;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .pcOnly {
		display: none;
	}
	.solutionsSingle .spOnly {
		display: block;
	}
	.solutionsSingle .mainVisual {
		background: url(../images/solutions/mv_bg_sp.webp) no-repeat;
		background-size: cover;
		padding: 0 6% 13.5%;
	}
	.solutionsSingle .mainVisual .label {
		max-width: none;
	}
	.solutionsSingle .mainVisual .label p {
		width: 50.89vw;
		height: 10.17vw;
		font-size: 4.58vw;
		margin: 0 auto;
	}
	.solutionsSingle .mainVisual h1 {
		font-size: 9.16vw;
		margin: 11% 0;
		text-align: left;
	}
	.solutionsSingle .mainVisual h1.noneBreak br {
		display: none;
	}
	.solutionsSingle .mainVisual .mvLead {
		max-width: none;
		margin: 0 auto 9.8%;
		display: block;
	}
	.solutionsSingle .mainVisual .mvLead .mainLead {
		font-size: 4.58vw;
		max-width: none;
		width: 100%;
		margin-bottom: 11.4%;
	}
	.solutionsSingle .mainVisual .mvLead .mvCard {
		max-width: none;
		width: 100%;
	}
	.solutionsSingle .mainVisual .mvLead .mvCard ul {
		gap: 3.8vw;
	}
	.solutionsSingle .mainVisual .mvLead .mvCard li {
		gap: 0;
		height: 22.9vw;
		border-radius: 14px;
		max-width: none;
	}
	.solutionsSingle .mainVisual .mvLead .mvCard li::before {
		width: 5.34vw;
		height: 5.34vw;
	}
	.solutionsSingle .mainVisual .mvLead .mvCard li p {
		line-height: 1.78;
		font-size: 3.41vw;
	}
	.solutionsSingle .mainVisual .btn {
		max-width: 71.24vw;
	}
	.solutionsSingle .mainVisual .btn a {
		height: 12.72vw;
		font-size: 4.58vw;
	}
	.solutionsSingle .mainVisual .btn a::after {
		width: 6.1vw;
		right: 3.5vw;
	}
}
/* ---------- Before After ---------- */
.solutionsSingle h2.lineTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.25rem;
	font-weight: bold;
	gap: 20px;
}
.solutionsSingle h2.lineTitle::before,
.solutionsSingle h2.lineTitle::after {
	content: "";
	width: 40px;
	min-width: 40px;
	height: 16px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2216%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2016%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20mask%3A%20url(%23mask)%3B%20%7D%20.st1%20%7B%20fill%3A%20%23d9d9d9%3B%20%7D%20%3C%2Fstyle%3E%20%3Cmask%20id%3D%22mask%22%20x%3D%22-21.70843%22%20y%3D%22-6.70057%22%20width%3D%2282.70654%22%20height%3D%2233.70654%22%20maskUnits%3D%22userSpaceOnUse%22%3E%20%3Cg%20id%3D%22mask0_72_2051%22%3E%20%3Crect%20class%3D%22st1%22%20x%3D%22-.00147%22%20y%3D%22.00626%22%20width%3D%2240%22%20height%3D%2216%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fmask%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22st0%22%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M-21.0014%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM-18.9389%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-16.1889%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-13.4389%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-10.6889%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-7.9389%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-5.1889%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-2.4389%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM.3111%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM3.0611%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM5.8111.19396l-.70703-.70703%2C1.375-1.375.70703.70703L5.8111.19396ZM8.5611-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM11.3111-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M-14.0014%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM-11.9389%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-9.1889%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-6.4389%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-3.6889%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-.9389%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM1.8111%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM4.5611%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM7.3111%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM10.0611%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM12.8111.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM15.5611-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM18.3111-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M-7.0014%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM-4.9389%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM-2.1889%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM.5611%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM3.3111%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM6.0611%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM8.8111%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM11.5611%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM14.3111%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM17.0611%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM19.8111.19396l-.70703-.70703%2C1.375-1.375.70752.70703-1.37549%2C1.375ZM22.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM25.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M-.0014%2C27.00597l-.70703-.70703.6875-.6875.70703.70703L-.0014%2C27.00597ZM2.0611%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM4.8111%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM7.5611%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM10.3111%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM13.0611%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM15.8111%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM18.5611%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM21.31061%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM24.06061%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM26.81061.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM29.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM32.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M6.9986%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM9.0611%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM11.8111%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM14.5611%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM17.3111%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM20.0611%2C13.94347l-.70703-.70703%2C1.37451-1.375.70703.70703-1.37451%2C1.375ZM22.81061%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM25.56061%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM28.31061%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM31.06061%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM33.81061.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM36.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM39.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M13.9986%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM16.0611%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM18.8111%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM21.56061%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM24.31061%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM27.06061%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM29.81061%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM32.56061%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM35.31061%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM38.06061%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM40.81061.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM43.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM46.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M20.99909%2C27.00597l-.70752-.70703.68701-.6875.70703.70703-.68652.6875ZM23.06061%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM25.81061%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM28.56061%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM31.31061%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM34.06061%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM36.81061%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM39.56061%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM42.31061%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM45.06061%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM47.81061.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM50.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM53.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3Cpath%20d%3D%22M27.99811%2C27.00597l-.70703-.70703.6875-.6875.70703.70703-.6875.6875ZM30.06061%2C24.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM32.81061%2C22.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM35.56061%2C19.44347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM38.31061%2C16.69347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM41.06061%2C13.94347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM43.81061%2C11.19347l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM46.56061%2C8.44396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM49.31061%2C5.69396l-.70703-.70703%2C1.375-1.37549.70703.70703-1.375%2C1.37549ZM52.06061%2C2.94396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM54.81061.19396l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM57.56061-2.55604l-.70703-.70703%2C1.375-1.375.70703.70703-1.375%2C1.375ZM60.31061-5.30604l-.70703-.70703.6875-.6875.70703.70703-.6875.6875Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #000;
}
.solutionsSingle .beforeAfter {
	padding: 60px 3%;
	background: #fff;
}
.solutionsSingle .beforeAfter h2 {
	margin-bottom: 28px;
}
.solutionsSingle .beforeAfter .beforeAfterImg {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 5px;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box {
	max-width: 525px;
	border-radius: 20px;
	padding: 0 2rem 30px;
	width: 100%;
	position: relative;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box h3 {
	max-width: 440px;
	margin: 0 auto 18px;
	border-radius: 0 0 20px 20px;
	padding: 6px 0;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 2;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box .enTitle {
	font-size: 3rem;
	color: #fff;
	position: absolute;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.024em;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box .lead {
	max-width: 440px;
	margin: 0 auto;
	font-size: 0.875rem;
	line-height: 1.85714;
	position: relative;
	z-index: 2;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box figure {
	max-width: 440px;
	margin: 10px auto 20px;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 2;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box dl {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 0.8125rem;
	position: relative;
	z-index: 2;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box dt {
	white-space: nowrap;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box dd li {
	display: inline-flex;
	padding: 4px 15px;
	background: #fff;
	border-radius: 100px;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.before {
	background: #ebebeb;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.before h3 {
	background: #a4a193;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.before .enTitle {
	rotate: -90deg;
	right: -1.36em;
	top: 1.6em;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.before dd li {
	color: #ee0827;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.after {
	background: #d6effb;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.after h3 {
	background: #55a4ce;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.after dd li {
	color: #0060de;
}
.solutionsSingle .beforeAfter .beforeAfterImg .box.after .enTitle {
	rotate: 90deg;
	left: -0.95em;
	bottom: 1.4em;
}
.solutionsSingle .beforeAfter .beforeAfterImg .boxArrow {
	display: flex;
	align-items: center;
	min-width: 40px;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle h2.lineTitle {
		display: block;
		font-size: 6.87vw;
		line-height: 1.33;
		text-align: center;
		font-feature-settings: "palt";
	}
	.solutionsSingle h2.lineTitle::before {
		display: none;
	}
	.solutionsSingle h2.lineTitle::after {
		width: 10.17vw;
		min-width: 10.17vw;
		height: 4.07vw;
		margin: 5.5% auto 0;
		display: block;
	}
	.solutionsSingle .beforeAfter {
		padding: 15.5% 0;
	}
	.solutionsSingle .beforeAfter h2 {
		margin: 0 3% 6.7%;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg {
		max-width: none;
		display: block;
		margin: 0 6%;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box {
		max-width: none;
		padding: 0 0 6.5%;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box h3 {
		max-width: none;
		margin: 0 8% 5.5%;
		padding: 1.6% 0;
		font-size: 5.59vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box .enTitle {
		font-size: 9.16vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box .lead {
		max-width: none;
		font-size: 3.56vw;
		margin: 0 8%;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box figure {
		max-width: none;
		margin: 2.5% 8% 5%;
		border-radius: 13px;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box dl {
		gap: 1.6vw;
		font-size: 2.48vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box dd ul {
		gap: 1.6vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box dd li {
		padding: 0.8vw 3vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box.before .enTitle {
		right: -12.5vw;
		top: 15.5vw;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .box.after .enTitle {
		left: -0.95em;
		bottom: 1.4em;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .boxArrow {
		min-width: 10.17vw;
		justify-content: center;
		margin: 1.4% 0;
	}
	.solutionsSingle .beforeAfter .beforeAfterImg .boxArrow figure img {
		width: 100%;
	}
}
/* ----------- こんな〇〇の悩み、ありませんか？ ----------- */
.solutionsSingle .worries {
	padding: 60px 3%;
	background: #dcdcdc;
}
.solutionsSingle .worries h2 {
	margin-bottom: 45px;
}
.solutionsSingle .worries .worriesList {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 20px;
}
.solutionsSingle .worries .worriesList .box {
	background: #fff;
	border-radius: 20px;
	padding: 30px 18px 20px;
	max-width: 260px;
}
.solutionsSingle .worries .worriesList .box figure {
	margin: 0 auto 15px;
	max-width: 160px;
}
.solutionsSingle .worries .worriesList .box h3 {
	font-weight: bold;
	font-size: 1.125rem;
	margin-bottom: 10px;
}
.solutionsSingle .worries .worriesList .box p {
	font-size: 0.875rem;
	line-height: 1.85714;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .worries {
		padding: 15.5% 6%;
	}
	.solutionsSingle .worries h2 {
		margin-bottom: 8.8%;
	}
	.solutionsSingle .worries .worriesList {
		max-width: none;
		display: block;
	}
	.solutionsSingle .worries .worriesList .box {
		padding: 9% 6% 5.5%;
		margin-bottom: 6.3%;
		max-width: none;
	}
	.solutionsSingle .worries .worriesList .box:last-of-type {
		margin-bottom: 0;
	}
	.solutionsSingle .worries .worriesList .box figure {
		margin: 0 auto 6%;
		max-width: 40.71vw;
	}
	.solutionsSingle .worries .worriesList .box h3 {
		font-size: 4.58vw;
		margin-bottom: 2.2%;
	}
	.solutionsSingle .worries .worriesList .box p {
		font-size: 3.56vw;
	}
}
/* ---------- kintone連携サービスでできること ---------- */
.solutionsSingle .service {
	padding: 60px 3%;
	background: #fff;
}
.solutionsSingle .service .lead {
	margin: 27px 0;
	font-size: 1.125rem;
	text-align: center;
}
.solutionsSingle .service .serviceList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	max-width: 1100px;
	margin: 0 auto;
}
.solutionsSingle .service .serviceList .box {
	max-width: 540px;
	width: calc(50% - 10px);
	border-radius: 20px;
	border: 2px solid #55a4ce;
	padding: 18px 25px;
}
.solutionsSingle .service .serviceList .box h3 {
	font-size: 1.25rem;
	font-weight: bold;
	display: flex;
	gap: 10px;
	margin-bottom: 8px;
}
.solutionsSingle .service .serviceList .box h3::before {
	content: "";
	width: 24px;
	height: 18px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%209L9%2015L21%203%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23FFBF00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
	position: relative;
	top: 6px;
}
.solutionsSingle .service .serviceList .box p {
	font-size: 0.875rem;
	line-height: 1.85714;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .service {
		padding: 21.8% 6% 13%;
	}
	.solutionsSingle .service .lead {
		margin: 10.5% 0 11%;
		font-size: 4.58vw;
		text-align: left;
	}
	.solutionsSingle .service .serviceList {
		display: block;
		max-width: none;
	}
	.solutionsSingle .service .serviceList .box {
		max-width: none;
		width: 100%;
		padding: 6% 6% 5.5%;
		margin-bottom: 6%;
	}
	.solutionsSingle .service .serviceList .box:last-of-type {
		margin-bottom: 0;
	}
	.solutionsSingle .service .serviceList .box h3 {
		font-size: 5.08vw;
		margin-bottom: 2.2%;
	}
	.solutionsSingle .service .serviceList .box h3::before {
		width: 6.1vw;
		height: 4.58vw;
		top: 6px;
	}
	.solutionsSingle .service .serviceList .box p {
		font-size: 3.56vw;
	}
}
/* ---------- 〇〇とは（サービス紹介）---------- */
.solutionsSingle .aboutService {
	padding: 46px 3%;
	position: relative;
}
.solutionsSingle .aboutService::before,
.solutionsSingle .aboutService::after {
	content: "";
  width: min(10vw,128px);
  height: min(10vw,128px);
  background: #fff;
	position: absolute;
}
.solutionsSingle .aboutService::before {
	top: -1px;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.solutionsSingle .aboutService::after {
	bottom: -1px;
	right: 0;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.solutionsSingle .aboutService .aboutServiceBox {
	max-width: 1100px;
	margin: 0 auto 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 2;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt {
	width: 46%;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt h2 {
	margin-bottom: 30px;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt .lead {
	font-size: 1.125rem;
	line-height: 2;
	margin-bottom: 28px;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li::before {
	content: "";
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12%2022C17.523%2022%2022%2017.523%2022%2012C22%206.477%2017.523%202%2012%202C6.477%202%202%206.477%202%2012C2%2017.523%206.477%2022%2012%2022Z%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M9%2012L11%2014L15%2010%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
	position: relative;
	top: 4px;
}
.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li p {
	font-size: 1.32rem;
	font-weight: bold;
	line-height: 1.45;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-color: #FFBF00;
	text-decoration-thickness: 20%;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.solutionsSingle .aboutService .aboutServiceBox .serviceImg {
	max-width: 568px;
	width: 52%;
}
.solutionsSingle .aboutService.formbridge {
	background: #d6effb;
}
.solutionsSingle .aboutService.formbridge h2 {
	max-width: 470px;
}
.solutionsSingle .aboutService.kviewer {
	background: #dcf2ef;
}
.solutionsSingle .aboutService.kviewer h2 {
	max-width: 370px;
}
.solutionsSingle .aboutService.kmailer {
	background: #dcf2e2;
}
.solutionsSingle .aboutService.kmailer h2 {
	max-width: 355px;
}
.solutionsSingle .aboutService.printcreator {
	background: #e9f5d1;
}
.solutionsSingle .aboutService.printcreator h2 {
	max-width: 500px;
}
.solutionsSingle .aboutService.datacollect {
	background: #fbecd6;
}
.solutionsSingle .aboutService.datacollect h2 {
	max-width: 488px;
}
.solutionsSingle .aboutService.datacollect {
	background: #fbecd6;
}
.solutionsSingle .aboutService.kbackup {
	background: #fbe4da;
}
.solutionsSingle .aboutService.kbackup h2 {
	max-width: 390px;
}
.solutionsSingle .aboutService.aicamera {
	background: #dfdefd;
}
.solutionsSingle .aboutService.aicamera h2 {
	max-width: 312px;
}
.solutionsSingle .aboutService .btn {
	max-width: 1100px;
	margin: 0 auto;
}
.solutionsSingle .aboutService .btn a {
	max-width: 280px;
	margin: 0 auto;
	position: relative;
	background: #ffbf00;
	border: 2px solid #ffbf00;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	width: 100%;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsSingle .aboutService .btn a:hover {
	background: #fff;
}
.solutionsSingle .aboutService .btn a::after {
	content: "";
	width: 24px;
	height: 24px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #000;
	top: 0;
	bottom: 0;
	right: 14px;
	position: absolute;
	margin: auto;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .aboutService {
		padding: 20.2% 6%;
	}
	.solutionsSingle .aboutService::before,
	.solutionsSingle .aboutService::after {
		width: 21.37vw;
		height: 21.37vw;
	}
	.solutionsSingle .aboutService .aboutServiceBox {
		max-width: none;
		margin: 0 auto 10.5%;
		display: block;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt {
		width: 100%;
		margin-bottom: 20.5%;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt h2 {
		margin-bottom: 12%;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt .lead {
		font-size: 4.58vw;
		margin-bottom: 12.5%;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li {
		gap: 2.54vw;
		margin-bottom: 3.2%;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li::before {
		width: 6.1vw;
		height: 6.1vw;
	}
	.solutionsSingle .aboutService .aboutServiceBox .aboutServiceTxt li p {
		font-size: 5.59vw;
	}
	.solutionsSingle .aboutService .aboutServiceBox .serviceImg {
		max-width: none;
		width: 100%;
	}
	.solutionsSingle .aboutService.formbridge h2 {
		max-width: 77.73vw;
	}
	.solutionsSingle .aboutService.kviewer h2 {
		max-width: 61.06vw;
	}
	.solutionsSingle .aboutService.kmailer h2 {
		max-width: 58.52vw;
	}
	.solutionsSingle .aboutService.printcreator h2 {
		max-width: 82.69vw;
	}
	.solutionsSingle .aboutService.datacollect h2 {
		max-width: 80.4vw;
	}
	.solutionsSingle .aboutService.kbackup h2 {
		max-width: 64.37vw;
	}
	.solutionsSingle .aboutService.aicamera h2 {
		max-width: 51.39vw;
	}
	.solutionsSingle .aboutService .btn {
		max-width: none;
	}
	.solutionsSingle .aboutService .btn a {
		max-width: 71.24vw;
		height: 12.72vw;
		font-size: 4.58vw;
	}
	.solutionsSingle .aboutService .btn a::after {
		width: 6.1vw;
		height: 6.1vw;
		right: 3.5vw;
	}
}
/* ---------- 導入事例 ---------- */
.solutionsSingle .introduction {
	padding: 60px 3%;
	background: #fff;
}
.solutionsSingle .introduction .introductionExample {
	max-width: 1100px;
	margin: 0 auto 60px;
}
.solutionsSingle .introduction .introductionExample .label {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 200px;
	min-height: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	background: #000;
	border-radius: 100px;
	margin-bottom: 30px;
}
.solutionsSingle .introduction .introductionExampleTxt {
	display: flex;
	justify-content: space-between;
}
.solutionsSingle .introduction .introductionExampleTxt .imgBox {
	width: 47%;
	max-width: 516px;
}
.solutionsSingle .introduction .introductionExampleTxt .imgBox p {
	margin-top: 15px;
	font-size: 0.8125rem;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox {
	width: 50%;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox h2 {
	font-weight: bold;
	font-size: 1.875rem;
	line-height: 1.46667;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox .lead {
	font-size: 1.125rem;
	line-height: 2;
	margin: 20px 0;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard {
	display: flex;
	gap: min(1.5vw,20px);
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box {
	border-radius: 10px;
	background: #55a4ce;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 168px;
	width: 100%;
	text-align: center;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box p {
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	font-size: clamp(0.8125rem,1.25vw,1.125rem);
	line-height: 1.56;
}
.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box p span {
	display: inline-block;
	font-size: 1.75rem;
	font-size: clamp(1.5rem,1.94vw,1.75rem);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: #ffbf00;
	text-decoration-thickness: 20%;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.solutionsSingle .introduction .btn {
	max-width: 1100px;
	margin: 40px auto 0;
}
.solutionsSingle .introduction .btn a {
	max-width: 220px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border: 2px solid #000;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	width: 100%;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsSingle .introduction .btn a:hover {
	background: #000;
	color: #fff;
}
.solutionsSingle .introduction .btn a::after {
	content: "";
	width: 24px;
	height: 24px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #000;
	top: 0;
	bottom: 0;
	right: 14px;
	position: absolute;
	margin: auto;
}
.solutionsSingle .introduction .btn a:hover::after {
	background: #fff;
}
.solutionsSingle .introduction .introductionModel {
	max-width: 1100px;
	margin: 0 auto;
	border-top: 1px solid #000;
	padding-top: 60px;
}
.solutionsSingle .introduction .introductionModel h2 {
	margin-bottom: 28px;
}
.solutionsSingle .introduction .introductionModel .lead {
	font-size: 1.125rem;
	margin-bottom: 28px;
	text-align: center;
}
.solutionsSingle .introduction .introductionModel .modelList {
	display: flex;
	justify-content: center;
	gap: 22px;
}
.solutionsSingle .introduction .introductionModel .modelList .box {
	width: 100%;
	border-radius: 20px;
	border: 2px solid #dadada;
	padding: 2px 2px 10px;
	max-width: 50%;
}
.solutionsSingle .introduction .introductionModel .modelList .box h3 {
	text-align: center;
	color: #fff;
	font-size: 1.125rem;
	border-radius: 16px 16px 0 0;
	background: #55a4ce;
	font-weight: bold;
	padding: 3px 0;
}
.solutionsSingle .introduction .introductionModel .modelList .box .details {
	padding: 0 20px;
}
.solutionsSingle .introduction .introductionModel .modelList .box .serviceName {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 14px 0 15px;
	gap: 8px;
}
.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li {
	color: #b6b6b6;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li .formbridge {
	max-width: 118px;
}
.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li .kinton {
	max-width: 86px;
}
.solutionsSingle .introduction .introductionModel .modelList .box .price {
	text-align: center;
	font-weight: bold;
	font-size: 1.375rem;
	margin-bottom: 15px;
	line-height: 1;
}
.solutionsSingle .introduction .introductionModel .modelList .box .price .t1 {
	font-size: 0.8125rem;
}
.solutionsSingle .introduction .introductionModel .modelList .box .price .unit {
	font-size: 0.75rem;
	font-weight: normal;
	display: inline-block;
}
.solutionsSingle .introduction .introductionModel .modelList .box .features {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.875rem;
	gap: 15px;
}
.solutionsSingle .introduction .introductionModel .modelList .box .features dt {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 26px;
	line-height: 1;
	background: #000;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .introduction {
		padding: 16.5% 6%;
	}
	.solutionsSingle .introduction .introductionExample {
		max-width: none;
		margin: 0 auto 17.3%;
	}
	.solutionsSingle .introduction .introductionExample .label {
		max-width: 50.89vw;
		min-height: 10.17vw;
		font-size: 4.58vw;
		margin-bottom: 8.8%;
	}
	.solutionsSingle .introduction .introductionExampleTxt {
		display: block;
	}
	.solutionsSingle .introduction .introductionExampleTxt .imgBox {
		width: 100%;
		max-width: none;
		margin-bottom: 12%;
	}
	.solutionsSingle .introduction .introductionExampleTxt .imgBox p {
		margin-top: 4%;
		font-size: 3.33vw;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox {
		width: 100%;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox h2 {
		font-size: 6.87vw;
		line-height: 1.33;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox h2 br {
		display: none;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox .lead {
		font-size: 4.58vw;
		margin: 6% 0;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard {
		gap: 3.2vw;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box {
		min-height: 26.97vw;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box p {
		font-size: 2.88vw;
	}
	.solutionsSingle .introduction .introductionExampleTxt .txtBox .exampleCard .box p span {
		font-size: 4.49vw;
	}
	.solutionsSingle .introduction .btn {
		max-width: none;
		margin: 14.4% auto 0;
	}
	.solutionsSingle .introduction .btn a {
		max-width: 55.97vw;
		height: 12.72vw;
		font-size: 4.58vw;
	}
	.solutionsSingle .introduction .btn a::after {
		width: 6.1vw;
		height: 6.1vw;
		right: 3.5vw;
	}
	.solutionsSingle .introduction .introductionModel {
		max-width: none;
		padding-top: 17.3%;
	}
	.solutionsSingle .introduction .introductionModel h2 {
		margin-bottom: 9%;
	}
	.solutionsSingle .introduction .introductionModel .lead {
		font-size: 4.58vw;
		margin-bottom: 11.8%;
		text-align: left;
	}
	.solutionsSingle .introduction .introductionModel .modelList {
		display: block;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box {
		padding: 2px 2px 3%;
		margin-bottom: 5.8%;
		max-width: none;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box:last-of-type {
		margin-bottom: 0;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box h3 {
		font-size: 4.58vw;
		padding: 0.8% 0;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .details {
		padding: 0 6%;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .serviceName {
		margin: 3.5% 0 7%;
		gap: 1.27vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li {
		font-size: 4.58vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li .formbridge {
		max-width: 29.89vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .serviceName li .kinton {
		max-width: 21.88vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .price {
		font-size: 5.59vw;
		margin-bottom: 4.5%;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .price .t1 {
		font-size: 3.3vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .price .unit {
		font-size: 3.05vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .features {
		font-size: 3.56vw;
		gap: 3.81vw;
	}
	.solutionsSingle .introduction .introductionModel .modelList .box .features dt {
		min-width: 12.21vw;
		height: 6.61vw;
	}
}
/* ---------- 無料お試しの流れ ---------- */
.solutionsSingle .step3 {
	padding: 60px 3%;
	background: #55a4ce;
}
.solutionsSingle .step3 h2 {
	color: #fff;
	margin-bottom: 40px;
}
.solutionsSingle .step3 h2::before,
.solutionsSingle .step3 h2::after  {
	background: #fff;
}
.solutionsSingle .step3 .lead {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.75rem;
	color: #fff;
	font-weight: bold;
	gap: 20px;
	letter-spacing: 0.04em;
	margin-bottom: 40px;
}
.solutionsSingle .step3 .lead span {
	font-size: 2.25rem;
	margin: 0 2px;
}
.solutionsSingle .step3 .lead::before,
.solutionsSingle .step3 .lead::after {
	content: "";
	width: 120px;
	height: 2px;
	background: #fff;
}
.solutionsSingle .step3 .stepList {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	gap: 11px;
}
.solutionsSingle .step3 .stepList .box {
	width: 100%;
	max-width: 312px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
}
.solutionsSingle .step3 .stepList .box .stepTitle {
	display: flex;
	font-size: 1.375rem;
	font-size: clamp(1.1rem,1.52vw,1.375rem);
	font-weight: bold;
	gap: 10px;
	margin-bottom: 10px;
}
.solutionsSingle .step3 .stepList .box .stepTitle .number {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 1.125rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ffbf00;
}
.solutionsSingle .step3 .stepList .box .stepTitle .txt {
	position: relative;
	top: 5px;
}
.solutionsSingle .step3 .stepList .box .details {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.solutionsSingle .step3 .stepList .box .details p {
	width: 56%;
	font-size: 0.875rem;
	line-height: 1.85714;
}
.solutionsSingle .step3 .stepList .box .details figure {
	width: 42%;
}
.solutionsSingle .step3 .stepList .box .details figure img {
	width: 100%;
}
.solutionsSingle .step3 .stepList .boxArrow {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .step3 {
		padding: 15.5% 6%;
	}
	.solutionsSingle .step3 h2 {
		margin-bottom: 9%;
	}
	.solutionsSingle .step3 .lead {
		font-size: 6.1vw;
		gap: 3.81vw;
		margin-bottom: 7%;
	}
	.solutionsSingle .step3 .lead span {
		font-size: 7.88vw;
	}
	.solutionsSingle .step3 .lead::before,
	.solutionsSingle .step3 .lead::after {
		width: 7.33vw;
	}
	.solutionsSingle .step3 .stepList {
		max-width: none;
		display: block;
	}
	.solutionsSingle .step3 .stepList .box {
		max-width: none;
		padding: 6% 6% 5.4%;
	}
	.solutionsSingle .step3 .stepList .box .stepTitle {
		font-size: 5.59vw;
		gap: 2.54vw;
		margin-bottom: 3%;
	}
	.solutionsSingle .step3 .stepList .box .stepTitle .number {
		font-size: 4.58vw;
		width: 10.17vw;
		height: 10.17vw;
	}
	.solutionsSingle .step3 .stepList .box .details {
		padding: 0 2.5%;
	}
	.solutionsSingle .step3 .stepList .box .details p {
		width: 56%;
		font-size: 3.56vw;
	}
	.solutionsSingle .step3 .stepList .box .details figure {
		width: 42%;
	}
	.solutionsSingle .step3 .stepList .boxArrow {
		justify-content: center;
		width: 10.17vw;
		margin: 3.5% auto;
	}
}
/* ---------- よくある質問 ---------- */
.solutionsSingle .faq {
	padding: 60px 3%;
	background: #fff;
}
.solutionsSingle .faq h2 {
	margin-bottom: 30px;
}
.solutionsSingle .faqList {
	max-width: 1100px;
	margin: 0 auto;
}
.solutionsSingle .faqList dl {
	margin-bottom: 20px;
	background: #dcdcdc;
	border-radius: 20px;
}
.solutionsSingle .faqList dl:last-of-type {
	margin-bottom: 0;
}
.solutionsSingle .faqList dt {
	padding: 20px 70px 20px 30px;
	display: flex; 
	cursor: pointer;
	position: relative;
}
.solutionsSingle .faqList .box dt::before,
.solutionsSingle .faqList .box dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 18px;
  height: 2px;
  background: #000;
  transform: translateY(-50%);
  transition: transform 0.4s ease;
	border-radius: 100px;
}
.solutionsSingle .faqList .box dt::after {
  transform: translateY(-50%) rotate(90deg);
}
.solutionsSingle .faqList .box dt.isActive::after {
  transform: translateY(-50%) rotate(0deg);
}
.solutionsSingle .faqList dt .q {
	font-size: 1.75rem;
	font-weight: bold;
	margin-right: 18px;
}
.solutionsSingle .faqList dt .qTxt {
	font-size: 1.25rem;
	font-weight: 500;
	position: relative;
	top: 6px;
}
.solutionsSingle .faqList dd {
	height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.solutionsSingle .faqList dd p {
	padding: 20px 0;
	margin: 0 30px;
	border-top: 1px dashed #000;
	font-size: 1rem;
	line-height: 1.8;
}
.solutionsSingle .faqList dd p a {
	color: #55a4ce;
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .faq {
		padding: 15.5% 6%;
	}
	.solutionsSingle .faq h2 {
		margin-bottom: 8%;
	}
	.solutionsSingle .faqList {
		max-width: none;
	}
	.solutionsSingle .faqList dl {
		margin-bottom: 5.8%;
	}
	.solutionsSingle .faqList dt {
		padding: 5% 19% calc(5% + 6px) 8%;
	}
	.solutionsSingle .faqList .box dt::before,
	.solutionsSingle .faqList .box dt::after {
		right: 8%;
		width: 5.08vw;
	}
	.solutionsSingle .faqList dt .q {
		font-size: 7.12vw;
		margin-right: 4.58vw;
	}
	.solutionsSingle .faqList dt .qTxt {
		font-size: 5.08vw;
	}
	.solutionsSingle .faqList dd p {
		padding: 6.2% 0;
		margin: 0 8%;
		font-size: 4.07vw;
	}
}
/* ---------- オファー（ページ下部CTA） ---------- */
.solutionsTrial {
	padding: 30px 3%;
	background: #ffbf00;
}
.solutionsTrial .trialBox {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.solutionsTrial .trialBox .firstTxt {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 4px;
}
.solutionsTrial .trialBox .firstTxt .t1 {
	font-size: 2.5rem;
}
.solutionsTrial .trialBox .firstTxt .t2 {
	font-size: 2.25rem;
}
.solutionsTrial .trialBox .lead {
	font-size: 1.125rem;
}
.solutionsTrial .btn {
	max-width: 280px;
	width: 100%;
}
.solutionsTrial .btn a {
	position: relative;
	background: #000;
	border: 2px solid #000;
	color: #fff;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	width: 100%;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsTrial .btn a:hover {
	background: #fff;
	color: #000;
}
.solutionsTrial .btn a::after {
	content: "";
	width: 24px;
	height: 24px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #fff;
	top: 0;
	bottom: 0;
	right: 14px;
	position: absolute;
	margin: auto;
}
.solutionsTrial .btn a:hover::after {
	background: #000;
}
@media only screen and (max-width: 767px) {
	.solutionsTrial {
		padding: 7.5% 6%;
	}
	.solutionsTrial .trialBox {
		max-width: none;
		display: block;
	}
	.solutionsTrial .trialBox .firstTxt {
		font-size: 8.14vw;
		margin-bottom: 3%;
		line-height: 1.2;
	}
	.solutionsTrial .trialBox .firstTxt .t1 {
		font-size: 10.17vw;
	}
	.solutionsTrial .trialBox .firstTxt .t2 {
		font-size: 9.16vw;
	}
	.solutionsTrial .trialBox .lead {
		font-size: 4.58vw;
	}
	.solutionsTrial .btn {
		max-width: 71.24vw;
		margin-top: 12%;
	}
	.solutionsTrial .btn a {
		height: 12.72vw;
		font-size: 4.58vw;
	}
	.solutionsTrial .btn a::after {
		width: 6.1vw;
		height: 6.1vw;
		right: 3.5vw;
	}
}
/* ---------- サービス資料・動画 ---------- */
.solutionsSingle .materialsMovies {
	padding: 60px 3%;
	background: #fff;
}
.solutionsSingle .materialsMovies h2 {
	margin-bottom: 30px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox {
	display: flex;
	justify-content: space-between;
	max-width: 1100px;
	margin: 0 auto;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials {
	width: 67%;
	max-width: 740px;
	padding: 20px;
	border-radius: 20px;
	background: #dcdcdc;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox figure {
	width: 44%;
	max-width: 300px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt {
	width: 54.5%;
	max-width: 380px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt .label {
	width: 134px;
	height: 20px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #55a4ce;
	border-radius: 100px;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: bold;
	margin-bottom: 14px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt h3 {
	font-size: 1.375rem;
	font-weight: bold;
	margin-bottom: 14px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt p {
	font-size: 0.875rem;
	line-height: 2;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .movies {
	width: 31%;
	max-width: 320px;
	border-radius: 20px;
	padding: 20px;
	background: #55a4ce;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .movies figure {
	margin-bottom: 10px;
}
.solutionsSingle .materialsMovies .materialsMoviesBox .movies p {
	font-size: 0.875rem;
	color: #fff;
	line-height: 2;
}
.solutionsSingle .materialsMovies .btn a {
	max-width: 280px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border: 2px solid #000;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	width: 100%;
	font-size: 1.125rem;
	font-weight: bold;
}
.solutionsSingle .materialsMovies .btn a:hover {
	background: #000;
	color: #fff;
}
.solutionsSingle .materialsMovies .btn a::after {
	content: "";
	width: 24px;
	height: 24px;
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #000;
	top: 0;
	bottom: 0;
	right: 14px;
	position: absolute;
	margin: auto;
}
.solutionsSingle .materialsMovies .btn a:hover::after {
	background: #fff;
}
@media only screen and (max-width: 767px) {
	.solutionsSingle .materialsMovies {
		padding: 15.5% 6%;
	}
	.solutionsSingle .materialsMovies h2 {
		margin-bottom: 8%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox {
		display: block;
		max-width: none;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials {
		width: 100%;
		max-width: none;
		padding: 6.5%;
		margin-bottom: 11%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox {
		display: block;
		margin-bottom: 6%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox figure {
		width: 100%;
		max-width: none;
		margin-bottom: 6%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt {
		width: 100%;
		max-width: none;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt .label {
		width: 34.09vw;
		height: 5.08vw;
		font-size: 3.3vw;
		margin-bottom: 5%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt h3 {
		font-size: 5.59vw;
		margin-bottom: 7%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .materials .materialsBox .txt p {
		font-size: 3.56vw;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .movies {
		width: 100%;
		max-width: none;
		padding: 6.5%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .movies figure {
		margin-bottom: 3%;
	}
	.solutionsSingle .materialsMovies .materialsMoviesBox .movies p {
		font-size: 3.56vw;
	}
	.solutionsSingle .materialsMovies .btn a {
		max-width: 71.24vw;
		height: 12.72vw;
		font-size: 4.58vw;
	}
	.solutionsSingle .materialsMovies .btn a::after {
		width: 6.1vw;
		right: 3.5vw;
	}
}