#home { background:#fff; color:#1f1f1f; padding-bottom:90px; }
#home * { box-sizing:border-box; }
#home p { line-height:1.75; word-break:keep-all; }
.home-wrap { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
.home-kicker { margin:0 0 12px; color:#1f8fb5; font-size:12px; font-weight:700; letter-spacing:0; text-transform:uppercase; }
.home-placeholder { display:flex; justify-content:center; align-items:center; min-height:210px; border:1px solid #dfe7ea; background:#edf3f5 center/cover no-repeat; color:#7f9299; font-size:13px; text-align:center; overflow:hidden; }
.home-placeholder span { display:none; }
.home-visual { padding:78px 0 70px; background:#f7fafb; }
.home-visual__grid { display:grid; grid-template-columns:1fr 1.15fr; gap:54px; align-items:center; }
.home-visual__copy h1 { margin:0; max-width:540px; font-size:48px; line-height:1.18; letter-spacing:0; word-break:keep-all; }
.home-visual__copy p:last-child { max-width:520px; margin:22px 0 0; color:#4f5d62; font-size:18px; }
.home-visual__image { min-height:390px; background-image:url("../img/pfemakkah_bg.png"); }
.home-about { padding:78px 0 0; }
.home-split { display:grid; grid-template-columns:.82fr 1.18fr; gap:64px; padding:54px; border:1px solid #e7ecee; background:#fff; }
.home-split h2, .home-section-head h2, .home-feature h2, .home-lab h2 { margin:0; font-size:34px; line-height:1.28; letter-spacing:0; word-break:keep-all; }
.home-text p { margin:0; color:#4c5559; font-size:17px; }
.home-text p + p { margin-top:14px; }
.home-trend { padding:90px 0 0; }
.home-section-head { max-width:700px; margin:0 auto 32px; text-align:center; }
.home-section-head p:last-child { margin:14px 0 0; color:#59666b; }
.home-card-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.home-card-grid article { padding:18px; border:1px solid #e4ebee; background:#fff; }
.home-card-grid .home-placeholder { min-height:185px; }
.home-card-grid article:nth-child(1) .home-placeholder { background-image:url("../img/item-1.jpg"); }
.home-card-grid article:nth-child(2) .home-placeholder { background-image:url("../img/item-2.jpg"); }
.home-card-grid article:nth-child(3) .home-placeholder { background-image:url("../img/item-3.jpg"); }
.home-card-grid h3 { margin:20px 0 8px; font-size:20px; line-height:1.35; word-break:keep-all; }
.home-card-grid p { margin:0; color:#5b666a; font-size:15px; }
.home-solution { padding:90px 0 0; }
.home-feature { display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; padding:46px; background:#f5f8f8; }
.home-feature__image { min-height:340px; background-image:url("../img/item-4.jpg"); background-color:#eef6f7; }
.home-feature__copy p { margin:16px 0 0; color:#4f5c61; font-size:17px; }
.home-feature__copy ul { margin:24px 0 0; padding:0; list-style:none; }
.home-feature__copy li { position:relative; margin-top:10px; padding-left:18px; color:#333d41; line-height:1.6; }
.home-feature__copy li::before { content:""; position:absolute; top:11px; left:0; width:6px; height:6px; border-radius:50%; background:#1f8fb5; }
.home-research { padding:90px 0 0; }
.home-split--reverse { background:#fafafa; }
.home-lab { padding:90px 0 0; text-align:center; }
.home-lab__box { padding:60px 34px; border:1px solid #dfe7ea; background:#fff; }
.home-lab__box > p:not(.home-kicker) { max-width:640px; margin:18px auto 0; color:#526066; font-size:17px; }
.home-lab__items { display:flex; justify-content:center; gap:10px; margin-top:30px; flex-wrap:wrap; }
.home-lab__items span { display:inline-flex; align-items:center; justify-content:center; min-width:86px; height:38px; border:1px solid #d7e2e6; background:#f7fafb; color:#314047; font-size:14px; }
@media (max-width:760px){
	#home { padding-bottom:64px; }
	.home-wrap { width:calc(100% - 28px); }
	.home-visual { padding:54px 0 50px; }
	.home-visual__grid, .home-split, .home-feature { grid-template-columns:1fr; gap:28px; }
	.home-visual__copy h1 { font-size:34px; }
	.home-visual__copy p:last-child { font-size:16px; }
	.home-visual__image, .home-feature__image { min-height:260px; }
	.home-about, .home-trend, .home-solution, .home-research, .home-lab { padding-top:56px; }
	.home-split, .home-feature, .home-lab__box { padding:30px 22px; }
	.home-split h2, .home-section-head h2, .home-feature h2, .home-lab h2 { font-size:28px; }
	.home-card-grid { grid-template-columns:1fr; }
	.home-card-grid .home-placeholder { min-height:170px; }
}