@charset "UTF-8";
/* FV
------------------------------------------------------------------------- */
.fv {
	padding: 19.2vw 0 6.4vw;
	background: url(../images/top/fv_img_sp.webp) no-repeat right bottom;
	background-size: cover;
}

.ul_fv_contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2.1333333333vw;
}
.ul_fv_contents li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 26.6666666667vw;
	height: 7.7333333333vw;
	position: relative;
	z-index: 1;
}
.ul_fv_contents li::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #E3F2CE;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.catch_copy {
	width: 87.7333333333vw;
	margin: 4.2666666667vw auto 6.4vw;
}

.fv_text {
	width: 87.4666666667vw;
	margin: 0 auto;
}

.wrap_fv_btn {
	width: 74.6666666667vw;
	margin: 32.2666666667vw auto 0;
}

.fv_btn {
	margin-bottom: 2.1333333333vw;
}
.fv_btn:last-child {
	margin-bottom: 0;
}

.btn_caption {
	color: #F25D0A;
	background: #fff;
	text-align: center;
}

/* そのDX、前進している手応えはありますか？
------------------------------------------------------------------------- */
.dx {
	padding: 2.1333333333vw;
	background: #00342B;
}

.dx_inner {
	background: #F6F6F6;
	padding: 19.2vw 0;
	border-radius: 2.1333333333vw;
}

.wrap_dx_contents {
	width: 87.4666666667vw;
	margin: 0 auto;
}

.dx_contents {
	margin-bottom: 6.4vw;
	border: 2px solid #00342B;
	background: #fff;
	border-radius: 2.1333333333vw;
	padding: 5.8666666667vw 3.7333333333vw;
}
.dx_contents:last-child {
	margin-bottom: 0;
}

.ttl_dx {
	font-weight: bold;
	font-size: 6.4vw;
	color: #006554;
	text-align: center;
	border-bottom: 1px solid #8DC63F;
	padding-bottom: 4.2666666667vw;
	margin-bottom: 4.2666666667vw;
}
.ttl_dx::before {
	content: "";
	display: block;
	width: 36.2666666667vw;
	height: 21.3333333333vw;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto 2.1333333333vw;
}

.dx_contents:nth-child(1) .ttl_dx::before {
	background-image: url(../images/top/dx_img01.webp);
}
.dx_contents:nth-child(2) .ttl_dx::before {
	background-image: url(../images/top/dx_img02.webp);
}
.dx_contents:nth-child(3) .ttl_dx::before {
	background-image: url(../images/top/dx_img03.webp);
}
.dx_contents:nth-child(4) .ttl_dx::before {
	background-image: url(../images/top/dx_img04.webp);
}

/* 仕様を自社の資産に変え、AIで開発を高速化する
------------------------------------------------------------------------- */
.feature .ttl_h2 {
	margin-bottom: 10.6666666667vw;
}

.feature_heading_text {
	font-size: 4.8vw;
}

.feature_img01 {
	margin-top: 6.4vw;
}

.wrap_feature_contents {
	margin-top: 10.6666666667vw;
}

.feature_contents {
	padding: 6.4vw 0;
	margin-bottom: 6.4vw;
	position: relative;
	z-index: 1;
}
.feature_contents:last-child {
	margin-bottom: 0;
}
.feature_contents::after {
	content: "";
	display: block;
	width: 97.3333333333vw;
	height: 100%;
	background: #E3F2CE;
	position: absolute;
	top: 0;
	left: -3.7333333333vw;
	z-index: -1;
}
.feature_contents:nth-child(even)::after {
	left: auto;
	right: -3.7333333333vw;
}

.feature_img02 {
	margin-top: 4.2666666667vw;
}

/* サービス
------------------------------------------------------------------------- */
.service {
	background: #E2EDEB;
	padding-bottom: 0;
}
.service .ttl_h2 span {
	font-size: 6.4vw;
}

.wrap_service_contents {
	margin-top: 23.4666666667vw;
}

.service_contents {
	width: 95.2vw;
	margin: 0 auto 19.2vw;
	background: #fff;
	border: 4px solid #8DC63F;
	padding: 11.2vw 0;
	border-radius: 2.1333333333vw;
	position: relative;
	z-index: 1;
}
.service_contents:last-child {
	margin-bottom: 0;
}
.service_contents::after {
	content: "";
	display: block;
	width: 44.8vw;
	height: 42.6666666667vw;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.inner_service_contents {
	width: 87.4666666667vw;
	margin: 0 auto;
}

.service_sub_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 88.5333333333vw;
	height: 11.4666666667vw;
	border-radius: 10.6666666667vw;
	font-weight: bold;
	font-size: 6.4vw;
	background: #8DC63F;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.service_main_contents {
	margin-top: 4.2666666667vw;
}

