/* --------------------------------------------------- */
/* --- vibit cms style ------------------------------- */
/* --------------------------------------------------- */

/* --- blockparts box style ------------------------------- */
form[name="vcms_blockForm"] .poptitle.vml10 {
	margin-left: 0 !important;
}


/* --- blockparts line text ------------------------------- */
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section::before {
	content: '';
	display: inline-block;
	margin: 15px 0 0 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6633;
}

#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-news::before {
	content: '▼ニュース領域▼';
}
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-service::before {
	content: '▼サービス・ソリューション領域▼';
}
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-service02::before {
	content: '▼サービス導入事例領域▼';
}
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-pickup02::before {
	content: '▼PICK UP領域▼';
}
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-column::before {
	content: '▼コラム・解説資料領域▼';
}
#vcbody-wrapper [id^="VcArea-TopParts"] .d-section.-recruit::before {
	content: '▼採用情報領域▼';
}

#vcbody-wrapper #VcArea-DBParts.case .relation::before {
	content: '▼リレーション領域▼';
	display: inline-block;
	margin: 15px 0 0 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6633;
}

#vcbody-wrapper #VcArea-BasicParts.case::before {
	content: '▼コンテンツ領域▼';
	display: inline-block;
	margin: 15px 0 0 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6633;
}

#vcbody-wrapper .local-nav::before,
#vcbody-wrapper .local-nav::after {
	display: inline-block;
	margin: 5px 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ff6633;
}
#vcbody-wrapper .local-nav::before { content: '▼ローカルナビ領域▼'; }
#vcbody-wrapper .local-nav::after { content: '▲ローカルナビ領域▲'; }

.vcms_devider {
	display: none;
	#vcbody-wrapper & {
		display: block;
		height: 2rem;
	}
}


/* --- header sticky fix  ------------------------------- */
#vcbody-wrapper .d-header {
	position: static !important;
}
#vcbody-wrapper .headding-box {
	position: static !important;
}


/* --- localnav fix  ------------------------------- */
#vcbody-wrapper .local-nav .d-parts.default-9 ul,
#vcbody-wrapper .local-nav .d-parts.default-9 ol,
#vcbody-wrapper .local-nav .d-parts.default-9 ul li,
#vcbody-wrapper .local-nav .d-parts.default-9 ol li {
	list-style: none;
}

/* --- blockparts img has no sorce fix  ------------------------------- */
#vcbody-wrapper .d-parts.default-5 .vccf:last-of-type p,
#vcbody-wrapper .d-parts.default-11 .vccf:last-of-type p,
#vcbody-wrapper .d-parts.default-12 .vccf:last-of-type p {
	margin-bottom: 0;
}

/* --- blockparts img has no sorce fix  ------------------------------- */
#vcbody-wrapper .d-section img[src=""] {
	display: none;
}

/* --- blockparts default list mark ------------------------------- */
#vcbody-wrapper .d-parts.default-9 ul li {
	list-style: disc;
}
#vcbody-wrapper .d-parts.default-10 ol li {
	list-style: decimal;
}

/* --- blockparts BasicParts13-1 margin ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts13-1 > .body > * {
	margin-bottom: 30px;
}
#vcbody-wrapper .b-parts.BasicParts13-1 > .body > *:last-of-type {
	margin-bottom: 0;
}

/* --- blockparts BasicParts14-1 margin ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts14-1 > .body > * {
	margin-bottom: 30px;
}
#vcbody-wrapper .b-parts.BasicParts14-1 > .body > *:last-of-type {
	margin-bottom: 0;
}

/* --- blockparts BasicParts16-1 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts16-1 .body {
	flex-wrap: wrap;
}

/* --- blockparts BasicParts19-1 width ------------------------------- */
/* #vcbody-wrapper .b-parts.BasicParts19-1 {
	width: 50%;
} */

