.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Elementor 4 移行対応（2026-10）: ボタンのアイコンを旧バージョンと同じ表示に戻す */
/* 新版は SVG アイコンに height:auto を付け、アイコン枠を flex にするため、矢印が縦に伸び、ボタンの高さが変わる */
.elementor-button .elementor-button-icon {
	display: block;
}
/* 丸矢印アイコン（34×34） */
.elementor-button-icon svg[viewBox="0 0 34 34"] {
	height: 34px;
}
/* 山形矢印アイコン（8.414×14.828） */
.elementor-button-icon svg[viewBox="0 0 8.414 14.828"] {
	height: 14.828px;
}

/* NEWS一覧（投稿ページ /news/）: 新版のアーカイブタイトルが「NEWS一覧 - 株式会社iLab」を出すようになったため、旧版と同じく非表示にする */
body.blog .elementor-widget-theme-archive-title {
	display: none;
}

/* NEWS記事ページ: 前後記事ナビ。新版は区切り線の CSS が .elementor-grid 前提なのに HTML からそのクラスが消えたため、線と余白を補う */
.elementor-post-navigation-borders-yes .elementor-post-navigation {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding-top: 10px;
	padding-bottom: 10px;
}
.elementor-post-navigation-borders-yes .elementor-post-navigation__separator {
	background-color: #d4d4d4;
}
/* 矢印の行の高さを旧版（45px）に戻す */
.elementor-post-navigation .post-navigation__arrow-wrapper {
	display: block;
}
.elementor-post-navigation .post-navigation__arrow-wrapper i {
	display: inline-block;
}

/* NEWS記事ページ: シェアボタン。新版で付いた下方向のマイナス余白を打ち消し、旧版と同じ高さにする */
.elementor-widget-share-buttons .elementor-grid {
	margin-bottom: 0;
}

/* 各ページのカスタムCSSが旧版の .elementor-column-wrap を指定していた分を、新版の .elementor-widget-wrap で書き直したもの
   （新版はカラム内の入れ物が .elementor-column-wrap > .elementor-widget-wrap の2重から .elementor-widget-wrap の1つになった）
   元のルール: 私たちについて / サービス一覧 / サービス詳細申し込み / ルミエール / イノベータ研修 / イノベーション診断テスト /
   イノベーション・チームアップ研修 / ホリスティック研修 / iLIP / テンプレート showcase_ver.1.0.1 */
.showcase_img .elementor-widget-wrap {
	border-radius: 20px 0px 0px 20px !important;
}
.service_images_right .elementor-widget-wrap {
	border-radius: 20px 0px 0px 20px !important;
}
.service_images_left .elementor-widget-wrap {
	border-radius: 0px 20px 20px 0px !important;
}
.traning_list_box .elementor-widget-wrap {
	border-radius: 4px !important;
}
.company_wrap .elementor-widget-wrap.elementor-element-populated {
	border-radius: 40px;
}
.company_wrap .elementor-widget-wrap.elementor-element-populated h3 {
	border-bottom: solid 1px;
	padding-bottom: 15px;
}
.service_inner_wrap .elementor-widget-wrap.elementor-element-populated {
	border-radius: 40px;
}
.benefit_wrap .elementor-widget-wrap {
	border-radius: 20px;
}
.innovation_why_warp .elementor-widget-wrap {
	border-radius: 20px;
}
.innovation_why_warp .elementor-widget-wrap p {
	border-bottom: dotted 1px #4F646E;
	padding-bottom: 15px;
}

/* ルミエール: 画像ウィジェットの .elementor-image 枠が新版でなくなったため、画像の幅指定を書き直したもの */
.elementor-1241 .elementor-element.elementor-element-6de2f71 img {
	max-width: 100%;
	width: 100%;
}

/* アイコンリスト: 新版はアイコンを項目の縦中央に置くため、複数行の項目でアイコンが下がる。旧版と同じ「1行目に揃える」配置に戻す
   （このCSSはアイコンリスト用CSSより先に読み込まれるので、.elementor-widget-icon-list を足して優先度を上げている） */
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item {
	align-items: flex-start;
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-icon {
	display: block;
}
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-icon i {
	display: inline-block;
}
/* ルミエールのリスト: 旧版は文字サイズ・行の高さの設定がアイコン側にも効いていたので、同じ値を与える */
.elementor-element-92731f3 .elementor-icon-list-icon {
	font-size: 20px;
	line-height: 2em;
}
@media (max-width: 767px) {
	.elementor-element-92731f3 .elementor-icon-list-icon {
		font-size: 14px;
	}
	/* ルミエール: スマホでは画像を幅いっぱいに（旧版でカスタムCSSが効いていた状態） */
	.elementor-1241 .elementor-element.elementor-element-6de2f71 .elementor-widget-container img {
		max-width: 100%;
		width: 100%;
	}
}

/* トップの白いサークル模様の背景（セクション 15627c4）：新版では背景のスクロール効果の動く量が変わり、背景が上にずれる。Elementor 側の動きは止め、旧版と同じ動きは Simple Custom CSS and JS の「トップ背景の動き」で付ける */
.elementor-element-15627c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	transform: none !important;
}

/* 読み込み時は最初から背景を少し上に出し、すぐに最終位置まで降ろす（1 秒、旧版と同じ動き方）。Elementor が背景を切り替えたあとは「トップ背景の動き」が続きを引き継ぐ。上にずらす量は、本番（旧版）で背景が一番上がったときの位置に合わせた値（画面の高さに対する割合） */
.elementor-element-15627c4 {
	--ilab-kv-start: -13vh;
	--ilab-kv-end: 0.55vh;
}

@media (max-width: 1024px) {
	.elementor-element-15627c4 {
		--ilab-kv-start: -12vh;
		--ilab-kv-end: -5vh;
	}
}

@media (max-width: 767px) {
	.elementor-element-15627c4 {
		--ilab-kv-start: -10.5vh;
		--ilab-kv-end: -1.8vh;
	}
}

@media (prefers-reduced-motion: no-preference) {
	body:not(.elementor-editor-active) .elementor-element-15627c4:not(.elementor-motion-effects-element-type-background) {
		animation: ilab-kv-drop 1s cubic-bezier(0, .33, .07, 1.03) both;
	}
}

@keyframes ilab-kv-drop {
	from {
		background-position-y: var(--ilab-kv-start);
	}
	to {
		background-position-y: var(--ilab-kv-end);
	}
}

/* トップの白い角丸の箱（#bg-img-box-sp、z-index:50）が、画面幅 430〜767px で YouTube 動画の上に重なるため、動画を箱より上に出す（更新前の本番からの問題） */
.elementor-92 .elementor-element.elementor-element-cf48e29,
.elementor-92 .elementor-element.elementor-element-544b532 {
	z-index: 51;
}/* End custom CSS */