{"id":17,"date":"2026-04-24T06:44:01","date_gmt":"2026-04-24T06:44:01","guid":{"rendered":"https:\/\/hisoujissou.com\/?page_id=17"},"modified":"2026-04-24T07:12:58","modified_gmt":"2026-04-24T07:12:58","slug":"%e3%83%8d%e3%83%83%e3%83%88%e8%ac%9b%e5%ba%a7","status":"publish","type":"page","link":"http:\/\/hisoujissou.com\/?page_id=17","title":{"rendered":"\u30cd\u30c3\u30c8\u8b1b\u5ea7(\u4f5c\u6210\u4e2d)"},"content":{"rendered":"\n<style>\n\/* ==========================================\n   IoT Online Course LP\n   WordPress Fixed Page Compatible\n   Scoped by .iot-course-lp\n========================================== *\/\n.iot-course-lp{\n  --c-navy:#0b2340;\n  --c-blue:#0b67d8;\n  --c-cyan:#11b8d8;\n  --c-teal:#16c7aa;\n  --c-text:#25374e;\n  --c-sub:#64758c;\n  --c-line:#dbe7f2;\n  --c-soft:#f6fbff;\n  --c-white:#ffffff;\n  font-family:-apple-system,BlinkMacSystemFont,\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",\"Meiryo\",sans-serif;\n  color:var(--c-text);\n  line-height:1.8;\n  background:#fff;\n  overflow:hidden;\n}\n.iot-course-lp *{box-sizing:border-box;}\n.iot-course-lp a{text-decoration:none;color:inherit;}\n.iot-course-lp img{max-width:100%;height:auto;display:block;}\n\n.iot-course-lp .wrap{\n  width:min(1120px, calc(100% - 32px));\n  margin:0 auto;\n}\n.iot-course-lp .sec{\n  padding:80px 0;\n}\n.iot-course-lp .bg-soft{\n  background:linear-gradient(180deg,#fbfdff 0%, #f4f9ff 100%);\n}\n.iot-course-lp .sec-head{\n  text-align:center;\n  margin-bottom:42px;\n}\n.iot-course-lp .sec-head h2{\n  margin:0;\n  color:var(--c-navy);\n  font-size:clamp(26px,3vw,38px);\n  letter-spacing:.04em;\n}\n.iot-course-lp .sec-head p{\n  margin:12px auto 0;\n  max-width:760px;\n  color:var(--c-sub);\n  font-size:15px;\n}\n.iot-course-lp .sec-head .line{\n  display:inline-block;\n  width:52px;\n  height:4px;\n  margin-top:14px;\n  border-radius:999px;\n  background:linear-gradient(90deg,var(--c-blue),var(--c-cyan));\n}\n\n\/* header *\/\n.iot-course-lp .header{\n  position:sticky;\n  top:0;\n  z-index:30;\n  background:rgba(255,255,255,.92);\n  backdrop-filter:blur(12px);\n  border-bottom:1px solid rgba(219,231,242,.8);\n}\n.iot-course-lp .header-in{\n  min-height:76px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n}\n.iot-course-lp .brand{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:var(--c-navy);\n  font-weight:800;\n  font-size:22px;\n  letter-spacing:.05em;\n}\n.iot-course-lp .brand-mark{\n  width:36px;height:28px;border-radius:8px;\n  background:linear-gradient(135deg,var(--c-blue),var(--c-cyan));\n  clip-path:polygon(0 50%,100% 0,68% 48%,100% 100%);\n}\n.iot-course-lp .nav{\n  display:flex;\n  align-items:center;\n  gap:26px;\n  color:var(--c-navy);\n  font-size:14px;\n  font-weight:700;\n}\n.iot-course-lp .nav a:hover{color:var(--c-blue);}\n.iot-course-lp .btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:48px;\n  padding:0 24px;\n  border-radius:999px;\n  font-weight:800;\n  transition:.25s ease;\n}\n.iot-course-lp .btn-primary{\n  color:#fff;\n  background:linear-gradient(135deg,var(--c-blue),var(--c-teal));\n  box-shadow:0 12px 28px rgba(11,103,216,.22);\n}\n.iot-course-lp .btn-primary:hover{\n  transform:translateY(-2px);\n  box-shadow:0 16px 34px rgba(11,103,216,.28);\n}\n.iot-course-lp .btn-outline{\n  color:var(--c-blue);\n  background:#fff;\n  border:1px solid #9fc4ef;\n}\n.iot-course-lp .btn-outline:hover{background:#f0f7ff;}\n\n\/* hero *\/\n.iot-course-lp .hero{\n  position:relative;\n  overflow:hidden;\n  padding:82px 0 48px;\n  background:\n    radial-gradient(circle at 82% 18%, rgba(17,184,216,.16), transparent 22%),\n    linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);\n}\n.iot-course-lp .hero-grid{\n  display:grid;\n  grid-template-columns:1fr 1.05fr;\n  gap:48px;\n  align-items:center;\n}\n.iot-course-lp .hero-copy .eyebrow{\n  display:inline-block;\n  margin-bottom:16px;\n  padding:8px 14px;\n  border-radius:999px;\n  color:var(--c-blue);\n  background:#eef7ff;\n  font-size:13px;\n  font-weight:800;\n}\n.iot-course-lp .hero-copy h1{\n  margin:0 0 18px;\n  color:var(--c-navy);\n  font-size:clamp(38px,5vw,62px);\n  line-height:1.22;\n  letter-spacing:.03em;\n}\n.iot-course-lp .hero-copy h1 strong{\n  color:var(--c-blue);\n}\n.iot-course-lp .hero-copy p{\n  margin:0 0 28px;\n  color:var(--c-sub);\n  font-size:16px;\n  max-width:580px;\n}\n.iot-course-lp .hero-btns{\n  display:flex;\n  gap:14px;\n  flex-wrap:wrap;\n}\n.iot-course-lp .hero-points{\n  margin-top:24px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n.iot-course-lp .hero-points span{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  min-height:38px;\n  padding:0 14px;\n  border-radius:999px;\n  background:#fff;\n  border:1px solid #dce8f3;\n  color:var(--c-navy);\n  font-size:13px;\n  font-weight:700;\n  box-shadow:0 8px 20px rgba(11,35,64,.06);\n}\n\n\/* hero visual *\/\n.iot-course-lp .hero-visual{\n  min-height:470px;\n  position:relative;\n}\n.iot-course-lp .visual-stage{\n  position:absolute;\n  inset:0;\n  border-radius:28px;\n  border:1px solid #d7e6f4;\n  background:\n    radial-gradient(circle at 78% 18%, rgba(17,184,216,.22), transparent 28%),\n    linear-gradient(135deg,#ffffff,#edf8ff);\n  box-shadow:0 24px 56px rgba(11,35,64,.14);\n  overflow:hidden;\n}\n.iot-course-lp .visual-cloud{\n  position:absolute;\n  right:52px; top:42px;\n  width:120px; height:72px;\n  border-radius:999px;\n  background:linear-gradient(135deg,var(--c-blue),var(--c-cyan));\n  box-shadow:0 16px 34px rgba(11,103,216,.22);\n}\n.iot-course-lp .visual-cloud:before,\n.iot-course-lp .visual-cloud:after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  background:inherit;\n}\n.iot-course-lp .visual-cloud:before{\n  width:56px;height:56px;left:16px;top:-18px;\n}\n.iot-course-lp .visual-cloud:after{\n  width:50px;height:50px;right:18px;top:-12px;\n}\n.iot-course-lp .visual-board{\n  position:absolute;\n  left:48px; bottom:56px;\n  width:250px; height:156px;\n  border-radius:18px;\n  background:\n    radial-gradient(circle at 16% 28%, #dcfff7 0 4px, transparent 5px),\n    radial-gradient(circle at 78% 64%, #dcfff7 0 4px, transparent 5px),\n    repeating-linear-gradient(90deg, transparent 0 18px, rgba(255,255,255,.18) 18px 20px),\n    repeating-linear-gradient(0deg, transparent 0 16px, rgba(255,255,255,.13) 16px 18px),\n    linear-gradient(135deg,#0b7e63,#0ea26d);\n  box-shadow:0 18px 36px rgba(11,35,64,.18);\n  transform:rotate(-8deg);\n}\n.iot-course-lp .visual-board .chip{\n  position:absolute;\n  border-radius:8px;\n  background:#182236;\n  box-shadow:inset 0 0 0 5px #27374d;\n}\n.iot-course-lp .visual-board .chip.c1{width:74px;height:54px;left:28px;top:42px;}\n.iot-course-lp .visual-board .chip.c2{width:58px;height:46px;right:42px;top:72px;}\n\n.iot-course-lp .visual-card{\n  position:absolute;\n  width:180px;\n  border-radius:18px;\n  background:#fff;\n  border:1px solid #d9e6f2;\n  box-shadow:0 16px 34px rgba(11,35,64,.12);\n  padding:16px 16px 14px;\n}\n.iot-course-lp .visual-card h3{\n  margin:0 0 8px;\n  font-size:15px;\n  color:var(--c-navy);\n}\n.iot-course-lp .visual-card p{\n  margin:0;\n  font-size:12px;\n  line-height:1.7;\n  color:var(--c-sub);\n}\n.iot-course-lp .visual-card.card1{left:64px;top:56px;}\n.iot-course-lp .visual-card.card2{right:42px;top:132px;}\n.iot-course-lp .visual-card.card3{right:96px;bottom:54px;}\n\n.iot-course-lp .visual-center{\n  position:absolute;\n  left:50%;\n  top:52%;\n  transform:translate(-50%,-50%);\n  width:188px;\n  height:188px;\n  border-radius:50%;\n  background:linear-gradient(135deg,#0b67d8,#16c7aa);\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  font-weight:800;\n  font-size:22px;\n  line-height:1.5;\n  box-shadow:0 18px 44px rgba(11,103,216,.26);\n}\n.iot-course-lp .visual-line{\n  position:absolute;\n  height:2px;\n  background:linear-gradient(90deg, transparent, rgba(17,184,216,.85), transparent);\n}\n.iot-course-lp .visual-line.l1{width:170px;left:180px;top:132px;transform:rotate(10deg);}\n.iot-course-lp .visual-line.l2{width:164px;right:164px;top:210px;transform:rotate(-10deg);}\n.iot-course-lp .visual-line.l3{width:182px;right:146px;bottom:142px;transform:rotate(14deg);}\n\n\/* badges *\/\n.iot-course-lp .badge-row{\n  margin-top:38px;\n  padding:14px;\n  border-radius:22px;\n  background:#fff;\n  border:1px solid #dce8f3;\n  box-shadow:0 14px 30px rgba(11,35,64,.08);\n  display:grid;\n  grid-template-columns:repeat(6,1fr);\n  gap:8px;\n}\n.iot-course-lp .badge{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  min-height:54px;\n  padding:8px 10px;\n  font-size:14px;\n  font-weight:800;\n  color:var(--c-navy);\n  border-right:1px solid #dce8f3;\n}\n.iot-course-lp .badge:last-child{border-right:0;}\n.iot-course-lp .badge i{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:28px;height:28px;\n  border-radius:10px;\n  background:#eef6ff;\n  color:var(--c-blue);\n  font-style:normal;\n  font-weight:900;\n}\n\n\/* card grids *\/\n.iot-course-lp .grid-4,\n.iot-course-lp .grid-5,\n.iot-course-lp .grid-3{\n  display:grid;\n  gap:20px;\n}\n.iot-course-lp .grid-4{grid-template-columns:repeat(4,1fr);}\n.iot-course-lp .grid-5{grid-template-columns:repeat(5,1fr);}\n.iot-course-lp .grid-3{grid-template-columns:repeat(3,1fr);}\n\n.iot-course-lp .card{\n  background:#fff;\n  border:1px solid #dce8f3;\n  border-radius:22px;\n  padding:28px;\n  box-shadow:0 12px 28px rgba(11,35,64,.07);\n  transition:.25s ease;\n}\n.iot-course-lp .card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 16px 36px rgba(11,35,64,.11);\n}\n.iot-course-lp .icon{\n  width:62px;height:62px;\n  margin-bottom:16px;\n  border-radius:18px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  font-size:28px;\n  color:var(--c-blue);\n  background:linear-gradient(135deg,#eef6ff,#e8fffa);\n}\n.iot-course-lp .card h3{\n  margin:0 0 8px;\n  font-size:19px;\n  color:var(--c-navy);\n  line-height:1.45;\n}\n.iot-course-lp .card p{\n  margin:0;\n  font-size:14px;\n  color:var(--c-sub);\n}\n\n\/* curriculum cards *\/\n.iot-course-lp .curriculum-card{\n  border-radius:20px;\n  overflow:hidden;\n  background:#fff;\n  border:1px solid #dce8f3;\n  box-shadow:0 12px 28px rgba(11,35,64,.07);\n}\n.iot-course-lp .curriculum-visual{\n  height:158px;\n  position:relative;\n  overflow:hidden;\n}\n.iot-course-lp .cv-idea{\n  background:\n    radial-gradient(circle at 30% 35%, rgba(255,255,255,.92) 0 12px, transparent 13px),\n    linear-gradient(135deg,#0b67d8,#16c7aa);\n}\n.iot-course-lp .cv-idea:after{\n  content:\"\";\n  position:absolute;\n  width:70px;height:70px;\n  left:50%;top:50%;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  border:3px solid rgba(255,255,255,.85);\n  box-shadow:\n    -58px 22px 0 -24px rgba(255,255,255,.85),\n    58px 22px 0 -24px rgba(255,255,255,.85),\n    0 64px 0 -26px rgba(255,255,255,.85);\n}\n\n.iot-course-lp .cv-parts{\n  background:\n    radial-gradient(circle at 22% 34%, #d8fff7 0 5px, transparent 6px),\n    radial-gradient(circle at 74% 62%, #d8fff7 0 5px, transparent 6px),\n    repeating-linear-gradient(90deg, transparent 0 18px, rgba(255,255,255,.18) 18px 20px),\n    repeating-linear-gradient(0deg, transparent 0 16px, rgba(255,255,255,.12) 16px 18px),\n    linear-gradient(135deg,#0b7d63,#0ea16d);\n}\n.iot-course-lp .cv-parts:after{\n  content:\"\";\n  position:absolute;\n  width:82px;height:58px;\n  left:40px;top:50px;\n  border-radius:10px;\n  background:#1a2437;\n  box-shadow:110px 18px 0 -12px #d6dde6;\n}\n\n.iot-course-lp .cv-power{\n  background:linear-gradient(135deg,#edf7ff,#dff8ff);\n}\n.iot-course-lp .cv-power:before,\n.iot-course-lp .cv-power:after{\n  content:\"\";\n  position:absolute;\n  border-radius:14px;\n}\n.iot-course-lp .cv-power:before{\n  width:118px;height:56px;\n  left:50%;top:56px;\n  transform:translateX(-50%);\n  background:#ffffff;\n  border:1px solid #d5e4f2;\n  box-shadow:0 12px 26px rgba(11,35,64,.10);\n}\n.iot-course-lp .cv-power:after{\n  width:34px;height:34px;\n  left:50%;top:67px;\n  transform:translateX(-50%);\n  background:linear-gradient(135deg,#0b67d8,#11b8d8);\n  clip-path:polygon(46% 0, 100% 0, 56% 44%, 100% 44%, 28% 100%, 44% 58%, 0 58%);\n}\n\n.iot-course-lp .cv-license{\n  background:linear-gradient(135deg,#fff7f7,#eef7ff);\n}\n.iot-course-lp .cv-license:before{\n  content:\"\";\n  position:absolute;\n  width:96px;height:118px;\n  left:50%;top:18px;\n  transform:translateX(-50%);\n  border-radius:14px;\n  background:#fff;\n  border:1px solid #dbe6f2;\n  box-shadow:0 12px 26px rgba(11,35,64,.10);\n}\n.iot-course-lp .cv-license:after{\n  content:\"\";\n  position:absolute;\n  width:44px;height:44px;\n  left:50%;top:58px;\n  transform:translateX(-50%);\n  border-radius:50%;\n  background:linear-gradient(135deg,#0b67d8,#16c7aa);\n  box-shadow:0 -22px 0 -14px #0b2340;\n}\n\n.iot-course-lp .cv-production{\n  background:linear-gradient(135deg,#eef7ff,#f4fffb);\n}\n.iot-course-lp .cv-production:before{\n  content:\"\";\n  position:absolute;\n  width:104px;height:76px;\n  left:50%;top:46px;\n  transform:translateX(-50%);\n  border-radius:14px;\n  background:#fff;\n  border:1px solid #d7e6f3;\n  box-shadow:0 12px 26px rgba(11,35,64,.10);\n}\n.iot-course-lp .cv-production:after{\n  content:\"\";\n  position:absolute;\n  width:78px;height:3px;\n  left:50%;top:82px;\n  transform:translateX(-50%);\n  background:#11b8d8;\n  box-shadow:0 -18px 0 #11b8d8, 0 18px 0 #11b8d8;\n}\n\n.iot-course-lp .curriculum-body{\n  padding:18px 16px 16px;\n}\n.iot-course-lp .curriculum-body h3{\n  margin:0 0 8px;\n  font-size:17px;\n  color:var(--c-navy);\n}\n.iot-course-lp .curriculum-body p{\n  margin:0;\n  font-size:14px;\n  color:var(--c-sub);\n}\n\n\/* checklist section *\/\n.iot-course-lp .two-col{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:24px;\n}\n.iot-course-lp .check-card{\n  background:#fff;\n  border:1px solid #dce8f3;\n  border-radius:22px;\n  padding:28px;\n  box-shadow:0 12px 28px rgba(11,35,64,.07);\n}\n.iot-course-lp .check-card h3{\n  margin:0 0 16px;\n  color:var(--c-navy);\n  font-size:22px;\n}\n.iot-course-lp .check-list{\n  display:grid;\n  gap:12px;\n}\n.iot-course-lp .check-item{\n  display:flex;\n  gap:12px;\n  align-items:flex-start;\n  color:var(--c-text);\n  font-size:15px;\n}\n.iot-course-lp .check-mark{\n  flex:0 0 26px;\n  width:26px;height:26px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--c-blue),var(--c-cyan));\n  color:#fff;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  font-size:14px;\n  font-weight:900;\n  margin-top:2px;\n}\n\n\/* steps *\/\n.iot-course-lp .flow{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n}\n.iot-course-lp .step{\n  position:relative;\n  text-align:center;\n}\n.iot-course-lp .step:not(:last-child):after{\n  content:\"\u2192\";\n  position:absolute;\n  right:-18px;\n  top:42px;\n  color:var(--c-cyan);\n  font-size:24px;\n  font-weight:900;\n}\n.iot-course-lp .step-circle{\n  width:88px;height:88px;\n  margin:0 auto 16px;\n  border-radius:50%;\n  background:#fff;\n  border:1px solid #dce8f3;\n  box-shadow:0 12px 28px rgba(11,35,64,.07);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--c-blue);\n  font-size:28px;\n  position:relative;\n}\n.iot-course-lp .step-num{\n  position:absolute;\n  top:-8px;left:0;\n  width:30px;height:30px;\n  border-radius:50%;\n  background:linear-gradient(135deg,var(--c-blue),var(--c-cyan));\n  color:#fff;\n  font-size:15px;\n  font-weight:900;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.iot-course-lp .step h3{\n  margin:0 0 6px;\n  color:var(--c-navy);\n  font-size:18px;\n}\n.iot-course-lp .step p{\n  margin:0;\n  color:var(--c-sub);\n  font-size:13px;\n}\n\n\/* faq *\/\n.iot-course-lp .faq{\n  display:grid;\n  gap:14px;\n}\n.iot-course-lp .faq details{\n  background:#fff;\n  border:1px solid #dce8f3;\n  border-radius:18px;\n  padding:0;\n  box-shadow:0 10px 22px rgba(11,35,64,.06);\n}\n.iot-course-lp .faq summary{\n  list-style:none;\n  cursor:pointer;\n  padding:18px 20px;\n  font-weight:800;\n  color:var(--c-navy);\n}\n.iot-course-lp .faq summary::-webkit-details-marker{display:none;}\n.iot-course-lp .faq .faq-a{\n  padding:0 20px 18px;\n  color:var(--c-sub);\n  font-size:14px;\n}\n\n\/* contact *\/\n.iot-course-lp .contact{\n  padding:74px 0;\n  background:\n    radial-gradient(circle at bottom left, rgba(11,103,216,.14), transparent 28%),\n    linear-gradient(135deg,#f2f8ff,#ebfffb);\n}\n.iot-course-lp .contact-box{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:48px;\n  align-items:center;\n}\n.iot-course-lp .contact-copy h2{\n  margin:0 0 18px;\n  color:var(--c-navy);\n  font-size:clamp(28px,3vw,42px);\n  line-height:1.45;\n}\n.iot-course-lp .contact-copy p{\n  margin:0 0 18px;\n  color:var(--c-sub);\n}\n.iot-course-lp .contact-note{\n  display:grid;\n  gap:10px;\n}\n.iot-course-lp .contact-note div{\n  display:flex;\n  gap:10px;\n  color:var(--c-text);\n  font-size:14px;\n}\n.iot-course-lp .contact-note strong{\n  color:var(--c-navy);\n}\n.iot-course-lp .form-mock{\n  padding:28px;\n  border-radius:24px;\n  background:rgba(255,255,255,.9);\n  border:1px solid rgba(217,230,243,.9);\n  box-shadow:0 18px 42px rgba(11,35,64,.09);\n}\n.iot-course-lp .f-row{margin-bottom:14px;}\n.iot-course-lp .f-row label{\n  display:block;\n  margin-bottom:6px;\n  color:var(--c-navy);\n  font-size:14px;\n  font-weight:800;\n}\n.iot-course-lp .f-row input,\n.iot-course-lp .f-row textarea{\n  width:100%;\n  border:1px solid #d5e4f2;\n  border-radius:14px;\n  padding:13px 14px;\n  font:inherit;\n  background:#fff;\n}\n.iot-course-lp .f-row textarea{\n  min-height:120px;\n  resize:vertical;\n}\n.iot-course-lp .form-note{\n  margin-top:10px;\n  font-size:12px;\n  color:var(--c-sub);\n}\n\n\/* footer *\/\n.iot-course-lp .footer{\n  background:#061b3d;\n  color:#fff;\n  padding:34px 0;\n}\n.iot-course-lp .footer-in{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n}\n.iot-course-lp .footer small{\n  display:block;\n  margin-top:8px;\n  color:rgba(255,255,255,.62);\n}\n.iot-course-lp .footer-links{\n  display:flex;\n  gap:24px;\n  font-size:14px;\n  font-weight:700;\n  color:rgba(255,255,255,.86);\n}\n\n\/* responsive *\/\n@media (max-width: 980px){\n  .iot-course-lp .nav{display:none;}\n  .iot-course-lp .hero-grid,\n  .iot-course-lp .contact-box,\n  .iot-course-lp .two-col{grid-template-columns:1fr;}\n  .iot-course-lp .badge-row{grid-template-columns:repeat(3,1fr);}\n  .iot-course-lp .badge{border-right:0;}\n  .iot-course-lp .grid-4{grid-template-columns:repeat(2,1fr);}\n  .iot-course-lp .grid-5{grid-template-columns:repeat(2,1fr);}\n  .iot-course-lp .grid-3{grid-template-columns:1fr;}\n  .iot-course-lp .flow{grid-template-columns:repeat(2,1fr);gap:30px 18px;}\n  .iot-course-lp .step:not(:last-child):after{display:none;}\n}\n@media (max-width: 560px){\n  .iot-course-lp .sec{padding:56px 0;}\n  .iot-course-lp .header-in{min-height:68px;}\n  .iot-course-lp .brand{font-size:18px;}\n  .iot-course-lp .hero{padding:56px 0 36px;}\n  .iot-course-lp .hero-copy h1{font-size:36px;}\n  .iot-course-lp .hero-btns{flex-direction:column;}\n  .iot-course-lp .btn{width:100%;}\n  .iot-course-lp .badge-row,\n  .iot-course-lp .grid-4,\n  .iot-course-lp .grid-5,\n  .iot-course-lp .flow{grid-template-columns:1fr;}\n  .iot-course-lp .footer-in,\n  .iot-course-lp .footer-links{flex-direction:column;align-items:flex-start;}\n  .iot-course-lp .hero-visual{min-height:360px;}\n  .iot-course-lp .visual-center{\n    width:136px;height:136px;font-size:17px;\n  }\n  .iot-course-lp .visual-card{\n    width:134px;padding:12px;\n  }\n  .iot-course-lp .visual-card h3{font-size:13px;}\n  .iot-course-lp .visual-card p{font-size:11px;}\n  .iot-course-lp .visual-card.card1{left:14px;top:26px;}\n  .iot-course-lp .visual-card.card2{right:14px;top:112px;}\n  .iot-course-lp .visual-card.card3{right:20px;bottom:26px;}\n  .iot-course-lp .visual-board{\n    width:176px;height:108px;left:18px;bottom:32px;\n  }\n  .iot-course-lp .visual-line{display:none;}\n  .iot-course-lp .visual-cloud{right:16px;top:18px;transform:scale(.78);}\n}\n<\/style>\n\n<div class=\"iot-course-lp\">\n\n  <!-- Header -->\n  <header class=\"header\">\n    <div class=\"wrap header-in\">\n      <a href=\"#\" class=\"brand\">\n        <span class=\"brand-mark\"><\/span>\n        <span>\u98db\u60f3\u5b9f\u88c5\u820e<\/span>\n      <\/a>\n\n      <nav class=\"nav\">\n        <a href=\"#about\">\u8b1b\u5ea7\u6982\u8981<\/a>\n        <a href=\"#curriculum\">\u5b66\u3079\u308b\u5185\u5bb9<\/a>\n        <a href=\"#features\">\u7279\u9577<\/a>\n        <a href=\"#flow\">\u5b66\u7fd2\u30b9\u30c6\u30c3\u30d7<\/a>\n        <a href=\"#faq\">FAQ<\/a>\n        <a href=\"#contact\">\u304a\u7533\u3057\u8fbc\u307f<\/a>\n      <\/nav>\n\n      <a href=\"#contact\" class=\"btn btn-primary\">\u7121\u6599\u76f8\u8ac7<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- Hero -->\n  <section class=\"hero\">\n    <div class=\"wrap\">\n      <div class=\"hero-grid\">\n        <div class=\"hero-copy\">\n          <span class=\"eyebrow\">IoT\u958b\u767a\u306e\u57fa\u76e4\u77e5\u8b58\u3092\u3001\u5b9f\u52d9\u7d4c\u9a13\u304b\u3089\u4f53\u7cfb\u5316<\/span>\n          <h1>\u30a2\u30a4\u30c7\u30a2\u3092\u3001<br><strong>IoT\u88fd\u54c1\u3068\u3057\u3066\u80b2\u3066\u308b<\/strong>\u305f\u3081\u306e<br>\u30cd\u30c3\u30c8\u8b1b\u5ea7\u3002<\/h1>\n          <p>\n            \u56de\u8def\u8a2d\u8a08\u3001\u90e8\u54c1\u5b9f\u88c5\u3001\u8a66\u4f5c\u3001\u7b50\u4f53\u8a2d\u8a08\u3001IoT\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u8a2d\u8a08\u3001\n            \u5b9f\u88c5\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u6982\u8981\u8a2d\u8a08\u30fb\u8a73\u7d30\u8a2d\u8a08\u3001\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u2015\u2015\u3002\n            \u73fe\u5834\u3067\u57f9\u3063\u305f\u77e5\u8b58\u3092\u3082\u3068\u306b\u3001IoT\u30c7\u30d0\u30a4\u30b9\u958b\u767a\u306b\u5fc5\u8981\u306a\u57fa\u76e4\u77e5\u8b58\u3092\n            \u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u8b1b\u5ea7\u3068\u3057\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u63d0\u4f9b\u3057\u307e\u3059\u3002\n          <\/p>\n\n          <div class=\"hero-btns\">\n            <a href=\"#contact\" class=\"btn btn-primary\">\u8b1b\u5ea7\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b<\/a>\n            <a href=\"#curriculum\" class=\"btn btn-outline\">\u5b66\u3079\u308b\u5185\u5bb9\u3092\u898b\u308b<\/a>\n          <\/div>\n\n          <div class=\"hero-points\">\n            <span>\u4f01\u753b\u304b\u3089\u5b66\u3079\u308b<\/span>\n            <span>\u90e8\u54c1\u9078\u5b9a\u3092\u6574\u7406\u3067\u304d\u308b<\/span>\n            <span>\u30e9\u30a4\u30bb\u30f3\u30b9\u5bfe\u5fdc\u3082\u5b66\u3079\u308b<\/span>\n            <span>\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u307e\u3067\u8996\u91ce\u306b\u5165\u308b<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero-visual\" aria-label=\"IoT\u8b1b\u5ea7\u306e\u5b66\u7fd2\u30a4\u30e1\u30fc\u30b8\">\n          <div class=\"visual-stage\">\n            <div class=\"visual-cloud\"><\/div>\n            <div class=\"visual-card card1\">\n              <h3>\u8a2d\u8a08\u306e\u8003\u3048\u65b9<\/h3>\n              <p>\u30a2\u30a4\u30c7\u30a2\u6574\u7406\u3001\u4ed5\u69d8\u5316\u3001\u69cb\u6210\u691c\u8a0e\u306e\u9032\u3081\u65b9\u3092\u5b66\u3076\u3002<\/p>\n            <\/div>\n            <div class=\"visual-card card2\">\n              <h3>\u30bd\u30d5\u30c8\u3068\u30e9\u30a4\u30bb\u30f3\u30b9<\/h3>\n              <p>\u30e9\u30a4\u30d6\u30e9\u30ea\u6d3b\u7528\u3068\u30e9\u30a4\u30bb\u30f3\u30b9\u7406\u89e3\u3092\u5b9f\u52d9\u8996\u70b9\u3067\u6574\u7406\u3002<\/p>\n            <\/div>\n            <div class=\"visual-card card3\">\n              <h3>\u8a66\u4f5c\u304b\u3089\u8ca9\u58f2\u3078<\/h3>\n              <p>\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u3084\u8ca9\u58f2\u8a08\u753b\u307e\u3067\u898b\u636e\u3048\u305f\u8003\u3048\u65b9\u3092\u89e3\u8aac\u3002<\/p>\n            <\/div>\n            <div class=\"visual-line l1\"><\/div>\n            <div class=\"visual-line l2\"><\/div>\n            <div class=\"visual-line l3\"><\/div>\n            <div class=\"visual-center\">IoT<br>\u958b\u767a\u8b1b\u5ea7<\/div>\n            <div class=\"visual-board\">\n              <div class=\"chip c1\"><\/div>\n              <div class=\"chip c2\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"badge-row\">\n        <div class=\"badge\"><i>\u2301<\/i>\u56de\u8def\u8a2d\u8a08<\/div>\n        <div class=\"badge\"><i>\u25a7<\/i>\u90e8\u54c1\u9078\u5b9a<\/div>\n        <div class=\"badge\"><i>\u2699<\/i>\u8a66\u4f5c<\/div>\n        <div class=\"badge\"><i>\u25a1<\/i>\u7b50\u4f53\u8a2d\u8a08<\/div>\n        <div class=\"badge\"><i>\u224b<\/i>\u901a\u4fe1\u8a2d\u8a08<\/div>\n        <div class=\"badge\"><i>\u00a7<\/i>\u30e9\u30a4\u30bb\u30f3\u30b9\u7406\u89e3<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- About -->\n  <section id=\"about\" class=\"sec\">\n    <div class=\"wrap\">\n      <div class=\"sec-head\">\n        <h2>\u3053\u3093\u306a\u60a9\u307f\u3092\u6301\u3064\u958b\u767a\u8005\u306e\u305f\u3081\u306e\u8b1b\u5ea7\u3067\u3059<\/h2>\n        <p>\n          IoT\u30c7\u30d0\u30a4\u30b9\u306e\u958b\u767a\u30fb\u88fd\u9020\u30fb\u8ca9\u58f2\u306b\u306f\u3001\u56de\u8def\u3060\u3051\u3067\u306a\u304f\u3001\u90e8\u54c1\u9078\u5b9a\u3001\u96fb\u6e90\u3001\u30bd\u30d5\u30c8\u3001\n          \u30e9\u30a4\u30bb\u30f3\u30b9\u3001\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u307e\u3067\u591a\u304f\u306e\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\u3002\n          \u672c\u8b1b\u5ea7\u306f\u3001\u305d\u308c\u3089\u3092\u4e00\u3064\u305a\u3064\u6574\u7406\u3057\u306a\u304c\u3089\u3001\u5b9f\u52d9\u306b\u3064\u306a\u304c\u308b\u7406\u89e3\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n        <\/p>\n        <span class=\"line\"><\/span>\n      <\/div>\n\n      <div class=\"grid-4\">\n        <div class=\"card\">\n          <div class=\"icon\">?<\/div>\n          <h3>\u30a2\u30a4\u30c7\u30a2\u3092\u3069\u3046\u5f62\u306b\u3059\u308b\u304b\u5206\u304b\u3089\u306a\u3044<\/h3>\n          <p>\u300c\u4f55\u3092\u4f5c\u308b\u304b\u300d\u304b\u3089\u300c\u3069\u3046\u4f5c\u308b\u304b\u300d\u3078\u9032\u3080\u305f\u3081\u306e\u6574\u7406\u65b9\u6cd5\u3068\u8003\u3048\u65b9\u3092\u5b66\u3079\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"icon\">\u00b5<\/div>\n          <h3>\u30de\u30a4\u30b3\u30f3\u3084\u30bb\u30f3\u30b5\u30fc\u9078\u5b9a\u306b\u8ff7\u3046<\/h3>\n          <p>\u7528\u9014\u3001\u6027\u80fd\u3001\u6d88\u8cbb\u96fb\u529b\u3001\u5165\u624b\u6027\u3001\u62e1\u5f35\u6027\u306a\u3069\u3001\u9078\u5b9a\u306e\u89b3\u70b9\u3092\u4f53\u7cfb\u7684\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"icon\">\u26a1<\/div>\n          <h3>\u96fb\u6e90\u7ba1\u7406\u3084\u5229\u7528\u74b0\u5883\u306e\u8003\u616e\u304c\u96e3\u3057\u3044<\/h3>\n          <p>\u96fb\u6e90\u65b9\u5f0f\u3001\u4f7f\u7528\u74b0\u5883\u3001\u7b50\u4f53\u3001\u8010\u4e45\u6027\u306a\u3069\u3001\u88fd\u54c1\u5316\u306b\u5fc5\u8981\u306a\u8996\u70b9\u3092\u5b66\u3079\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"icon\">\u00a7<\/div>\n          <h3>\u30e9\u30a4\u30d6\u30e9\u30ea\u3084\u30e9\u30a4\u30bb\u30f3\u30b9\u306e\u6271\u3044\u304c\u4e0d\u5b89<\/h3>\n          <p>\u30e1\u30fc\u30ab\u30fc\u63d0\u4f9b\u30e9\u30a4\u30d6\u30e9\u30ea\u3084\u30d5\u30ea\u30fc\u30e9\u30a4\u30bb\u30f3\u30b9\u306e\u5236\u7d04\u3092\u7406\u89e3\u3057\u3001\u8ca9\u58f2\u6642\u306e\u8003\u3048\u65b9\u3092\u6574\u7406\u3067\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Curriculum -->\n  <section id=\"curriculum\" class=\"sec bg-soft\">\n    <div class=\"wrap\">\n      <div class=\"sec-head\">\n        <h2>\u8b1b\u5ea7\u3067\u5b66\u3079\u308b\u5185\u5bb9<\/h2>\n        <p>\n          \u4f01\u753b\u3001\u8a2d\u8a08\u3001\u30bd\u30d5\u30c8\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u3001\u751f\u7523\u30fb\u8ca9\u58f2\u307e\u3067\u3001\n          IoT\u30c7\u30d0\u30a4\u30b9\u958b\u767a\u306b\u5fc5\u8981\u306a\u571f\u53f0\u3092\u3001\u5b9f\u52d9\u306e\u6d41\u308c\u306b\u6cbf\u3063\u3066\u5b66\u3079\u308b\u69cb\u6210\u3067\u3059\u3002\n        <\/p>\n        <span class=\"line\"><\/span>\n      <\/div>\n\n      <div class=\"grid-5\">\n        <div class=\"curriculum-card\">\n          <div class=\"curriculum-visual cv-idea\"><\/div>\n          <div class=\"curriculum-body\">\n            <h3>\u4f01\u753b\u3068\u8981\u4ef6\u6574\u7406<\/h3>\n            <p>\u30a2\u30a4\u30c7\u30a2\u3092\u7528\u9014\u3001\u6a5f\u80fd\u3001\u5236\u7d04\u6761\u4ef6\u3078\u843d\u3068\u3057\u8fbc\u307f\u3001\u958b\u767a\u306e\u51fa\u767a\u70b9\u3092\u660e\u78ba\u306b\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"curriculum-card\">\n          <div class=\"curriculum-visual cv-parts\"><\/div>\n          <div class=\"curriculum-body\">\n            <h3>\u90e8\u54c1\u9078\u5b9a\u306e\u57fa\u790e<\/h3>\n            <p>\u30de\u30a4\u30b3\u30f3\u3001\u30bb\u30f3\u30b5\u30fc\u3001\u901a\u4fe1\u90e8\u54c1\u306a\u3069\u306e\u9078\u5b9a\u30dd\u30a4\u30f3\u30c8\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"curriculum-card\">\n          <div class=\"curriculum-visual cv-power\"><\/div>\n          <div class=\"curriculum-body\">\n            <h3>\u96fb\u6e90\u3068\u4f7f\u7528\u74b0\u5883<\/h3>\n            <p>\u96fb\u6c60\u99c6\u52d5\u3001\u96fb\u6e90\u8a2d\u8a08\u3001\u5229\u7528\u74b0\u5883\u3001\u8010\u4e45\u6027\u306a\u3069\u3001\u5b9f\u7528\u9762\u3067\u91cd\u8981\u306a\u89b3\u70b9\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"curriculum-card\">\n          <div class=\"curriculum-visual cv-license\"><\/div>\n          <div class=\"curriculum-body\">\n            <h3>\u30bd\u30d5\u30c8\u3068\u30e9\u30a4\u30bb\u30f3\u30b9<\/h3>\n            <p>\u30e9\u30a4\u30d6\u30e9\u30ea\u6d3b\u7528\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u306e\u628a\u63e1\u3001\u8ca9\u58f2\u6642\u306b\u6ce8\u610f\u3059\u3079\u304d\u70b9\u3092\u6574\u7406\u3057\u3066\u7406\u89e3\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"curriculum-card\">\n          <div class=\"curriculum-visual cv-production\"><\/div>\n          <div class=\"curriculum-body\">\n            <h3>\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u3068\u8ca9\u58f2<\/h3>\n            <p>\u8a66\u4f5c\u304b\u3089\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u3001\u8ca9\u58f2\u8a08\u753b\u307e\u3067\u3092\u8996\u91ce\u306b\u5165\u308c\u305f\u8003\u3048\u65b9\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- two column explanation -->\n  <section class=\"sec\">\n    <div class=\"wrap\">\n      <div class=\"two-col\">\n        <div class=\"check-card\">\n          <h3>\u3053\u306e\u8b1b\u5ea7\u3067\u8eab\u306b\u3064\u304f\u3053\u3068<\/h3>\n          <div class=\"check-list\">\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span>IoT\u30c7\u30d0\u30a4\u30b9\u958b\u767a\u306e\u5168\u4f53\u50cf\u3092\u7406\u89e3\u3067\u304d\u308b<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span>\u90e8\u54c1\u9078\u5b9a\u306e\u5224\u65ad\u8ef8\u3092\u6301\u3066\u308b\u3088\u3046\u306b\u306a\u308b<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span>\u56de\u8def\u30fb\u7b50\u4f53\u30fb\u901a\u4fe1\u30fb\u30bd\u30d5\u30c8\u306e\u3064\u306a\u304c\u308a\u3092\u6574\u7406\u3067\u304d\u308b<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span>\u30e9\u30a4\u30d6\u30e9\u30ea\u5229\u7528\u6642\u306e\u30e9\u30a4\u30bb\u30f3\u30b9\u78ba\u8a8d\u306e\u91cd\u8981\u6027\u3092\u7406\u89e3\u3067\u304d\u308b<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span>\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u30fb\u8ca9\u58f2\u3092\u898b\u636e\u3048\u305f\u8a2d\u8a08\u306e\u8003\u3048\u65b9\u304c\u5206\u304b\u308b<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div id=\"features\" class=\"check-card\">\n          <h3>\u8b1b\u5ea7\u306e\u7279\u9577<\/h3>\n          <div class=\"check-list\">\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span><strong>\u5b9f\u52d9\u7d4c\u9a13\u30d9\u30fc\u30b9<\/strong>\u3067\u3001\u673a\u4e0a\u306e\u7406\u8ad6\u3060\u3051\u3067\u7d42\u308f\u3089\u306a\u3044<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span><strong>\u958b\u767a\u73fe\u5834\u306e\u8996\u70b9<\/strong>\u304b\u3089\u3001\u5224\u65ad\u306e\u8003\u3048\u65b9\u3092\u5b66\u3079\u308b<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span><strong>\u8a2d\u8a08\u304b\u3089\u8ca9\u58f2\u307e\u3067<\/strong>\u3092\u8996\u91ce\u306b\u5165\u308c\u305f\u5185\u5bb9\u69cb\u6210<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span><strong>\u521d\u5b66\u8005\u306b\u3082\u6574\u7406\u3057\u3084\u3059\u3044<\/strong>\u3088\u3046\u306b\u6bb5\u968e\u7684\u306b\u8aac\u660e<\/span><\/div>\n            <div class=\"check-item\"><span class=\"check-mark\">\u2713<\/span><span><strong>\u73fe\u5b9f\u7684\u306a\u5236\u7d04<\/strong>\uff08\u90e8\u54c1\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u3001\u5b9f\u88c5\u6027\uff09\u3082\u7406\u89e3\u3067\u304d\u308b<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- flow -->\n  <section id=\"flow\" class=\"sec bg-soft\">\n    <div class=\"wrap\">\n      <div class=\"sec-head\">\n        <h2>\u5b66\u7fd2\u30b9\u30c6\u30c3\u30d7<\/h2>\n        <p>\u521d\u5b66\u8005\u3067\u3082\u7406\u89e3\u3057\u3084\u3059\u3044\u3088\u3046\u306b\u3001\u8b1b\u5ea7\u306f\u5168\u4f53\u50cf\u304b\u3089\u9806\u306b\u7a4d\u307f\u4e0a\u3052\u308b\u69cb\u6210\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <span class=\"line\"><\/span>\n      <\/div>\n\n      <div class=\"flow\">\n        <div class=\"step\">\n          <div class=\"step-circle\"><span class=\"step-num\">1<\/span>\u60f3<\/div>\n          <h3>\u69cb\u60f3\u3092\u6574\u7406<\/h3>\n          <p>\u4f5c\u308a\u305f\u3044\u3082\u306e\u306e\u76ee\u7684\u3068\u8981\u6c42\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"step-circle\"><span class=\"step-num\">2<\/span>\u9078<\/div>\n          <h3>\u90e8\u54c1\u3092\u9078\u3076<\/h3>\n          <p>\u30de\u30a4\u30b3\u30f3\u3001\u30bb\u30f3\u30b5\u30fc\u3001\u901a\u4fe1\u65b9\u5f0f\u3092\u691c\u8a0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"step-circle\"><span class=\"step-num\">3<\/span>\u8a2d<\/div>\n          <h3>\u8a2d\u8a08\u3092\u5b66\u3076<\/h3>\n          <p>\u56de\u8def\u3001\u96fb\u6e90\u3001\u7b50\u4f53\u3001\u30bd\u30d5\u30c8\u306e\u8003\u3048\u65b9\u3092\u7406\u89e3\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"step-circle\"><span class=\"step-num\">4<\/span>\u898f<\/div>\n          <h3>\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u628a\u63e1<\/h3>\n          <p>\u30e9\u30a4\u30d6\u30e9\u30ea\u5229\u7528\u6642\u306e\u30eb\u30fc\u30eb\u3068\u5236\u7d04\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"step-circle\"><span class=\"step-num\">5<\/span>\u8ca9<\/div>\n          <h3>\u8ca9\u58f2\u307e\u3067\u898b\u636e\u3048\u308b<\/h3>\n          <p>\u8a66\u4f5c\u5f8c\u306e\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u30fb\u8ca9\u58f2\u306e\u8003\u3048\u65b9\u3078\u3064\u306a\u3052\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section id=\"faq\" class=\"sec\">\n    <div class=\"wrap\">\n      <div class=\"sec-head\">\n        <h2>FAQ<\/h2>\n        <p>\u53d7\u8b1b\u524d\u306b\u3088\u304f\u3042\u308b\u7591\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n        <span class=\"line\"><\/span>\n      <\/div>\n\n      <div class=\"faq\">\n        <details open>\n          <summary>Q. \u521d\u5fc3\u8005\u3067\u3082\u53d7\u8b1b\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n          <div class=\"faq-a\">A. \u306f\u3044\u3002\u57fa\u790e\u7684\u306a\u8003\u3048\u65b9\u304b\u3089\u3001\u5b9f\u52d9\u3067\u5fc5\u8981\u306b\u306a\u308b\u8996\u70b9\u307e\u3067\u3001\u9806\u5e8f\u7acb\u3066\u3066\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u69cb\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/div>\n        <\/details>\n        <details>\n          <summary>Q. \u5b9f\u969b\u306e\u958b\u767a\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u5185\u5bb9\u3067\u3059\u304b\uff1f<\/summary>\n          <div class=\"faq-a\">A. \u306f\u3044\u3002\u56de\u8def\u8a2d\u8a08\u3001\u90e8\u54c1\u5b9f\u88c5\u3001\u8a66\u4f5c\u3001\u7b50\u4f53\u8a2d\u8a08\u3001IoT\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u8a2d\u8a08\u3001\u5b9f\u88c5\u30bd\u30d5\u30c8\u3001\u305d\u3057\u3066\u5c0f\u30ed\u30c3\u30c8\u751f\u7523\u306e\u7d4c\u9a13\u3092\u3082\u3068\u306b\u6574\u7406\u3057\u305f\u5185\u5bb9\u3067\u3059\u3002<\/div>\n        <\/details>\n        <details>\n          <summary>Q. \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30e9\u30a4\u30d6\u30e9\u30ea\u3084\u30e9\u30a4\u30bb\u30f3\u30b9\u306e\u8a71\u3082\u6271\u3044\u307e\u3059\u304b\uff1f<\/summary>\n          <div class=\"faq-a\">A. \u6271\u3044\u307e\u3059\u3002IoT\u30c7\u30d0\u30a4\u30b9\u3067\u306f\u65e2\u5b58\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u6d3b\u7528\u304c\u5b9f\u52d9\u4e0a\u4e00\u822c\u7684\u3067\u3042\u308a\u3001\u305d\u306e\u969b\u306b\u91cd\u8981\u3068\u306a\u308b\u30e9\u30a4\u30bb\u30f3\u30b9\u7406\u89e3\u3082\u8b1b\u5ea7\u306e\u91cd\u8981\u306a\u30c6\u30fc\u30de\u3067\u3059\u3002<\/div>\n        <\/details>\n        <details>\n          <summary>Q. \u8ca9\u58f2\u307e\u3067\u8003\u3048\u305f\u5185\u5bb9\u3092\u5b66\u3079\u307e\u3059\u304b\uff1f<\/summary>\n          <div class=\"faq-a\">A. \u306f\u3044\u3002\u5c0f\u30ed\u30c3\u30c8\u3067\u3042\u3063\u3066\u3082\u3001\u88fd\u9020\u30fb\u8ca9\u58f2\u306b\u306f\u4e8b\u524d\u306b\u7406\u89e3\u3057\u3066\u304a\u304f\u3079\u304d\u77e5\u8b58\u304c\u591a\u3044\u305f\u3081\u3001\u305d\u306e\u89b3\u70b9\u3082\u542b\u3081\u3066\u6574\u7406\u3057\u307e\u3059\u3002<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Contact -->\n  <section id=\"contact\" class=\"contact\">\n    <div class=\"wrap\">\n      <div class=\"contact-box\">\n        <div class=\"contact-copy\">\n          <h2>\u307e\u305a\u306f\u8b1b\u5ea7\u5185\u5bb9\u3084<br>\u958b\u8a2d\u4e88\u5b9a\u306b\u3064\u3044\u3066<br>\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/h2>\n          <p>\n            \u672c\u8b1b\u5ea7\u306f\u3001IoT\u958b\u767a\u3092\u3053\u308c\u304b\u3089\u5b66\u3073\u305f\u3044\u65b9\u306b\u3082\u3001\n            \u73fe\u5834\u3067\u5fc5\u8981\u306a\u57fa\u790e\u77e5\u8b58\u3092\u6574\u7406\u3057\u76f4\u3057\u305f\u3044\u65b9\u306b\u3082\u5f79\u7acb\u3064\u5185\u5bb9\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n            \u8b1b\u5ea7\u3078\u306e\u95a2\u5fc3\u3001\u53d7\u8b1b\u76f8\u8ac7\u3001\u4f01\u696d\u5411\u3051\u5c55\u958b\u306e\u3054\u76f8\u8ac7\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n          <div class=\"contact-note\">\n            <div><strong>\u5bfe\u8c61\u4f8b\uff1a<\/strong><span>IoT\u958b\u767a\u3092\u59cb\u3081\u305f\u3044\u65b9 \/ \u65e2\u5b58\u958b\u767a\u8005 \/ \u793e\u5185\u6559\u80b2\u3092\u691c\u8a0e\u3057\u3066\u3044\u308b\u4f01\u696d\u69d8<\/span><\/div>\n            <div><strong>\u76f8\u8ac7\u5185\u5bb9\uff1a<\/strong><span>\u8b1b\u5ea7\u5185\u5bb9\u3001\u53d7\u8b1b\u5f62\u5f0f\u3001\u958b\u8b1b\u6642\u671f\u3001\u6cd5\u4eba\u5411\u3051\u63d0\u4f9b\u306a\u3069<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-mock\">\n          <div class=\"f-row\">\n            <label>\u304a\u540d\u524d<\/label>\n            <input type=\"text\" placeholder=\"\u5c71\u7530 \u592a\u90ce\">\n          <\/div>\n          <div class=\"f-row\">\n            <label>\u4f1a\u793e\u540d\u30fb\u5c4b\u53f7<\/label>\n            <input type=\"text\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u30b5\u30f3\u30d7\u30eb \/ \u500b\u4eba\">\n          <\/div>\n          <div class=\"f-row\">\n            <label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label>\n            <input type=\"email\" placeholder=\"example@sample.co.jp\">\n          <\/div>\n          <div class=\"f-row\">\n            <label>\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9<\/label>\n            <textarea placeholder=\"\u8b1b\u5ea7\u3078\u306e\u3054\u8cea\u554f\u3001\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\"><\/textarea>\n          <\/div>\n          <a href=\"#\" class=\"btn btn-primary\" style=\"width:100%;\">\u304a\u554f\u3044\u5408\u308f\u305b\u3092\u9001\u4fe1<\/a>\n          <div class=\"form-note\">\n            \u203b \u5b9f\u904b\u7528\u6642\u306f Contact Form 7 \u306a\u3069\u306e\u30d5\u30a9\u30fc\u30e0\u30d7\u30e9\u30b0\u30a4\u30f3\u3078\u5dee\u3057\u66ff\u3048\u3066\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- footer -->\n  <footer class=\"footer\">\n    <div class=\"wrap footer-in\">\n      <div>\n        <div class=\"brand\" style=\"color:#fff;\">\n          <span class=\"brand-mark\"><\/span>\n          <span>\u98db\u60f3\u5b9f\u88c5\u820e<\/span>\n        <\/div>\n        <small>\u00a9 2026 \u98db\u60f3\u5b9f\u88c5\u820e. All Rights Reserved.<\/small>\n      <\/div>\n\n      <div class=\"footer-links\">\n        <a href=\"#about\">\u8b1b\u5ea7\u6982\u8981<\/a>\n        <a href=\"#curriculum\">\u5b66\u3079\u308b\u5185\u5bb9<\/a>\n        <a href=\"#faq\">FAQ<\/a>\n        <a href=\"#contact\">\u304a\u7533\u3057\u8fbc\u307f<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<style>\n\/* ==========================================\n   Layout Fix for WordPress Page\n   \u67a0\u304c\u5c0f\u3055\u304f\u306a\u308a\u3059\u304e\u308b\u554f\u984c\u306e\u4fee\u6b63\n========================================== *\/\n\n\/* WordPress\u30c6\u30fc\u30de\u5074\u306e\u6a2a\u5e45\u5236\u9650\u3092\u53d7\u3051\u306b\u304f\u304f\u3059\u308b *\/\n.iot-course-lp {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n}\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u5e45\u3092\u5c11\u3057\u5e83\u3081\u306b\u78ba\u4fdd *\/\n.iot-course-lp .wrap {\n  width: min(1180px, calc(100% - 40px));\n}\n\n\/* \u30ab\u30fc\u30c9\u306e\u6700\u5c0f\u5e45\u3092\u78ba\u4fdd\u3057\u3001\u7121\u7406\u306a\u5727\u7e2e\u3092\u9632\u3050 *\/\n.iot-course-lp .grid-4,\n.iot-course-lp .grid-5,\n.iot-course-lp .grid-3,\n.iot-course-lp .flow {\n  align-items: stretch;\n}\n\n\/* 4\u5217\u30ab\u30fc\u30c9\u306f\u81ea\u52d5\u8abf\u6574\u306b\u5909\u66f4 *\/\n.iot-course-lp .grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* 5\u5217\u30ab\u30fc\u30c9\u306f\u5c0f\u3055\u304f\u306a\u308a\u3084\u3059\u3044\u306e\u3067\u3001\u6700\u5c0f220px\u3092\u78ba\u4fdd *\/\n.iot-course-lp .grid-5 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* 3\u5217\u30ab\u30fc\u30c9\u3082\u6700\u5c0f\u5e45\u3092\u78ba\u4fdd *\/\n.iot-course-lp .grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* \u5b66\u7fd2\u30b9\u30c6\u30c3\u30d7\u306f5\u5217\u56fa\u5b9a\u3092\u3084\u3081\u3001\u6700\u5c0f\u5e45\u3092\u78ba\u4fdd *\/\n.iot-course-lp .flow {\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n}\n\n\/* auto-fit\u5316\u3057\u305f\u305f\u3081\u77e2\u5370\u306f\u975e\u8868\u793a\u306b\u3057\u3066\u5d29\u308c\u9632\u6b62 *\/\n.iot-course-lp .step:not(:last-child):after {\n  display: none;\n}\n\n\/* \u30ab\u30fc\u30c9\u5185\u306e\u4f59\u767d\u3092\u5c11\u3057\u8abf\u6574 *\/\n.iot-course-lp .card {\n  min-width: 0;\n  padding: 30px 26px;\n}\n\n\/* \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u30ab\u30fc\u30c9\u306e\u753b\u50cf\u9ad8\u3055\u3092\u5b89\u5b9a\u5316 *\/\n.iot-course-lp .curriculum-visual {\n  height: 170px;\n}\n\n\/* \u898b\u51fa\u3057\u306e\u6539\u884c\u5d29\u308c\u3092\u9632\u3050 *\/\n.iot-course-lp .card h3,\n.iot-course-lp .curriculum-body h3,\n.iot-course-lp .step h3 {\n  word-break: keep-all;\n  overflow-wrap: anywhere;\n}\n\n\/* \u8aac\u660e\u6587\u306e\u306f\u307f\u51fa\u3057\u9632\u6b62 *\/\n.iot-course-lp .card p,\n.iot-course-lp .curriculum-body p,\n.iot-course-lp .step p {\n  overflow-wrap: break-word;\n}\n\n\/* \u30d0\u30c3\u30b8\u3082\u5c0f\u3055\u304f\u306a\u308a\u3059\u304e\u306a\u3044\u3088\u3046\u306b\u81ea\u52d5\u8abf\u6574 *\/\n.iot-course-lp .badge-row {\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n}\n\n.iot-course-lp .badge {\n  border-right: 0;\n  min-height: 56px;\n}\n\n\/* \u30d2\u30fc\u30ed\u30fc\u90e8\u5206\u304c\u72ed\u3044\u30c6\u30fc\u30de\u3067\u3082\u5d29\u308c\u306b\u304f\u3044\u3088\u3046\u8abf\u6574 *\/\n.iot-course-lp .hero-grid {\n  grid-template-columns: minmax(0, 1fr) minmax(360px, 1.05fr);\n}\n\n\/* \u4e2d\u9593\u5e45\u3067\u306f\u65e9\u3081\u306b1\u5217\u3078\u5909\u66f4 *\/\n@media (max-width: 1100px) {\n  .iot-course-lp .hero-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .iot-course-lp .hero-visual {\n    max-width: 720px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .iot-course-lp .two-col,\n  .iot-course-lp .contact-box {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\u8868\u793a *\/\n@media (max-width: 780px) {\n  .iot-course-lp .wrap {\n    width: min(100% - 28px, 680px);\n  }\n\n  .iot-course-lp .sec {\n    padding: 64px 0;\n  }\n\n  .iot-course-lp .grid-4,\n  .iot-course-lp .grid-5,\n  .iot-course-lp .grid-3,\n  .iot-course-lp .flow {\n    grid-template-columns: 1fr;\n  }\n\n  .iot-course-lp .card,\n  .iot-course-lp .check-card,\n  .iot-course-lp .form-mock {\n    padding: 24px;\n  }\n\n  .iot-course-lp .curriculum-card {\n    display: grid;\n    grid-template-columns: 180px 1fr;\n    align-items: stretch;\n  }\n\n  .iot-course-lp .curriculum-visual {\n    height: auto;\n    min-height: 160px;\n  }\n}\n\n\/* \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u8868\u793a *\/\n@media (max-width: 560px) {\n  .iot-course-lp .wrap {\n    width: calc(100% - 24px);\n  }\n\n  .iot-course-lp .hero-copy h1 {\n    font-size: 32px;\n    line-height: 1.35;\n  }\n\n  .iot-course-lp .sec-head h2 {\n    font-size: 24px;\n    line-height: 1.45;\n  }\n\n  .iot-course-lp .curriculum-card {\n    display: block;\n  }\n\n  .iot-course-lp .curriculum-visual {\n    height: 170px;\n  }\n\n  .iot-course-lp .hero-visual {\n    min-height: 380px;\n  }\n\n  .iot-course-lp .visual-stage {\n    border-radius: 22px;\n  }\n\n  .iot-course-lp .visual-center {\n    width: 128px;\n    height: 128px;\n    font-size: 16px;\n  }\n\n  .iot-course-lp .visual-card {\n    width: 132px;\n  }\n\n  .iot-course-lp .badge-row {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u98db\u60f3\u5b9f\u88c5\u820e \u8b1b\u5ea7\u6982\u8981 \u5b66\u3079\u308b\u5185\u5bb9 \u7279\u9577 \u5b66\u7fd2\u30b9\u30c6\u30c3\u30d7 FAQ \u304a\u7533\u3057\u8fbc\u307f \u7121\u6599\u76f8\u8ac7 IoT\u958b\u767a\u306e\u57fa\u76e4\u77e5\u8b58\u3092\u3001\u5b9f\u52d9\u7d4c\u9a13\u304b\u3089\u4f53\u7cfb\u5316 \u30a2\u30a4\u30c7\u30a2\u3092\u3001IoT\u88fd\u54c1\u3068\u3057\u3066\u80b2\u3066\u308b\u305f\u3081\u306e\u30cd\u30c3\u30c8\u8b1b\u5ea7\u3002 \u56de\u8def\u8a2d\u8a08\u3001\u90e8\u54c1\u5b9f\u88c5\u3001\u8a66\u4f5c\u3001\u7b50\u4f53\u8a2d\u8a08\u3001I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hisoujissou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":6,"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":31,"href":"http:\/\/hisoujissou.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/31"}],"wp:attachment":[{"href":"http:\/\/hisoujissou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}