/* --- blockparts BasicParts21-2 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts21-2 .body > * {
	margin-bottom: 10px;
	width: calc((100% - 60px) / 5);
}

/* --- blockparts BasicParts23-1 item flex ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts23-1 .body.js-visual-slider {
	display: flex;
	justify-content: center;
	width: 100%;
}
#vcbody-wrapper .b-parts.BasicParts23-1 .body.js-visual-slider > * {
	width: 100%;
}
#vcbody-wrapper .b-parts.BasicParts23-1 .body.js-visual-slider .partsItem {
	width: 100%;
}
#vcbody-wrapper .b-parts.BasicParts23-1 .body.js-visual-slider .partsItem img {
	width: 100%;
}

/* --- blockparts BasicParts31-1 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts31-1 .tab-selector+.content_area .contentItem {
	display: block;
}

/* --- blockparts BasicParts33 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts33-1 .tab-selector-news {
	justify-content: start;
	height: initial;
}
#vcbody-wrapper .b-parts.BasicParts33-1 .tab-selector-news [class*="vcms_"] {
	width: 100%;
}

/* --- blockparts BasicParts35 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts35-1 > .body {
	display: block;
	padding-bottom: 250px;
}
#vcbody-wrapper .b-parts.BasicParts35-1 > .body .bgImg {
	width: 100%;
}
#vcbody-wrapper .b-parts.BasicParts35-1 > .body .bgCover {
	padding-bottom: 29%;
	width: 100%;
	height: 0;
}

/* --- blockparts BasicParts36 width ------------------------------- */
#vcbody-wrapper .b-parts.BasicParts36-1 > .body .partsItem {
	width: auto;
}

/* --- blockparts BasicParts36 width ------------------------------- */
#vcbody-wrapper .video {
	margin: 5%;
	width: 90%;
}

/* --- blockparts BasicParts36 width ------------------------------- */
#vcbody-wrapper .video {
	margin: 5%;
	width: 90%;
}

/* --- blockparts DBParts11-1 date width ------------------------------- */
#vcbody-wrapper .db-parts.DBParts11-1 .d-date-list02 {
	width: 22rem;
}

/* --- blockparts FooterParts1-1 icon img ------------------------------- */
#vcbody-wrapper .f-parts.FooterParts1-1 .partsItem .d-btn {
	position: relative;
	display: flex;
	align-items: center;

	& img {
		position: absolute;
		z-index: 10;
		left: 35px;
	}
}


/* === top page  ======================== */
#VcArea-MainVisual {
	margin-bottom: 50px;
}
section.-news {
	& .DBParts7-1 {
		display: none;
		&.on {
			display: block;
		}
	}
}
#vcbody-wrapper .DBParts7-1 {
	display: block;
}
#vcbody-wrapper .card-slider .body ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	& > div {
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

/* === seminar detail page  ======================== */
#vcbody-wrapper #seminarTxt {
	& p {
		display: block;
	}
}


/* === sitemap page  ======================== */
.vc-parts.vc-sitemap ol {
	margin-left: 30px;

	& li {
		position: relative;
		margin-bottom: 10px;

		& a[href*="/detail/"] {
			display: none;
		}
		& a[href*="/detail/"] {
			display: none;
		}
		& a[href*="/service/detail/"],
		& a[href*="/service/casestudy/detail/"] {
			display: inline;
		}
		& a[href*="/service/detail/comorebiz.html"] {
			display: none;
		}

		& a::before {
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			position: absolute;
			top: 8px;
			left: -18px;
			border-right: 2px solid var(--color-red);
			border-bottom: 2px solid var(--color-red);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}
}

/*.vc-parts.vc-sitemap > ol {
	& > li {
		margin-bottom: 40px;
	}
}*/


/* === smp widget  ======================== */
#smpWidgetArea {
	right: unset !important;
	left: 2% !important;

	& #smpWidgetCloseButton {
		background-color: revert;
		font-family: revert;
		line-height: revert;
	}
}

/*20241009コラムヘッダー調整*/

.columnDP .h-parts.HeadingParts1-1{
	display: none
}
.d-wrapper.columnDP .HeadingParts1-1 .d-headding01 {
    display:inherit
}
@media (min-width:769px) {
	.d-wrapper.columnDP .headding-box {
		margin-top: -1px;
	}
	
	.columnDP .headding-box {
		margin-top: -1px;
		min-height: 8px;
	}
}
@media (max-width: 768px) {
	.d-wrapper.columnDP .headding-box {
		margin-top: 0;
	}
}