.ori{
      --teal:#087983;
      --teal-dark:#005c66;
      --teal-pale:#e8f5f4;
      --orange:#ff7800;
      --orange-dark:#e66000;
      --ink:#123454;
      --muted:#5e7180;
      --line:#d6e4e5;
      --white:#fff;
      --shadow:0 14px 34px rgba(0,78,88,.13);
      --radius:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    .ori{
      margin:0;
      color:var(--ink);
      background:#fff;
      font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
      line-height:1.7;
    }
    a{color:inherit}
    .container2{width:min(1280px,calc(100% - 40px));margin:auto}
   .topbar{
      position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
      backdrop-filter:blur(12px);border-bottom:1px solid rgba(214,228,229,.8)
    }
    .nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .logo{font-weight:800;letter-spacing:.04em}
    .logo span{display:block;color:var(--teal);font-size:12px;line-height:1.2}
    .logo strong{font-size:17px;line-height:1.2}
    .navlinks{display:flex;gap:24px;font-size:13px;font-weight:700}
    .navlinks a{text-decoration:none}
    .navlinks a:hover{color:var(--orange)}
    .nav-cta{background:var(--orange);color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}

    .hero{
		position:relative;
		overflow:hidden;
		background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 24%),linear-gradient(135deg,#92bec1 0%,#4a9a9d 48%,#087983 100%);
		color:#fff;
    }
    .hero:after{
		content:"";
		position:absolute;
		inset:auto -10% -45% 38%;
		height:1100px;
		border:2px solid rgba(255,255,255,.15);
		border-radius:50%;
		transform:rotate(-10deg);
		pointer-events:none
    }
    .hero-inner{
		min-height:450px;
		padding:0px;
		display:grid;
		grid-template-columns:1.08fr .92fr;
		align-items:center;
		gap:50px;
		position:relative;
		z-index:1
	}
    .eyebrow{
		display:inline-flex;
		align-items:center;
		gap:10px;
		background:var(--orange);
		padding:8px 16px;
		border-radius:8px;
		font-weight:800;
		letter-spacing:.08em;
		font-size:20px;
		box-shadow:0 8px 18px rgba(117,48,0,.2)
	}
    h1{font-size:clamp(38px,5.3vw,72px);line-height:1.17;margin:24px 0 20px;letter-spacing:.02em;text-shadow:0 5px 0 rgba(0,74,80,.18)}
    .hero-lead{font-size:clamp(16px,2vw,21px);font-weight:700;margin:0 0 30px;color:#f7ffff}
    .hero-actions{
		display:flex;
		flex-wrap:wrap;
		gap:12px
	}
    .btn{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		gap:8px;
		padding:14px 22px;
		border-radius:999px;
		text-decoration:none;
		font-weight:800;
		border:2px solid transparent;
		transition:.2s
	}
    .btn-primary{
		background:var(--orange);
		color:#fff;
		box-shadow:0 10px 22px rgba(116,54,0,.22)
	}
    .btn-primary:hover{
		background:var(--orange-dark);
		transform:translateY(-2px)
	}
    .btn-light{background:#fff;color:var(--teal-dark)}
    .btn-light:hover{transform:translateY(-2px)}
    .hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
    .meta-pill{border:1px solid rgba(255,255,255,.55);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700}
    .lab-illustration{position:relative;min-height:370px}
    .lab-card{position:absolute;inset:15px 0 0 16px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 22px 55px rgba(0,70,75,.18)}
    .lab-svg{width:100%;max-width:460px}
    section{padding:90px 0}
    .section-head{text-align:center;max-width:720px;margin:0 auto 42px}
    .kicker{color:var(--orange);font-weight:900;letter-spacing:.12em;font-size:13px}
    h2{font-size:clamp(28px,4vw,43px);line-height:1.3;margin:10px 0 12px}
    .section-head p{margin:0;color:var(--muted)}
    .event-strip{background:var(--orange);color:#fff}
    .event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
    .event-item{padding:10px 15px}
    .event-item small{display:block;font-weight:700;opacity:.9}
    .event-item strong{display:block;font-size:23px;margin-top:3px}
    .solutions{background:var(--teal-pale)}
    .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .solution-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .solution-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--teal)}

/*
    .icon{width:48px;height:48px;border-radius:50%;background:#fff1e5;color:var(--orange);display:grid;place-items:center;font-size:23px;margin-bottom:17px}
*/
    .solution-card h3{margin:0 0 7px;font-size:19px}
    .solution-card .product{color:var(--orange);font-weight:900;font-size:12px;letter-spacing:.06em}
    .solution-card p{margin:9px 0 0;color:var(--muted);font-size:14px}
    .booth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}
    .booth-card{border-radius:var(--radius);padding:38px;background:var(--teal);color:#fff;box-shadow:var(--shadow)}
    .booth-card h3{font-size:27px;margin:0 0 16px}
    .booth-number{font-size:clamp(54px,8vw,88px);font-weight:900;line-height:1;color:#fff;margin:20px 0 25px;letter-spacing:.03em}
    .booth-card p{margin:0;color:#e4ffff}
    .gift-card{border-radius:var(--radius);padding:38px;background:linear-gradient(135deg,#fff8f1,#fff);border:2px solid #ffd0ad;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
    .gift-card h3{font-size:27px;color:var(--orange-dark);margin:0 0 12px}
    .gift-card p{color:var(--muted);margin:0 0 22px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
    .step{position:relative;text-align:center;padding:18px 10px 10px}
    .step:not(:last-child):after{content:"›";position:absolute;right:-12px;top:24px;color:var(--orange);font-size:27px;font-weight:900}
    .step-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:var(--orange);color:#fff;font-weight:900}
    .step strong{font-size:14px}
    .online{background:#f8fbfb}
    .online-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .online-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;gap:15px;align-items:flex-start}
    .online-item b{display:block;margin-bottom:5px}
    .online-item span{color:var(--muted);font-size:13px}
    .mini-icon{font-size:25px;min-width:34px}
    .final-cta{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;text-align:center}
    .final-cta h2{margin-top:0}
    .final-cta p{color:#d9ffff;margin:0 auto 26px}
    footer{background:#004e58;color:#bfe5e5;padding:25px 0;font-size:13px}
    .footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .note{font-size:12px;color:var(--muted);margin-top:18px}
    @media(max-width:850px){
      /*.navlinks{display:none}*/
      .hero-inner,.booth-wrap,.online-grid{grid-template-columns:1fr}
      .hero-inner{padding-top:62px;min-height:auto}
      .lab-illustration{min-height:290px}
      .solution-grid{grid-template-columns:repeat(2,1fr)}
      .event-grid{grid-template-columns:1fr}
      .event-item{padding:7px}
    }
    @media(max-width:560px){
      .container{width:min(100% - 28px,1120px)}
      section{padding:64px 0}
      .solution-grid{grid-template-columns:1fr}
      .steps{grid-template-columns:repeat(2,1fr);gap:10px}
      .step:not(:last-child):after{display:none}
      .booth-card,.gift-card{padding:27px}
      .hero-actions .btn{width:100%}
      .lab-card{inset:0;padding:20px}
    }