@charset "utf-8";

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

fv



















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

.fv {
	background-color: #f7f7f7;
	background-image: url('../img/deep-search/fv-bg.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 792px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1700px;
}

@media screen and (max-width: 520px) {
	.fv {
		height: auto;
		padding-bottom: 270px;
	}
}

.fv .fv-inn {
	margin: 0 auto;
	width: 96%;
	max-width: 1250px;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn {
		max-width: 96%;
	}
}

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

.fv .fv-inn .inn-rby {
	font-size: 1.8rem;
	font-weight: 700;
	padding-top: 72px;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-rby {
		font-size: clamp(1.20rem, 1.07vw + 0.94rem, 1.50rem);
		padding-top: 48px;
	}
}

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

.fv .fv-inn h1.inn-ttl {
	font-size: clamp(3.20rem, 1.67vw + 3.11rem, 5.20rem);
	font-weight: 900;
	line-height: 1.15;
	padding-top: 28px;
	text-align: center;
}

.fv .fv-inn h1.inn-ttl span {
	background: linear-gradient(to top, #4c00c6, #3453fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn h1.inn-ttl {
		font-size: clamp(2.40rem, 2.86vw + 1.71rem, 3.20rem);
	}
}

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

.fv .fv-inn .inn-img {
	margin: 0 auto;
	padding-top: 30px;
	max-width: 1040px;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-img {
		padding-bottom: 24px;
		width: 88%;
	}
}

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

.fv .fv-inn .inn-pc {
	background-image: url('../img/deep-search/fv-pc.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 360px;
	position: absolute;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%);
	width: 480px;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-pc {
		background-image: url('../img/deep-search/fv-pc-sp.png');
		height: 270px;
		position: absolute;
		bottom: 28px;
		left: 50%;
		transform: translateX(-50%);
		width: 360px;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - */

.fv .fv-inn .inn-pc .pc-area {
	height: 360px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-pc .pc-area {
		height: 270px;
	}
}

.fv .fv-inn .inn-pc .pc-area .area-data {
	background: none;
	height: 250px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 32px;
	width: 300px;
}

.fv .fv-inn .inn-pc .pc-area .area-data .loop-image {
	background-image: url('../img/deep-search/fv-data.png');
	background-repeat: repeat-y;
	background-size: 100% 504px;
	height: 1008px;
	width: 100%;
	animation: slide-up-low-load 30s linear infinite;
	will-change: transform;
}

@keyframes slide-up-low-load {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-504px);
	}
}

.fv .fv-inn .inn-pc .pc-area .area-data::before {
	content: '';
	background: linear-gradient(180deg, #fff, transparent);
	height: 20px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-pc .pc-area .area-data {
		height: 190px;
		position: absolute;
		top: 20px;
		right: 30px;
	}
}

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

.fv .fv-inn .inn-btn {
	position: absolute;
	bottom: 122px;
	left: 50%;
	transform: translateX(-50%);
	width: 360px;
}

.fv .fv-inn .inn-btn a img {
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fv .fv-inn .inn-btn a:hover img {
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

@media screen and (max-width: 520px) {
	.fv .fv-inn .inn-btn {
		position: absolute;
		bottom: 90px;
		left: 50%;
		transform: translateX(-50%);
		width: 320px;
	}
}

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

sec01
導入いただいた企業様の課題とは？


















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


.sec01 {
	background: linear-gradient(to bottom, #f7f7f7, #dbdbdb 40%, #fff);
	padding-top: 80px;
	width: 100%;
}

.sec01 .sec01-inn {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1200px;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn {
		padding: 0;
		max-width: 96%;
	}
}

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

.sec01 .sec01-inn h2.inn-ttl {
	background-color: #4c00c6;
	border-radius: 10px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	margin: 0 auto;
	padding-bottom: 16px;
	padding-top: 16px;
	text-align: center;
	width: 55%;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn h2.inn-ttl {
		font-size: clamp(1.40rem, 1.43vw + 1.06rem, 1.80rem);
		width: 90%;
	}
}

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

.sec01 .sec01-inn .inn-blk {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn .inn-blk {
		flex-direction: column;
		align-items: center;
		padding-top: 0;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - */

.sec01 .sec01-inn .inn-blk .blk-conts {
	background-color: #fff;
	border: 1px solid #cecece;
	border-radius: 10px;
	padding-bottom: 40px;
	padding-top: 40px;
	width: 48%;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn .inn-blk .blk-conts {
		margin-top: 20px;
		padding-bottom: 40px;
		padding-top: 40px;
		width: 96%;
	}
}

/* -------------- */

.sec01 .sec01-inn .inn-blk .blk-conts h3.conts-ttl {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}

/* -------------- */

.sec01 .sec01-inn .inn-blk .blk-conts p.conts-subttl {
	font-size: clamp(3.20rem, 1.18vw + 2.59rem, 4.00rem);
	font-weight: 900;
	line-height: 1.2;
	padding-top: 24px;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn .inn-blk .blk-conts p.conts-subttl {
		font-size: clamp(2.40rem, 2.86vw + 1.71rem, 3.20rem);
		line-height: 1.2;
	}
}

/* -------------- */

.sec01 .sec01-inn .inn-blk .blk-conts .conts-list {
	display: flex;
	justify-content: center;
	padding-top: 32px;
}

.sec01 .sec01-inn .inn-blk .blk-conts .conts-list ul li {
	background-image: url('../img/deep-search/sec01-list-icon.png');
	background-position: left 0 top 2px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
	padding-left: 24px;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn .inn-blk .blk-conts .conts-list ul {
		width: 90%;
	}
	.sec01 .sec01-inn .inn-blk .blk-conts .conts-list ul li {
		font-size: clamp(1.60rem, 0.71vw + 1.43rem, 1.80rem);
	}
}

/* -------------- */

.sec01 .sec01-inn .inn-blk .blk-conts p.conts-txt {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.6;
	margin: 0 auto;
	padding-top: 16px;
	width: 72%;
}

@media screen and (max-width: 520px) {
	.sec01 .sec01-inn .inn-blk .blk-conts p.conts-txt {
		width: 80%;
	}
}

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

sec02
RoboRoboなら両方解決！


















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

.sec02 {
	background-color: #fff;
	padding-top: 80px;
	width: 100%;
}

.sec02 .sec02-inn {
	margin: 0 auto;
	max-width: 1080px;
}

@media screen and (max-width: 520px) {
	.sec02 .sec02-inn {
		max-width: 96%;
	}
}

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

.sec02 .sec02-inn h2.inn-ttl {
	margin: 0 auto;
	width: 250px;
}

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

.sec02 .sec02-inn p.inn-subttl {
	font-size: clamp(4.00rem, 1.18vw + 3.39rem, 4.80rem);
	font-weight: 900;
	line-height: 1.4;
	padding-top: 24px;
	text-align: center;
}

.sec02 .sec02-inn p.inn-subttl span {
	background: linear-gradient(to top, #3f00a5, #3453fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 520px) {
	.sec02 .sec02-inn p.inn-subttl {
		font-size: clamp(2.40rem, 2.86vw + 1.71rem, 3.20rem);
	}
}

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

.sec02 .sec02-inn .inn-blk {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 40px;
	min-width: 900px;
}

@media screen and (max-width: 520px) {
	.sec02 .sec02-inn .inn-blk {
		flex-direction: column;
		align-items: center;
		padding-top: 32px;
		min-width: 100%;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - */

.sec02 .sec02-inn .inn-blk .blk-conts {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 390px;
	padding-top: 72px;
	width: 360px;
}

.sec02 .sec02-inn .inn-blk .blk-conts.bg-01 {
	background-image: url('../img/deep-search/sec02-bg-01.png');
}

.sec02 .sec02-inn .inn-blk .blk-conts.bg-02 {
	background-image: url('../img/deep-search/sec02-bg-02.png');
}

.sec02 .sec02-inn .inn-blk .blk-conts.bg-03 {
	background-image: url('../img/deep-search/sec02-bg-03.png');
}

/* -------------- */

.sec02 .sec02-inn .inn-blk .blk-conts h3.conts-ttl {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

/* アニメーション用 -------------- */

.animate-item {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 1.2s ease-out, transform 1.2s ease-out;
	will-change: opacity, transform;
}

.is-visible {
	opacity: 1;
	transform: translateY(0);
}

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

.sec02 .sec02-inn .inn-acv {
	margin: 24px auto 0;
	width: 800px;
}

@media screen and (max-width: 520px) {
	.sec02 .sec02-inn .inn-acv {
		width: 72%;
	}
}

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

sec03
CTA


















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

.sec03 {
	background-image: url('../img/deep-search/sec03-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
	padding: 24px 0;
	width: 100%;
}

@media screen and (max-width: 520px) {
	.sec03 {
		background-position: bottom left;
	}
}

.sec03 .sec03-inn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1060px;
}

@media screen and (max-width: 520px) {
	.sec03 .sec03-inn {
		flex-direction: column;
		gap: 20px;
		max-width: 96%;
	}
}

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

.sec03 .sec03-inn h2.inn-ttl {
	color: #fff;
	font-size: clamp(2.60rem, 16.67vw + -14.47rem, 3.20rem);
}

@media screen and (max-width: 520px) {
	.sec03 .sec03-inn h2.inn-ttl {
		font-size: clamp(2.00rem, 2.86vw + 1.31rem, 2.80rem);
		line-height: 1.4;
		text-align: center;
	}
}

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

.sec03 .sec03-inn .inn-btn {
	width: 360px;
}

@media screen and (max-width: 520px) {
	.sec03 .sec03-inn .inn-btn {
		width: 320px;
	}
}

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

sec04
３つの専門機関とは？


















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

.sec04 {
	background-color: #f7f7f7;
	padding-top: 80px;
	width: 100%;
}

.sec04 .sec04-inn {
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1220px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn {
		max-width: 96%;
	}
}

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

.sec04 .sec04-inn h2.inn-ttl {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
}

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

.sec04 .sec04-inn p.inn-txt {
	font-size: clamp(4.00rem, 1.18vw + 3.39rem, 4.80rem);
	font-weight: 900;
	padding-top: 10px;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn p.inn-txt {
		font-size: clamp(2.80rem, 2.14vw + 2.29rem, 3.40rem);
	}
}

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

.sec04 .sec04-inn ul.inn-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 48px auto 0;
	width: 980px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn ul.inn-btn {
		flex-direction: column;
		width: 88%;
	}
}

.sec04 .sec04-inn ul.inn-btn li {
	box-shadow: 0 0 16px -8px #878787;
	width: 320px;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.sec04 .sec04-inn ul.inn-btn li:hover {
	box-shadow: 0 0 0 0 #f7f7f7;
}


@media screen and (max-width: 520px) {
	.sec04 .sec04-inn ul.inn-btn li {
		width: 100%;
	}
}

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

.sec04 .sec04-inn .inn-blk {
	background-color: #fff;
	border-radius: 10px;
	margin: 60px auto 0;
	padding: 5% 4% 4%;
	width: 100%;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk {
		padding: 12% 4% 4%;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - */

.sec04 .sec04-inn .inn-blk .blk-hdr {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-hdr {
		flex-direction: column;
		align-items: start;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-img {
	width: 100px;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts .conts-rby {
	font-size: 2rem;
	font-weight: 700;
	padding-top: 8px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts .conts-rby {
		font-size: 1.6rem;
		line-height: 1.4;
		padding-top: 4px;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl {
	font-size: clamp(4.00rem, 1.18vw + 3.39rem, 4.80rem);
	font-weight: 900;
	padding-top: 2px;
}

.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl span {
	font-size: 1.5rem;
	font-weight: 400;
	margin-left: 16px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl {
		padding-top: 8px;
	}
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl.spn {
		font-size: 6.4vw;
	}
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl.lseg {
		font-size: 8.8vw;
	}
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl.cnc {
		font-size: 5.2vw;
	}
	.sec04 .sec04-inn .inn-blk .blk-hdr .hdr-conts h3.conts-ttl span {
		font-size: 1.3rem;
		margin-left: 0;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - */

.sec04 .sec04-inn .inn-blk .blk-mainconts {
	padding-top: 32px;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list > li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 16px;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list > li::before {
	content: '';
	flex-shrink: 0;
	background: url('../img/deep-search/sec04-list-icon.png') no-repeat center/contain;
	height: 22px;
	margin-top: 0.5em;
	width: 22px;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy {
	flex-grow: 1;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy h4.bdy-ttl {
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy h4.bdy-ttl {
		font-size: 2rem;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy p.bdy-txt {
	font-size: 1.5rem;
	line-height: 1.4;
	margin-top: 4px;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .bdy-img {
	margin-top: 8px;
	width: 100%;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .bdy-img.scrollblk {
		display: block !important;
		width: 100% !important;
		overflow-x: scroll !important;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch !important;
		position: relative;
		max-width: 100vw;
	}
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .bdy-img.scrollblk img {
		width: 280vw !important;
		min-width: 280vw !important;
		max-width: none !important;
		display: block !important;
		height: auto;
		padding-right: 100px;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list .point-area {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #ff7f00;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.4;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list .point-area::before {
	content: '';
	flex-shrink: 0;
	background: url('../img/deep-search/sec04-strong-icon.png') no-repeat center/contain;
	height: 20px;
	margin-top: 0.3em;
	width: 55px;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list .point-area.center {
	justify-content: center;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list .point-area {
		flex-direction: column;
		gap: 4px;
		font-size: 2rem;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table {
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-top: 8px;
	overflow: hidden;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy {
	display: flex;
}

@media screen and (max-width: 520px) {
	.table-bdy {
		flex-direction: column;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col:first-child {
	border-right: 1px solid #ccc;
}

@media screen and (max-width: 520px) {
	.col:first-child {
		border-right: none; border-bottom: 1px solid #ccc;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-header {
	background: #f0f4ff;
	border-bottom: 1px solid #ccc;
	font-size: 2.2rem;
	font-weight: 700;
	padding: 14px;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-header {
		font-size: 2rem;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-content {
	display: flex;
	justify-content: center;
	flex-grow: 1;
	gap: 8%;
	padding: 24px 24px 10px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-content {
		flex-direction: column;
		gap: 0;
		padding: 20px 10px 10px;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-content li {
	font-size: clamp(1.50rem, 0.44vw + 1.27rem, 1.80rem);
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-bdy .col .col-content li::before {
	content: "・";
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-footer {
	padding: 20px;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .content-table .table-footer {
		padding: 0 20px 20px;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box {
	display: flex;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-top: 8px;
	overflow: hidden;
	width: 90%;
}

@media screen and (max-width: 1024px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box {
		width: 100%;
	}
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box {
		flex-direction: column;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-left {
	display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f4ff;
  border-right: 1px solid #ccc;
	font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px 0;
  width: 20%;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-left {
		border-bottom: 1px solid #ccc;
		border-right: none;
	  text-align: center;
	  width: 100%;
	}
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right {
	flex: 1;
	padding: 20px 0;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right .support-title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
	text-align: center;
}

/* -------------- */

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right .support-items {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right .support-items span {
	background: #f0f4ff;
	border-radius: 6px;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 12px 0 14px;
	text-align: center;
	width: 30%;
}

@media screen and (max-width: 520px) {
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right .support-items {
		flex-direction: column;
		align-items: center;
	}
	.sec04 .sec04-inn .inn-blk .blk-mainconts ul.mainconts-list li .list-bdy .support-box .box-right .support-items span {
		padding: 12px 0 14px;
		width: 88%;
	}
}

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

footer
deep-search用


















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

.footer-deep-search {
	background-color: #f7f7f7;
	background-image: url('../img/deep-search/footer-bg.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 120px 0;
	width: 100%;
}

@media screen and (max-width: 520px) {
	.footer-deep-search .footer-deep-search-inn {
		margin: 0 auto;
		max-width: 96%;
	}
}

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

.footer-deep-search .footer-deep-search-inn .inn-rby {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.footer-deep-search .footer-deep-search-inn .inn-rby {
		font-size: clamp(1.20rem, 1.07vw + 0.94rem, 1.50rem);
	}
}

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

.footer-deep-search .footer-deep-search-inn .inn-ttl {
	font-size: clamp(3.20rem, 1.67vw + 3.11rem, 5.20rem);
	font-weight: 900;
	line-height: 1.15;
	padding-top: 28px;
	text-align: center;
}

.footer-deep-search .footer-deep-search-inn .inn-ttl span {
	background: linear-gradient(to top, #4c00c6, #3453fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 520px) {
	.footer-deep-search .footer-deep-search-inn .inn-ttl {
		font-size: clamp(2.40rem, 2.86vw + 1.71rem, 3.20rem);
	}
}

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

.footer-deep-search .footer-deep-search-inn .inn-btn {
	margin: 40px auto 0;
	width: 360px;
}

.footer-deep-search .footer-deep-search-inn .inn-btn a img {
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.footer-deep-search .footer-deep-search-inn .inn-btn a:hover img {
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

@media screen and (max-width: 520px) {
	.footer-deep-search .footer-deep-search-inn .inn-btn {
		width: 320px;
	}
}

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

.footer-deep-search .footer-deep-search-inn .inn-nav {
	margin-top: 80px;
}

.footer-deep-search .footer-deep-search-inn .inn-nav p.company-name {
	font-size: 1.3rem;
	text-align: center;
}

.footer-deep-search .footer-deep-search-inn .inn-nav p.company-mail {
	font-size: 1.3rem;
	padding-top: 12px;
	text-align: center;
}

.footer-deep-search .footer-deep-search-inn .inn-nav p.company-mail a {
	color: #000;
}

.footer-deep-search .footer-deep-search-inn .inn-nav p.copyright {
	font-size: 1.3rem;
	padding-top: 12px;
	text-align: center;
}

@media screen and (max-width: 480px) {
	.footer-deep-search .footer-deep-search-inn .inn-nav p.company-name,
	.footer-deep-search .footer-deep-search-inn .inn-nav p.company-mail,
	.footer-deep-search .footer-deep-search-inn .inn-nav p.copyright {
		font-size: 1.2rem;
	}
}