.wrap_service_main_item {
	width: 78.9333333333vw;
	margin: 0 auto 4.2666666667vw;
}
.wrap_service_main_item:last-child {
	margin-bottom: 0;
}
.wrap_service_main_item .ttl_h5 {
	text-align: center;
}
.wrap_service_main_item .ttl_h5::before {
	content: "";
	display: block;
	width: 25.6vw;
	height: 25.6vw;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto 2.1333333333vw;
}

.service_main_item {
	margin-bottom: 4.2666666667vw;
}
.service_main_item:last-child {
	margin-bottom: 0;
}

.ul_service li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.1333333333vw;
	margin-bottom: 2.1333333333vw;
}
.ul_service li:last-child {
	margin-bottom: 0;
}
.ul_service li::before {
	content: "";
	display: block;
	min-width: 2.1333333333vw;
	max-width: 2.1333333333vw;
	height: 2.1333333333vw;
	border-radius: 50%;
	background: #006554;
}

.service_contents:nth-child(1)::after {
	background-image: url(../images/top/service_num01.svg);
}
.service_contents:nth-child(1) .service_main_item:nth-child(1) .ttl_h5::before {
	background-image: url(../images/top/service_icon01.webp);
}
.service_contents:nth-child(1) .service_main_item:nth-child(2) .ttl_h5::before {
	background-image: url(../images/top/service_icon02.webp);
}
.service_contents:nth-child(1) .service_main_item:nth-child(3) .ttl_h5::before {
	background-image: url(../images/top/service_icon03.webp);
}
.service_contents:nth-child(2) {
	border-color: #006554;
}
.service_contents:nth-child(2)::after {
	background-image: url(../images/top/service_num02.svg);
	height: 36.2666666667vw;
}
.service_contents:nth-child(2) .service_sub_ttl {
	background: #006554;
	color: #fff;
}
.service_contents:nth-child(2) .service_main_item:nth-child(1) .ttl_h5::before {
	background-image: url(../images/top/service_icon04.webp);
}
.service_contents:nth-child(2) .service_main_item:nth-child(2) .ttl_h5::before {
	background-image: url(../images/top/service_icon05.webp);
}
.service_contents:nth-child(2) .service_main_item:nth-child(3) .ttl_h5::before {
	background-image: url(../images/top/service_icon06.webp);
}
.service_contents:nth-child(3) {
	border-color: #00342B;
}
.service_contents:nth-child(3)::after {
	background-image: url(../images/top/service_num03.svg);
	height: 35.7333333333vw;
}
.service_contents:nth-child(3) .service_sub_ttl {
	background: #00342B;
	color: #fff;
}
.service_contents:nth-child(3) .service_main_item:nth-child(1) .ttl_h5::before {
	background-image: url(../images/top/service_icon07.webp);
}
.service_contents:nth-child(3) .service_main_item:nth-child(2) .ttl_h5::before {
	background-image: url(../images/top/service_icon08.webp);
}
.service_contents:nth-child(3) .service_main_item:nth-child(3) .ttl_h5::before {
	background-image: url(../images/top/service_icon09.webp);
}

/* 緊急対応 */
.wrap_emergency_contents {
	width: 95.2vw;
	margin: 8.5333333333vw auto 0;
	background: #fff;
	border-radius: 2.1333333333vw;
	padding: 8.5333333333vw 0;
}

.inner_emergency_contents {
	width: 87.4666666667vw;
	margin: 0 auto;
}

.emergency_contents {
	margin-top: 4.2666666667vw;
}

/* ========== 【経営資源】貴社の手元に残る確かな資産 ========== */
.assets {
	padding: 27.7333333333vw 0 21.3333333333vw;
	background: -webkit-gradient(linear, left top, left bottom, from(#00342B), to(#006554));
	background: linear-gradient(to bottom, #00342B 0%, #006554 100%);
	color: #fff;
	position: relative;
}
.assets::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 49.8666666667vw solid transparent;
	border-left: 49.8666666667vw solid transparent;
	border-top: 17.0666666667vw solid #e2edeb;
	border-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.assets .ttl_h3_assets {
	color: #fff;
	text-align: center;
}
.assets .ttl_h3_assets .marker {
	color: #00342B;
}
.assets .ttl_h3_assets .marker::after {
	height: 100%;
}

.ul_assets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2.1333333333vw;
	font-weight: bold;
	font-size: 4.8vw;
	margin: 6.4vw 0 10.6666666667vw;
}
.ul_assets li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 27.7333333333vw;
	height: 9.0666666667vw;
	background: #fff;
	color: #00342B;
}

.assets_contents {
	background: #fff;
	border-radius: 2.1333333333vw;
	padding: 6.4vw 0;
	color: #00342B;
	margin-bottom: 6.4vw;
}
.assets_contents:last-child {
	margin-bottom: 0;
}
.assets_contents .ttl_h3 {
	text-align: center;
	font-size: 8.5333333333vw;
	line-height: 1.25;
	border-bottom: none;
}
.assets_contents .ttl_h3::before {
	content: "";
	display: block;
	width: 25.6vw;
	height: 25.6vw;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto 4.2666666667vw;
}
.assets_contents .ttl_h3 .f_small {
	font-size: 4.8vw;
}
.assets_contents .ttl_h3 .f_small::after {
	content: none;
}
.assets_contents:nth-child(1) .ttl_h3::before {
	background-image: url(../images/top/assets_icon01.svg);
}
.assets_contents:nth-child(2) .ttl_h3::before {
	background-image: url(../images/top/assets_icon02.svg);
}
.assets_contents:nth-child(3) .ttl_h3::before {
	background-image: url(../images/top/assets_icon03.svg);
}
.assets_contents p {
	width: 74.6666666667vw;
	margin: 0 auto;
}

/* CTA
------------------------------------------------------------------------- */
.cta {
	padding: 12.8vw 0;
	background: linear-gradient(120deg, #F25D0A 0%, #F25D0A 50%, #F2A101 100%);
}

.cta_contents {
	width: 95.7333333333vw;
	margin: 0 auto 6.4vw;
	background: #fff;
	padding: 10.6666666667vw 0;
	border-radius: 2.1333333333vw;
}
.cta_contents:last-child {
	margin-bottom: 0;
}
.cta_contents .btn_caption {
	font-size: 4.8vw;
	color: #00342B;
	letter-spacing: 0.1em;
	margin-bottom: 4.2666666667vw;
}
.cta_contents .btn {
	width: 87.4666666667vw;
}
.cta_contents .btn a {
	height: 25.6vw;
	font-size: 6.4vw;
}

.ttl_cta {
	color: #006554;
	font-weight: bold;
	font-size: 6.4vw;
	text-align: center;
	margin-bottom: 2.1333333333vw;
}

/* 開発
------------------------------------------------------------------------- */
.development {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E3F2CE), color-stop(50%, #FFFFFF), to(#FFFFFF));
	background: linear-gradient(to bottom, #E3F2CE 0, #FFFFFF 50%, #FFFFFF 100%);
}
.development .lead_text {
	width: 87.4666666667vw;
	margin: 0 auto;
	font-weight: bold;
	font-size: 4.8vw;
}

.development_table_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	background: #00342B;
	width: 87.4666666667vw;
	height: 21.3333333333vw;
	margin: 12.8vw auto 0;
	text-align: center;
	font-size: 6.4vw;
	font-weight: bold;
	border-radius: 10.6666666667vw;
	letter-spacing: 0.1em;
}

.wrap_development_table {
	overflow-x: auto;
	padding-left: 6.4vw;
	margin-top: 10.6666666667vw;
	padding-top: 2.1333333333vw;
}
.wrap_development_table table {
	width: 198.4vw;
	table-layout: fixed;
	border-collapse: collapse;
	position: relative;
}
.wrap_development_table table::before {
	content: "";
	display: block;
	width: 55.4666666667vw;
	height: calc(100% + 2.1333333333vw);
	border: 2.1333333333vw solid #F2A101;
	border-radius: 2.1333333333vw;
	position: absolute;
	top: -2.1333333333vw;
	left: 31.7333333333vw;
	pointer-events: none;
}
.wrap_development_table table th, .wrap_development_table table td {
	padding: 4.2666666667vw 0;
	text-align: center;
	vertical-align: middle;
	font-size: 4.8vw;
}
.wrap_development_table table td {
	border: 1px solid #F6F6F6;
	background: #fff;
}
.wrap_development_table table thead th:not(:nth-child(1)) {
	width: 55.4666666667vw;
	border: 1px solid #fff;
}
.wrap_development_table table thead th:nth-child(2) {
	background: #00342B;
	color: #fff;
	font-size: 6.4vw;
}
.wrap_development_table table thead th:nth-child(3), .wrap_development_table table thead th:nth-child(4) {
	background: #E5E5E5;
}
.wrap_development_table table tbody th {
	background: #F6F6F6;
	color: #006554;
}
.wrap_development_table table tbody td:first-of-type {
	font-weight: 900;
}

.wrap_development_point {
	width: 95.7333333333vw;
	margin: 12.8vw auto 0;
	border: 4px solid #8DC63F;
	border-radius: 2.1333333333vw;
	padding: 7.4666666667vw 0;
}
.wrap_development_point p {
	width: 87.4666666667vw;
	margin: 0 auto;
	font-size: 5.3333333333vw;
}
.wrap_development_point p .line_yellow {
	font-size: 6.4vw;
}

.ttl_h3_development_point {
	font-weight: bold;
	text-align: center;
	font-size: 5.3333333333vw;
	margin-bottom: 6.4vw;
}

.line_yellow {
	font-weight: 900;
	color: #006554;
	position: relative;
	z-index: 1;
}
.line_yellow::after {
	content: "";
	display: block;
	width: 100%;
	height: 2.6666666667vw;
	background: #FCEE21;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.img_before_after {
	width: 87.7333333333vw;
	margin: 6.4vw auto 0;
}

/* セキュリティ
------------------------------------------------------------------------- */
.security {
	position: relative;
	z-index: 1;
}
.security::after {
	content: "";
	display: block;
	width: 95.7333333333vw;
	height: 100%;
	background: #F6F6F6;
	border-radius: 2.1333333333vw;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -2;
}
.security .lead_text {
	font-size: 4.8vw;
	font-weight: bold;
}
.security .ttl_h2 {
	margin-bottom: 10.6666666667vw;
}

.wrap_security_contents {
	margin-top: 4.2666666667vw;
}

.security_heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 12.8vw;
	border-radius: 10.6666666667vw;
	background: -webkit-gradient(linear, left top, right top, from(#006554), to(#00342B));
	background: linear-gradient(to right, #006554 0%, #00342B 100%);
	font-size: 6.4vw;
	font-weight: bold;
	color: #fff;
	margin-bottom: 6.4vw;
}

.security_contents {
	border: 1px solid #006554;
	border-radius: 6.4vw;
	background: #fff;
	padding: 6.1333333333vw;
	margin-bottom: 4.2666666667vw;
	position: relative;
}
.security_contents:last-child {
	margin-bottom: 0;
}
.security_contents::before {
	content: "";
	display: block;
	width: 2.1333333333vw;
	height: 6.6666666667vw;
	background: #006554;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	z-index: -1;
}
.security_contents .ttl_h3 {
	text-align: center;
	padding-bottom: 4.2666666667vw;
}
.security_contents .ttl_h3 span::after {
	height: 4.2666666667vw;
}

.security_item {
	margin-bottom: 4.2666666667vw;
	font-size: 4.8vw;
}
.security_item:last-child {
	margin-bottom: 0;
}

.ttl_h4_security {
	font-size: 4.8vw;
	font-weight: bold;
	color: #006554;
	margin-bottom: 2.1333333333vw;
}

/* よくあるご質問
------------------------------------------------------------------------- */
.dl_faq {
	width: 87.4666666667vw;
	margin: 0 auto;
}
.dl_faq dt, .dl_faq dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2.6666666667vw;
}
.dl_faq dt span, .dl_faq dd span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 12.8vw;
	max-width: 12.8vw;
	height: 12.8vw;
	border-radius: 50%;
	font-size: 6.4vw;
	font-weight: bold;
}
.dl_faq dt span.question, .dl_faq dd span.question {
	background: #00342B;
	color: #fff;
}
.dl_faq dt span.answer, .dl_faq dd span.answer {
	background: #E3F2CE;
	color: #00342B;
}
.dl_faq dt {
	margin: 6.4vw 0 4.2666666667vw;
	font-weight: bold;
	font-size: 5.3333333333vw;
	letter-spacing: 0.05em;
	color: #006554;
}
.dl_faq dt:first-of-type {
	margin-top: 0;
}
.dl_faq dd {
	padding-bottom: 6.4vw;
	border-bottom: 1px solid #8DC63F;
}

/* CTA
------------------------------------------------------------------------- */
.cta_text {
	width: 87.4666666667vw;
	margin: 0 auto 10.6666666667vw;
	color: #fff;
}

.ttl_h2_cta {
	font-weight: bold;
	font-size: 7.4666666667vw;
	margin-bottom: 4.2666666667vw;
}

/* 運営会社情報
------------------------------------------------------------------------- */
.dl_company {
	width: 87.4666666667vw;
	margin: 0 auto;
}
.dl_company dt, .dl_company dd {
	padding: 2.9333333333vw 6.4vw;
	font-size: 4.8vw;
}
.dl_company dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	background: #B9D4CE;
	border-radius: 2.1333333333vw;
}
.dl_company dd {
	margin-bottom: 2.1333333333vw;
	font-size: 4.8vw;
	letter-spacing: 0.1em;
}
.dl_company dd:last-of-type {
	margin-bottom: 0;
}

@media (min-width: 769px) {
	/* FV
	------------------------------------------------------------------------- */
	.fv {
		padding: 5.8823529412vw 0 19.1176470588vw;
		background-image: url(../images/top/fv_img_pc.webp);
	}
	.wrap_fv_contents {
		width: 91.7647058824vw;
		margin: 0 auto;
	}
	.ul_fv_contents {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 1.1764705882vw;
	}
	.ul_fv_contents li {
		width: 10.2941176471vw;
		height: 2.9411764706vw;
		font-size: 1.7647058824vw;
	}
	.catch_copy {
		width: 58.8970588235vw;
		margin: 1.7647058824vw 0 2.3529411765vw;
	}
	.fv_text {
		width: 100%;
		margin: 0;
		font-size: 2.0588235294vw;
	}
	.wrap_fv_btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 2.3529411765vw;
		width: 54.1176470588vw;
		margin: 2.9411764706vw 0 0;
	}
	.fv_btn {
		width: 25.8823529412vw;
		margin-bottom: 0;
	}
	.fv_btn .btn {
		width: 25.8823529412vw;
	}
	.fv_btn .btn a {
		gap: 1.1764705882vw;
		height: 7.0588235294vw;
		font-size: 1.7647058824vw;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.fv_btn .btn a:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.btn_caption {
		font-size: 1.4705882353vw;
	}
	/* そのDX、前進している手応えはありますか？
	------------------------------------------------------------------------- */
	.dx {
		padding: min(1.7647058824vw, 24px);
	}
	.dx_inner {
		padding: min(4.1176470588vw, 56px) 0;
		border-radius: min(0.5882352941vw, 8px);
	}
	.wrap_dx_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: min(1.1764705882vw, 16px) min(2.3529411765vw, 32px);
		width: min(82.3529411765vw, 1120px);
		position: relative;
		z-index: 1;
	}
	.wrap_dx_contents::after {
		content: "";
		display: block;
		width: min(25.8823529412vw, 352px);
		height: min(25.8823529412vw, 352px);
		background: #B9D4CE;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		z-index: -1;
	}
	.dx_contents {
		width: min(40vw, 544px);
		min-height: min(22.4264705882vw, 305px);
		margin-bottom: 0;
		border-radius: min(0.5882352941vw, 8px);
		padding: min(2.5vw, 34px) min(1.6176470588vw, 22px);
	}
	.dx_contents p {
		font-size: min(1.4705882353vw, 20px);
	}
	.ttl_dx {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: min(1.1764705882vw, 16px);
		font-size: min(1.7647058824vw, 24px);
		padding-bottom: min(1.1764705882vw, 16px);
		margin-bottom: min(1.1764705882vw, 16px);
		text-align: left;
	}
	.ttl_dx::before {
		width: min(10vw, 136px);
		height: min(5.8823529412vw, 80px);
		margin: 0;
	}
	/* 仕様を自社の資産に変え、AIで開発を高速化する
	------------------------------------------------------------------------- */
	.feature .ttl_h2 {
		margin-bottom: min(2.9411764706vw, 40px);
		text-align: left;
	}
	.feature .ttl_h2::after {
		left: 0;
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	.flex_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: min(7.0588235294vw, 96px);
	}
	.feature_heading_text {
		font-size: min(1.4705882353vw, 20px);
	}
	.feature_img01 {
		width: min(25.8823529412vw, 352px);
		margin-top: 0;
	}
	.wrap_feature_contents {
		margin-top: min(3.5294117647vw, 48px);
	}
	.feature_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		gap: min(2.3529411765vw, 32px);
		padding: 0;
		margin-bottom: min(1.7647058824vw, 24px);
	}
	.feature_contents::after {
		width: 98.2352941176vw;
		left: 50%;
		-webkit-transform: translateX(calc(-50% + 0.8823529412vw));
		transform: translateX(calc(-50% + 0.8823529412vw));
	}
	.feature_contents:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.feature_contents:nth-child(even)::after {
		right: 50%;
		-webkit-transform: translateX(calc(50% - 0.8823529412vw));
		transform: translateX(calc(50% - 0.8823529412vw));
	}
	.feature_text {
		width: min(47.0588235294vw, 640px);
	}
	.feature_img02 {
		width: min(32.9411764706vw, 448px);
		margin-top: 0;
	}
	/* サービス
	------------------------------------------------------------------------- */
	.service .ttl_h2 span {
		font-size: min(2.9411764706vw, 40px);
	}
	.wrap_service_contents {
		margin-top: min(6.4705882353vw, 88px);
	}
	.service_contents {
		width: min(82.3529411765vw, 1120px);
		margin: 0 auto min(3.5294117647vw, 48px);
		border: 8px solid #8DC63F;
		padding: min(2.9411764706vw, 40px) 0;
		border-radius: min(1.7647058824vw, 24px);
	}
	.service_contents::after {
		width: min(25.2941176471vw, 344px);
		height: min(24.1176470588vw, 328px);
	}
	.inner_service_contents {
		width: min(68.2352941176vw, 928px);
	}
	.service_sub_ttl {
		width: auto;
		height: min(3.1617647059vw, 43px);
		border-radius: min(2.9411764706vw, 40px);
		font-size: min(1.7647058824vw, 24px);
		left: min(7.0588235294vw, 96px);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 0 min(2.3529411765vw, 32px);
	}
	.service_main_contents {
		margin-top: min(1.1764705882vw, 16px);
	}
	.wrap_service_main_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: min(2.3529411765vw, 32px);
		width: 100%;
		margin: 0;
	}
	.wrap_service_main_item .ttl_h5::before {
		width: min(7.0588235294vw, 96px);
		height: min(7.0588235294vw, 96px);
		margin: 0 auto min(0.5882352941vw, 8px);
	}
	.service_main_item {
		width: min(21.1764705882vw, 288px);
		position: relative;
		margin: 0;
	}
	.service_main_item:not(:last-child)::after {
		content: "";
		display: block;
		width: min(0.1470588235vw, 2px);
		height: 100%;
		background: #E3F2CE;
		border-radius: min(0.5882352941vw, 8px);
		position: absolute;
		top: 0;
		right: max(-1.1764705882vw, -16px);
	}
	.ul_service {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: min(2.9411764706vw, 40px);
	}
	.ul_service li {
		gap: min(0.5882352941vw, 8px);
		margin: 0;
	}
	.ul_service li::before {
		min-width: min(0.5882352941vw, 8px);
		max-width: min(0.5882352941vw, 8px);
		height: min(0.5882352941vw, 8px);
	}
	.service_contents:nth-child(2)::after {
		background-image: url(../images/top/service_num02_pc.svg);
		height: min(24.1176470588vw, 328px);
	}
	.service_contents:nth-child(2) .service_main_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.service_contents:nth-child(3)::after {
		background-image: url(../images/top/service_num03_pc.svg);
		height: min(24.1176470588vw, 328px);
	}
	/* 緊急対応 */
	.wrap_emergency_contents {
		width: min(82.3529411765vw, 1120px);
		margin: min(1.7647058824vw, 24px) auto 0;
		border-radius: min(0.5882352941vw, 8px);
		padding: min(2.9411764706vw, 40px) 0;
	}
	.inner_emergency_contents {
		width: min(68.2352941176vw, 928px);
	}
	.emergency_contents {
		margin-top: min(1.1764705882vw, 16px);
	}
	/* ========== 【経営資源】貴社の手元に残る確かな資産 ========== */
	.assets {
		padding: min(11.7647058824vw, 160px) 0 min(7.0588235294vw, 96px);
	}
	.assets::before {
		border-right: 50vw solid transparent;
		border-left: 50vw solid transparent;
		border-top: min(8.8235294118vw, 120px) solid #e2edeb;
	}
	.ul_assets {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: min(2.3529411765vw, 32px);
		font-size: min(1.7647058824vw, 24px);
		margin: min(2.3529411765vw, 32px) 0 min(3.5294117647vw, 48px);
	}
	.ul_assets li {
		width: min(18.8235294118vw, 256px);
		height: min(3.1617647059vw, 43px);
	}
	.wrap_assets_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: min(2.3529411765vw, 32px);
	}
	.assets_contents {
		width: min(25.8823529412vw, 352px);
		border-radius: min(0.5882352941vw, 8px);
		padding: min(2.3529411765vw, 32px) 0 min(2.9411764706vw, 40px);
		margin-bottom: 0;
	}
	.assets_contents .ttl_h3 {
		font-size: min(2.3529411765vw, 32px);
	}
	.assets_contents .ttl_h3::before {
		width: min(7.0588235294vw, 96px);
		height: min(7.0588235294vw, 96px);
		margin: 0 auto min(0.5882352941vw, 8px);
	}
	.assets_contents .ttl_h3 .f_small {
		font-size: min(1.3235294118vw, 18px);
	}
	.assets_contents p {
		width: min(22.3529411765vw, 304px);
	}
	/* CTA
	------------------------------------------------------------------------- */
	.cta {
		padding: min(4.7058823529vw, 64px) 0;
	}
	.wrap_cta_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: min(0.5882352941vw, 8px);
	}
	.cta_contents {
		width: min(49.1176470588vw, 668px);
		margin: 0;
		padding: min(2.9411764706vw, 40px) 0;
		border-radius: min(0.5882352941vw, 8px);
	}
	.cta_contents .btn_caption {
		font-size: min(1.7647058824vw, 24px);
		margin-bottom: min(1.1764705882vw, 16px);
	}
	.cta_contents .btn {
		width: min(25.8823529412vw, 352px);
		margin: 0 auto;
	}
	.cta_contents .btn a {
		height: min(7.0588235294vw, 96px);
		font-size: min(1.7647058824vw, 24px);
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.cta_contents .btn a:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.ttl_cta {
		font-size: min(2.3529411765vw, 32px);
		margin-bottom: min(1.1764705882vw, 16px);
	}
	/* 開発
	------------------------------------------------------------------------- */
	.development {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E3F2CE), color-stop(50%, #FFFFFF), to(#FFFFFF));
		background: linear-gradient(to bottom, #E3F2CE 0, #FFFFFF 50%, #FFFFFF 100%);
	}
	.development .lead_text {
		width: min(82.3529411765vw, 1120px);
		font-size: min(1.4705882353vw, 20px);
		font-weight: bold;
	}
	.development_table_ttl {
		width: min(68.2352941176vw, 928px);
		height: min(3.3823529412vw, 46px);
		margin: min(4.7058823529vw, 64px) auto min(2.3529411765vw, 32px);
		font-size: min(2.3529411765vw, 32px);
		border-radius: min(2.9411764706vw, 40px);
	}
	.wrap_development_table {
		overflow-x: auto;
		padding-left: 0;
		margin-top: 0;
		padding-top: min(0.5882352941vw, 8px);
	}
	.wrap_development_table table {
		width: min(82.3529411765vw, 1120px);
		margin: 0 auto;
	}
	.wrap_development_table table::before {
		width: min(24.1176470588vw, 328px);
		height: calc(100% + min(0.5882352941vw, 8px));
		border: min(0.5882352941vw, 8px) solid #F2A101;
		border-radius: min(0.5882352941vw, 8px);
		top: max(-0.5882352941vw, -8px);
		left: min(18.8235294118vw, 256px);
	}
	.wrap_development_table table th, .wrap_development_table table td {
		padding: min(1.1764705882vw, 16px) 0;
		font-size: min(1.3235294118vw, 18px);
	}
	.wrap_development_table table thead th:not(:nth-child(1)) {
		width: min(19.7794117647vw, 269px);
	}
	.wrap_development_table table thead th:nth-child(2) {
		width: min(23.5294117647vw, 320px);
		font-size: min(1.7647058824vw, 24px);
	}
	.wrap_development_point {
		width: min(82.3529411765vw, 1120px);
		margin: min(3.5294117647vw, 48px) auto 0;
		border-radius: min(0.5882352941vw, 8px);
		padding: min(2.9411764706vw, 40px) 0;
		border-width: min(0.5882352941vw, 8px);
	}
	.wrap_development_point p {
		width: auto;
		margin: 0;
		font-size: min(1.4705882353vw, 20px);
		text-align: center;
	}
	.wrap_development_point p .line_yellow {
		font-size: min(1.7647058824vw, 24px);
	}
	.wrap_development_point p .line_yellow::after {
		height: min(0.7352941176vw, 10px);
	}
	.ttl_h3_development_point {
		font-size: min(2.3529411765vw, 32px);
		margin-bottom: min(1.7647058824vw, 24px);
	}
	.line_yellow::after {
		height: min(1.1764705882vw, 16px);
	}
	.img_before_after {
		width: min(82.3529411765vw, 1120px);
		margin: min(1.7647058824vw, 24px) auto 0;
	}
	/* セキュリティ
	------------------------------------------------------------------------- */
	.security::after {
		width: calc(100vw - min(3.5294117647vw, 48px));
		border-radius: min(1.1764705882vw, 16px);
	}
	.security .ttl_h2 {
		margin-bottom: min(2.9411764706vw, 40px);
	}
	.security .lead_text {
		font-size: min(1.4705882353vw, 20px);
		text-align: center;
	}
	.wrap_security_contents {
		margin-top: 4.2666666667vw;
		position: relative;
	}
	.wrap_security_contents::after {
		content: "";
		display: block;
		width: min(56.5441176471vw, 769px);
		height: min(0.2941176471vw, 4px);
		background: #006554;
		position: absolute;
		top: min(5.7352941176vw, 78px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.wrap_security_contents .flex_box {
		gap: min(2.3529411765vw, 32px);
	}
	.security_heading {
		width: min(16.4705882353vw, 224px);
		height: min(3.9705882353vw, 54px);
		border-radius: min(2.9411764706vw, 40px);
		font-size: min(2.3529411765vw, 32px);
		margin: 0 auto min(3.5294117647vw, 48px);
		position: relative;
	}
	.security_heading::after {
		content: "";
		display: block;
		width: min(0.2941176471vw, 4px);
		height: min(2.3529411765vw, 32px);
		background: #006554;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 100%);
		transform: translate(-50%, 100%);
	}
	.security_contents {
		width: min(25.8823529412vw, 352px);
		border-radius: min(1.7647058824vw, 24px);
		padding: min(2.2794117647vw, 31px) 0 min(2.8676470588vw, 39px);
		margin-bottom: 0;
	}
	.security_contents::before {
		width: min(0.2941176471vw, 4px);
		height: min(1.7647058824vw, 24px);
	}
	.security_contents .ttl_h3 {
		width: min(21.1764705882vw, 288px);
		margin: 0 auto min(1.1764705882vw, 16px);
		padding-bottom: min(1.1764705882vw, 16px);
		font-size: min(1.7647058824vw, 24px);
	}
	.security_contents .ttl_h3 span::after {
		height: min(1.1764705882vw, 16px);
	}
	.security_item {
		width: min(21.1764705882vw, 288px);
		margin: 0 auto min(1.1764705882vw, 16px);
		font-size: min(1.3235294118vw, 18px);
	}
	.ttl_h4_security {
		font-size: min(1.3235294118vw, 18px);
		margin-bottom: min(0.5882352941vw, 8px);
	}
	/* よくあるご質問
	------------------------------------------------------------------------- */
	.dl_faq {
		width: min(68.2352941176vw, 928px);
	}
	.dl_faq dt, .dl_faq dd {
		gap: min(2.3529411765vw, 32px);
	}
	.dl_faq dt span, .dl_faq dd span {
		min-width: min(4.7058823529vw, 64px);
		max-width: min(4.7058823529vw, 64px);
		height: min(4.7058823529vw, 64px);
		font-size: min(2.3529411765vw, 32px);
	}
	.dl_faq dt {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: min(1.7647058824vw, 24px) 0 min(1.1764705882vw, 16px);
		font-size: min(1.7647058824vw, 24px);
	}
	.dl_faq dd {
		padding-bottom: min(2.3529411765vw, 32px);
	}
	/* CTA
	------------------------------------------------------------------------- */
	.cta_text {
		width: min(82.3529411765vw, 1120px);
		margin: 0 auto min(2.9411764706vw, 40px);
	}
	.ttl_h2_cta {
		font-size: min(2.9411764706vw, 40px);
		margin-bottom: min(1.1764705882vw, 16px);
	}
	/* 運営会社情報
	------------------------------------------------------------------------- */
	.dl_company {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: min(68.2352941176vw, 928px);
	}
	.dl_company dt, .dl_company dd {
		padding: min(0.8088235294vw, 11px) min(1.7647058824vw, 24px);
		font-size: min(1.3235294118vw, 18px);
	}
	.dl_company dt {
		width: min(18.8235294118vw, 256px);
		border-radius: min(0.5882352941vw, 8px);
		margin-bottom: min(0.5882352941vw, 8px);
	}
	.dl_company dd {
		width: calc(100% - min(18.8235294118vw, 256px));
		margin-bottom: min(0.5882352941vw, 8px);
	}
	.dl_company dd:last-of-type {
		margin-bottom: 0;
	}
}