{"id":107,"date":"2026-10-23T21:32:17","date_gmt":"2026-10-23T12:32:17","guid":{"rendered":"https:\/\/picom.jp\/?page_id=107"},"modified":"2026-10-24T13:21:10","modified_gmt":"2026-10-24T04:21:10","slug":"new-site","status":"publish","type":"page","link":"https:\/\/picom.jp\/?page_id=107","title":{"rendered":"\u65b0\u898fWeb\u30b5\u30a4\u30c8\u5236\u4f5c"},"content":{"rendered":"\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Poppins:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n.picom-page a{color:inherit;text-decoration:none;font-family:inherit}\r\n.picom-page a.btn{color:#fff}\r\n.picom-page a.btn.ghost{color:var(--ink)}\r\n.picom-page a.btn.ghost:hover{color:#fff}\r\n:root{\r\n  --ink:#22324a; --sub:#6b7a90; --line:#e1ecf2; --bg:#ffffff; --bg2:#f5fafd;\r\n  --accent:#1fb0c4; --accent2:#8fdce6; --pink:#fbe1ec; --sky:#d6edf9;\r\n  --en:'Poppins',sans-serif;\r\n}\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nbody{font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--bg);line-height:1.9;letter-spacing:.04em;-webkit-font-smoothing:antialiased}\r\na{color:inherit;text-decoration:none}\r\nimg{max-width:100%}\r\n.wrap{max-width:1120px;margin:0 auto;padding:0 24px}\r\n.en{font-family:var(--en);letter-spacing:.12em}\r\n\r\n\/* header *\/\r\nheader{position:fixed;top:16px;left:16px;right:16px;z-index:10}\r\n.hbar{max-width:1180px;margin:0 auto;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 6px 24px rgba(34,50,74,.08);display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 28px}\r\n.logo{font-family:var(--en);font-weight:600;font-size:17px;letter-spacing:.06em}\r\n.logo span{color:var(--accent)}\r\nnav{display:flex;align-items:center;gap:28px;font-family:var(--en);font-size:12.5px;letter-spacing:.12em}\r\nnav a:not(.btn){opacity:.8}\r\n.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:500;letter-spacing:.06em;transition:.2s}\r\n.btn:hover{background:var(--accent)}\r\n.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}\r\n.btn.ghost:hover{background:var(--ink);color:#fff}\r\n.btn .arr{font-family:var(--en)}\r\n\r\n\/* hero *\/\r\n.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;\r\n  background:radial-gradient(60% 70% at 85% 25%,var(--pink) 0%,transparent 60%),radial-gradient(70% 80% at 10% 90%,var(--sky) 0%,transparent 60%),linear-gradient(180deg,#f3f9fd,#fff)}\r\n.hero .wrap{width:100%;padding-top:120px;padding-bottom:80px}\r\n.eyebrow{font-family:var(--en);font-size:13px;letter-spacing:.24em;color:var(--accent);margin-bottom:24px}\r\n.hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.35;font-weight:700;letter-spacing:.02em}\r\n.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#8ccbef);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.hero p.lead{margin-top:28px;font-size:16px;color:var(--sub);max-width:560px}\r\n.hero .cta{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}\r\n.badges{margin-top:56px;display:flex;gap:14px;flex-wrap:wrap}\r\n.badge{background:rgba(255,255,255,.75);border:1px solid #fff;border-radius:14px;padding:14px 22px;box-shadow:0 4px 16px rgba(34,50,74,.05)}\r\n.badge b{display:block;font-family:var(--en);font-size:24px;font-weight:600;line-height:1.3}\r\n.badge b small{font-size:13px;font-family:'Noto Sans JP';font-weight:500;margin-left:2px}\r\n.badge span{font-size:12px;color:var(--sub)}\r\n\r\n\/* section common *\/\r\nsection.sec{padding:120px 0}\r\nsection.alt{background:var(--bg2)}\r\n.sh{margin-bottom:56px}\r\n.sh .en{font-size:13px;color:var(--accent);letter-spacing:.24em;display:block;margin-bottom:10px}\r\n.sh h2{font-size:clamp(24px,3vw,34px);line-height:1.5}\r\n.sh p{margin-top:16px;color:var(--sub)}\r\n.center{text-align:center}\r\n\r\n\/* pains *\/\r\n.pains{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}\r\n.pains .pain{flex:1 1 180px;max-width:240px}\r\n.pain{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 22px;font-weight:500;font-size:15px;line-height:1.7;position:relative}\r\n.pain::before{content:\"\";display:block;width:28px;height:28px;border-radius:50%;margin-bottom:14px;background:linear-gradient(135deg,var(--sky),var(--pink))}\r\n.resolve{margin-top:56px;text-align:center;font-size:clamp(18px,2.2vw,24px);font-weight:700}\r\n.resolve span{color:var(--accent)}\r\n\r\n\/* reasons *\/\r\n.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\r\n.reason{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 10px 40px rgba(34,50,74,.06)}\r\n.reason .num{font-family:var(--en);font-size:44px;font-weight:600;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.reason h3{font-size:19px;margin:18px 0 12px;line-height:1.5}\r\n.reason p{font-size:14px;color:var(--sub)}\r\n\r\n\/* services *\/\r\n.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}\r\n.svc{background:#fff;padding:36px 28px;transition:.2s}\r\n.svc:hover{background:#f7fbfe}\r\n.svc .en{font-size:11px;color:var(--accent);letter-spacing:.2em}\r\n.svc h3{font-size:18px;margin:8px 0 12px}\r\n.svc p{font-size:13.5px;color:var(--sub)}\r\n.svc.main{background:linear-gradient(160deg,#eef8fc,#fff)}\r\n.tag{display:inline-block;font-size:11px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;margin-left:6px;vertical-align:2px}\r\n\r\n\/* works *\/\r\n.works{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\r\n.work .thumb{aspect-ratio:16\/10;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-size:12px;letter-spacing:.2em;color:rgba(34,50,74,.35)}\r\n.t1{background:linear-gradient(135deg,#f6c9db,#fdeef4)}\r\n.t2{background:linear-gradient(135deg,#9fd9e8,#e1f4fa)}\r\n.t3{background:linear-gradient(135deg,#cfe2f7,#fbe4ee)}\r\n.work .meta{margin-top:16px;font-size:12px;color:var(--accent);font-family:var(--en);letter-spacing:.1em}\r\n.work h3{font-size:16px;margin-top:4px;line-height:1.6}\r\n.work p{font-size:13px;color:var(--sub);margin-top:4px}\r\n.more{margin-top:48px;text-align:center}\r\n\r\n\/* price *\/\r\n.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\r\n.price{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 24px;text-align:center}\r\n.price.rec{border:2px solid var(--accent);position:relative}\r\n.price.rec::after{content:\"\u4eba\u6c17\";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:12px;border-radius:999px;padding:2px 14px}\r\n.price h3{font-size:15px}\r\n.price .yen{font-family:var(--en);font-size:34px;font-weight:600;margin:12px 0 4px}\r\n.price .yen small{font-family:'Noto Sans JP';font-size:14px;font-weight:500}\r\n.price p{font-size:13px;color:var(--sub)}\r\n.hosyu{margin-top:28px;background:linear-gradient(120deg,#dff2f9,#fdeef4);color:var(--ink);border-radius:20px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}\r\n.hosyu h3{font-size:18px}\r\n.hosyu p{font-size:13px;color:var(--sub)}\r\n.hosyu .yen{font-family:var(--en);font-size:28px;font-weight:600}\r\n.hosyu .yen small{font-family:'Noto Sans JP';font-size:13px}\r\n\r\n\/* flow *\/\r\n.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:f}\r\n.step{background:#fff;border-radius:16px;padding:24px 16px;text-align:center;position:relative}\r\n.step::before{counter-increment:f;content:\"0\" counter(f);font-family:var(--en);font-size:12px;color:var(--accent);letter-spacing:.15em;display:block}\r\n.step h3{font-size:14.5px;margin-top:6px;line-height:1.5}\r\n.step p{font-size:12px;color:var(--sub);margin-top:6px;line-height:1.6}\r\n\r\n\/* faq *\/\r\n.faq{max-width:820px;margin:0 auto}\r\ndetails{border-bottom:1px solid var(--line);padding:22px 4px}\r\nsummary{cursor:pointer;font-weight:500;list-style:none;display:flex;gap:16px}\r\nsummary::before{content:\"Q\";font-family:var(--en);color:var(--accent);font-weight:600}\r\ndetails p{margin-top:12px;padding-left:28px;color:var(--sub);font-size:14px}\r\n\r\n\/* message *\/\r\n.msg{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}\r\n.photo{aspect-ratio:4\/5;border-radius:24px;background:linear-gradient(160deg,var(--sky),var(--pink));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--en);font-size:12px;letter-spacing:.2em}\r\n.msg blockquote{font-size:15px;line-height:2.2}\r\n.msg .sign{margin-top:24px;font-size:14px;color:var(--sub)}\r\n.msg .sign b{color:var(--ink);font-size:16px;margin-left:8px}\r\n\r\n\/* company *\/\r\ntable.co{width:100%;max-width:820px;margin:0 auto;border-collapse:collapse;font-size:14.5px}\r\ntable.co th,table.co td{text-align:left;padding:20px 16px;border-bottom:1px solid var(--line);vertical-align:top}\r\ntable.co th{width:180px;font-weight:500;color:var(--sub)}\r\n.tbd{background:#fff4c2;padding:1px 6px;border-radius:4px;font-size:13px}\r\n\r\n\/* cta *\/\r\n.cta-sec{padding:110px 0;background:radial-gradient(60% 90% at 85% 20%,#fbd9e8,transparent 60%),radial-gradient(60% 90% at 10% 90%,#c6ecf3,transparent 60%),linear-gradient(120deg,#e6f5fb,#f7fbfe 50%,#fdeef4);color:var(--ink);text-align:center}\r\n.cta-sec h2{font-size:clamp(24px,3vw,34px);line-height:1.6}\r\n.cta-sec p{color:var(--sub);margin-top:12px}\r\n.cta-sec .btn{background:var(--ink);color:#fff;margin-top:36px;padding:18px 40px;font-size:15px}\r\n.cta-sec .btn:hover{background:var(--accent)}\r\n\r\nfooter{background:var(--ink);color:rgba(255,255,255,.7);padding:48px 0;font-size:12px}\r\nfooter .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}\r\nfooter .logo{color:#fff}\r\n\r\n@media (max-width:900px){\r\n  nav a:not(.btn){display:none}\r\n  .reasons,.works{grid-template-columns:1fr}\r\n  .services,.prices{grid-template-columns:1fr 1fr}\r\n  .flow{grid-template-columns:1fr 1fr}\r\n  .msg{grid-template-columns:1fr;gap:32px}\r\n  .photo{max-width:280px}\r\n  section.sec{padding:80px 0}\r\n}\r\n@media (max-width:560px){\r\n  .services,.prices{grid-template-columns:1fr}\r\n  .hbar{padding-left:20px}\r\n  table.co th{width:100px}\r\n}\r\nnav a.cur{opacity:1;color:var(--accent)}\r\n.crumb{font-size:12px;color:var(--sub);margin-bottom:20px;font-family:var(--en);letter-spacing:.1em}\r\n.crumb a{text-decoration:underline}\r\n.logo,.btn{white-space:nowrap}\r\n@media (max-width:560px){\r\n  .logo{font-size:15px}\r\n  nav .btn{padding:10px 16px;font-size:12.5px}\r\n}\r\n.work .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}\r\n.work .thumb{border:1px solid var(--line);background-color:var(--bg2)}\r\n\r\n\r\n\r\n\/* \u65b0\u898f\u5236\u4f5cLP\u306f\u30d4\u30f3\u30af\u5bc4\u308a\u306e\u30c8\u30fc\u30f3\u3067\u30ea\u30cb\u30e5\u30fc\u30a2\u30ebLP\u3068\u5dee\u5225\u5316 *\/\r\n.hero{background:radial-gradient(60% 70% at 80% 30%,#fde3ee 0%,transparent 60%),radial-gradient(60% 80% at 5% 85%,#e4f4fb 0%,transparent 60%),linear-gradient(180deg,#fff7fb,#fff)}\r\n.hero h1 em{background:linear-gradient(90deg,#e886ae,#8ccbef);-webkit-background-clip:text;background-clip:text}\r\n\r\n\r\n.wp-site-blocks{padding:0!important}\r\n.wp-block-post-content{max-width:none!important;margin:0!important;padding:0!important}\r\n.wp-block-post-content>*{margin-block:0!important;max-width:none!important}\r\nbody.admin-bar header{top:48px}\r\nhtml{scroll-behavior:smooth}\r\n\r\n<\/style>\r\n<div class=\"picom-page\">\r\n<header><div class=\"hbar\">\r\n  <a class=\"logo\" href=\"\/?page_id=105\">pi <span>communications<\/span><\/a>\r\n  <nav>\r\n    <a href=\"\/?page_id=106\">RENEWAL<\/a><a href=\"\/?page_id=107\" class=\"cur\">NEW SITE<\/a><a href=\"\/?page_id=105#works\">WORKS<\/a><a href=\"\/?page_id=105#company\">COMPANY<\/a>\r\n    <a class=\"btn\" href=\"#contact\">\u7121\u6599\u76f8\u8ac7 <span class=\"arr\">\u2192<\/span><\/a>\r\n  <\/nav>\r\n<\/div><\/header>\r\n\r\n\r\n<section class=\"hero\"><div class=\"wrap\">\r\n  <div class=\"eyebrow\">NEW WEBSITE &amp; BRANDING<\/div>\r\n  <h1>\u306f\u3058\u3081\u3066\u306eWeb\u30b5\u30a4\u30c8\u3092\u3001<br><em>\u4e8b\u696d\u306e\u6b66\u5668<\/em>\u306b\u3002<\/h1>\r\n  <p class=\"lead\">\u958b\u696d\u30fb\u65b0\u898f\u4e8b\u696d\u30fb\u30d6\u30e9\u30f3\u30c9\u306e\u7acb\u3061\u4e0a\u3052\u306b\u3002<br>\u30ed\u30b4\u304b\u3089Web\u30b5\u30a4\u30c8\u307e\u3067\u3001\u4f1d\u308f\u308b\u304b\u305f\u3061\u3092\u4e00\u8cab\u3057\u3066\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\r\n  <div class=\"cta\">\r\n    <a class=\"btn\" href=\"#contact\">\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b <span class=\"arr\">\u2192<\/span><\/a>\r\n    <a class=\"btn ghost\" href=\"#works\">\u5b9f\u7e3e\u3092\u898b\u308b<\/a>\r\n  <\/div>\r\n  <div class=\"badges\">\r\n    <div class=\"badge\"><b>\u30ed\u30b4<small>\u301c<\/small>Web<\/b><span>\u30d6\u30e9\u30f3\u30c9\u3092\u4e00\u8cab\u5236\u4f5c<\/span><\/div>\r\n    <div class=\"badge\"><b>3<small>\u9031\u9593\u301c<\/small><\/b><span>\u6700\u77ed\u516c\u958b\u30b9\u30d4\u30fc\u30c9<\/span><\/div>\r\n    <div class=\"badge\"><b>\u539f\u7a3f<small>\u304b\u3089<\/small><\/b><span>\u69cb\u6210\u30fb\u6587\u7ae0\u3082\u304a\u4efb\u305b<\/span><\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec\"><div class=\"wrap\">\r\n  <div class=\"sh center\"><span class=\"en\">PROBLEM<\/span><h2>\u306f\u3058\u3081\u3066\u306eWeb\u5236\u4f5c\u3001<br>\u3053\u3093\u306a\u4e0d\u5b89\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2><\/div>\r\n  <div class=\"pains\">\r\n    <div class=\"pain\">\u4f55\u3092\u8f09\u305b\u308c\u3070\u3044\u3044\u306e\u304b\u3001\u69cb\u6210\u304b\u3089\u308f\u304b\u3089\u306a\u3044<\/div>\r\n    <div class=\"pain\">\u30ed\u30b4\u3084\u540d\u523a\u3082\u307e\u3060\u6c7a\u307e\u3063\u3066\u3044\u306a\u3044<\/div>\r\n    <div class=\"pain\">\u539f\u7a3f\u3084\u5199\u771f\u3092\u7528\u610f\u3059\u308b\u6642\u9593\u304c\u306a\u3044<\/div>\r\n    <div class=\"pain\">\u5236\u4f5c\u4f1a\u793e\u306b\u983c\u3080\u3068\u9ad8\u305d\u3046\u30fb\u9045\u305d\u3046<\/div>\r\n    <div class=\"pain\">\u4f5c\u3063\u305f\u3042\u3068\u3001\u81ea\u5206\u3067\u904b\u7528\u3067\u304d\u308b\u304b\u4e0d\u5b89<\/div>\r\n  <\/div>\r\n  <p class=\"resolve\">\u30bc\u30ed\u304b\u3089\u306e\u7acb\u3061\u4e0a\u3052\u3092\u3001<span>pi communications<\/span> \u304c\u4e38\u3054\u3068\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec alt\"><div class=\"wrap\">\r\n  <div class=\"sh center\"><span class=\"en\">WHY US<\/span><h2>\u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531<\/h2><\/div>\r\n  <div class=\"reasons\">\r\n    <div class=\"reason\"><div class=\"num\">01<\/div><h3>\u30d2\u30a2\u30ea\u30f3\u30b0\u304b\u3089<br>\u69cb\u6210\u30fb\u539f\u7a3f\u307e\u3067\u304a\u4efb\u305b<\/h3><p>\u4e8b\u696d\u306e\u5f37\u307f\u3084\u60f3\u3044\u3092\u4e01\u5be7\u306b\u4f3a\u3044\u3001\u30b5\u30a4\u30c8\u69cb\u6210\u3084\u6587\u7ae0\u3065\u304f\u308a\u304b\u3089\u4f34\u8d70\u3002\u7d20\u6750\u304c\u306a\u304f\u3066\u3082\u59cb\u3081\u3089\u308c\u307e\u3059\u3002<\/p><\/div>\r\n    <div class=\"reason\"><div class=\"num\">02<\/div><h3>\u30ed\u30b4\u30fb\u540d\u523a\u30fb\u30b5\u30a4\u30c8\u3092<br>\u4e00\u8cab\u3057\u3066\u30c7\u30b6\u30a4\u30f3<\/h3><p>\u30d6\u30e9\u30f3\u30c9\u306e\u898b\u305f\u76ee\u3092\u3070\u3089\u3070\u3089\u306b\u767a\u6ce8\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30c8\u30fc\u30f3\u3092\u305d\u308d\u3048\u3066\u3001\u4fe1\u983c\u3055\u308c\u308b\u7b2c\u4e00\u5370\u8c61\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p><\/div>\r\n    <div class=\"reason\"><div class=\"num\">03<\/div><h3>\u516c\u958b\u5f8c\u3082\u5b89\u5fc3\u306e<br>\u904b\u7528\u4fdd\u5b88<\/h3><p>WordPress\u3067\u81ea\u5206\u3067\u66f4\u65b0\u3067\u304d\u308b\u4ed5\u7d44\u307f\u306b\u3002\u66f4\u65b0\u4ee3\u884c\u30fb\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3082\u304a\u4efb\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p><\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec\" id=\"service\"><div class=\"wrap\">\r\n  <div class=\"sh\"><span class=\"en\">SERVICE<\/span><h2>\u3064\u304f\u308c\u308b\u3082\u306e<\/h2><\/div>\r\n  <div class=\"services\">\r\n    <div class=\"svc main\"><span class=\"en\">CORPORATE<\/span><h3>\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8<br>\u30b5\u30a4\u30c8<\/h3><p>\u4f1a\u793e\u306e\u4fe1\u983c\u3092\u4f1d\u3048\u308b\u516c\u5f0f\u30b5\u30a4\u30c8\u3002\u958b\u696d\u30fb\u6cd5\u4eba\u5316\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u306b\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">RECRUIT<\/span><h3>\u63a1\u7528\u30b5\u30a4\u30c8<\/h3><p>\u50cd\u304f\u9b45\u529b\u3092\u4f1d\u3048\u3001\u5fdc\u52df\u306b\u3064\u306a\u3052\u308b\u63a1\u7528\u5c02\u7528\u30b5\u30a4\u30c8\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">LANDING PAGE<\/span><h3>LP\u5236\u4f5c<\/h3><p>\u5546\u54c1\u30fb\u30b5\u30fc\u30d3\u30b9\u306e\u8ca9\u58f2\u3084\u96c6\u5ba2\u306b\u7279\u5316\u3057\u305f1\u30da\u30fc\u30b8\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">BRANDING<\/span><h3>\u30ed\u30b4\u30fb<br>\u30d6\u30e9\u30f3\u30c9\u30c7\u30b6\u30a4\u30f3<\/h3><p>\u30ed\u30b4\u30fb\u540d\u523a\u30fb\u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\u307e\u3067\u3001\u30d6\u30e9\u30f3\u30c9\u306e\u898b\u305f\u76ee\u3092\u4e00\u5f0f\u3067\u3002<\/p><\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec alt\" id=\"works\"><div class=\"wrap\">\r\n  <div class=\"sh\"><span class=\"en\">WORKS<\/span><h2>\u5236\u4f5c\u5b9f\u7e3e<\/h2><\/div>\r\n  <div class=\"works\">\r\n    <a class=\"work\" href=\"#\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picom.jp\/wp-content\/uploads\/2026\/10\/picom-work-metaverse.jpg\" alt=\"\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u30d7\u30ed\u30c0\u30af\u30b7\u30e7\u30f3\u69d8 \u30ed\u30b4\u30fb\u516c\u5f0f\u30b5\u30a4\u30c8\" loading=\"lazy\"><\/div><div class=\"meta\">BRANDING \/ WEBSITE<\/div><h3>\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u30d7\u30ed\u30c0\u30af\u30b7\u30e7\u30f3\u69d8<br>\u30ed\u30b4\u30fb\u516c\u5f0f\u30b5\u30a4\u30c8<\/h3><p>\u30ed\u30b4\uff0f\u30c7\u30b6\u30a4\u30f3\uff0fSTUDIO\u5b9f\u88c5\u30fb\u7d041\u30f6\u6708<\/p><\/a>\r\n    <a class=\"work\" href=\"#\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picom.jp\/wp-content\/uploads\/2026\/10\/picom-work-denki.jpg\" alt=\"\u96fb\u529b\u4f1a\u793e\u69d8 \u30a2\u30d7\u30eaUI\u30fbLP\u30fb\u30ed\u30b4\" loading=\"lazy\"><\/div><div class=\"meta\">APP UI \/ LP<\/div><h3>\u96fb\u529b\u4f1a\u793e\u69d8<br>\u30a2\u30d7\u30eaUI\u30fbLP\u30fb\u30ed\u30b4<\/h3><p>\u30ed\u30b4\uff0fUI\uff0fLP\u30fb\u7d042\u30f6\u6708<\/p><\/a>\r\n    <a class=\"work\" href=\"#\"><div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/picom.jp\/wp-content\/uploads\/2026\/10\/picom-work-promino.jpg\" alt=\"\u5973\u6027\u5411\u3051\u30d7\u30ed\u30c6\u30a4\u30f3\u30d6\u30e9\u30f3\u30c9\u69d8 \u5546\u54c1LP\" loading=\"lazy\"><\/div><div class=\"meta\">LANDING PAGE<\/div><h3>\u5973\u6027\u5411\u3051\u30d7\u30ed\u30c6\u30a4\u30f3\u30d6\u30e9\u30f3\u30c9\u69d8<br>\u5546\u54c1LP<\/h3><\/a>\r\n  <\/div>\r\n  <div class=\"more\"><a class=\"btn ghost\" href=\"\/?page_id=105#works\">\u5b9f\u7e3e\u4e00\u89a7\u3092\u898b\u308b <span class=\"arr\">\u2192<\/span><\/a><\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec alt\" id=\"flow\"><div class=\"wrap\">\r\n  <div class=\"sh\"><span class=\"en\">FLOW<\/span><h2>\u5236\u4f5c\u306e\u6d41\u308c<\/h2><p>\u6a19\u6e96\u7684\u306a\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u30671\u301c1.5\u30f6\u6708\u3001\u6700\u77ed3\u9031\u9593\u3067\u516c\u958b\u3067\u304d\u307e\u3059\u3002<\/p><\/div>\r\n  <div class=\"flow\">\r\n    <div class=\"step\"><h3>\u304a\u554f\u3044\u5408\u308f\u305b<\/h3><p>\u30d5\u30a9\u30fc\u30e0\u30fb\u30e1\u30fc\u30eb\u304b\u3089<\/p><\/div>\r\n    <div class=\"step\"><h3>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0<\/h3><p>\u4e8b\u696d\u5185\u5bb9\u3084\u60f3\u3044\u3092\u4f3a\u3044\u307e\u3059<\/p><\/div>\r\n    <div class=\"step\"><h3>\u3054\u63d0\u6848\u30fb\u304a\u898b\u7a4d\u308a<\/h3><p>\u69cb\u6210\u3068\u8cbb\u7528\u3092\u3054\u63d0\u793a<\/p><\/div>\r\n    <div class=\"step\"><h3>\u539f\u7a3f\u30fb\u30c7\u30b6\u30a4\u30f3<\/h3><p>\u69cb\u6210\u30fb\u539f\u7a3f\u2192\u30c7\u30b6\u30a4\u30f3\u6848\u3092\u3054\u78ba\u8a8d<\/p><\/div>\r\n    <div class=\"step\"><h3>\u69cb\u7bc9\u30fb\u516c\u958b<\/h3><p>\u30c9\u30e1\u30a4\u30f3\u30fb\u30b5\u30fc\u30d0\u30fc\u8a2d\u5b9a\u3082\u5bfe\u5fdc<\/p><\/div>\r\n    <div class=\"step\"><h3>\u904b\u7528\u4fdd\u5b88<\/h3><p>\u516c\u958b\u5f8c\u3082\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8<\/p><\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"sec\"><div class=\"wrap\">\r\n  <div class=\"sh center\"><span class=\"en\">FAQ<\/span><h2>\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2><\/div>\r\n  <div class=\"faq\">\r\n    <details open><summary>\u30c9\u30e1\u30a4\u30f3\u3084\u30b5\u30fc\u30d0\u30fc\u3092\u6301\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/summary><p>\u306f\u3044\u3002\u53d6\u5f97\u30fb\u5951\u7d04\u306e\u30b5\u30dd\u30fc\u30c8\u304b\u3089\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u539f\u7a3f\u3084\u5199\u771f\u304c\u306a\u304f\u3066\u3082\u4f9d\u983c\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary><p>\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u3082\u3068\u306b\u539f\u7a3f\u3092\u4f5c\u6210\u3057\u3001\u5199\u771f\u7d20\u6750\u306e\u9078\u5b9a\u3084\u64ae\u5f71\u624b\u914d\u3082\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u30ed\u30b4\u3060\u3051\u3001\u30b5\u30a4\u30c8\u3060\u3051\u306e\u4f9d\u983c\u3082\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary><p>\u3082\u3061\u308d\u3093\u53ef\u80fd\u3067\u3059\u3002\u30bb\u30c3\u30c8\u3067\u306e\u3054\u4f9d\u983c\u306f\u5272\u5f15\u304c\u3042\u308a\u307e\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u516c\u958b\u5f8c\u306f\u81ea\u5206\u3067\u66f4\u65b0\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary><p>\u304a\u77e5\u3089\u305b\u3084\u5b9f\u7e3e\u306f\u3054\u81ea\u8eab\u3067\u66f4\u65b0\u3067\u304d\u308b\u4ed5\u7d44\u307f\u3067\u7d0d\u54c1\u3057\u307e\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u5730\u65b9\u306e\u4f1a\u793e\u3067\u3082\u4f9d\u983c\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary><p>\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u5168\u56fd\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p><\/details>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<section class=\"cta-sec\" id=\"contact\"><div class=\"wrap\">\r\n  <h2>\u307e\u3060\u69cb\u60f3\u6bb5\u968e\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<br>\u307e\u305a\u306f\u304a\u8a71\u3092\u805e\u304b\u305b\u3066\u304f\u3060\u3055\u3044\u3002<\/h2>\r\n  <p>\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u308a\u306f\u7121\u6599\u3067\u3059\u30022\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3057\u307e\u3059\u3002<\/p>\r\n  <a class=\"btn\" href=\"\/?page_id=44\">\u7121\u6599\u76f8\u8ac7\u306f\u3053\u3061\u3089 <span class=\"arr\">\u2192<\/span><\/a>\r\n<\/div><\/section>\r\n\r\n<footer><div class=\"wrap\">\r\n  <div class=\"logo\">pi communications<\/div>\r\n  <div>\u00a9 pi communications<\/div>\r\n<\/div><\/footer>\r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>pi communications RENEWALNEW SITEWORKSCOMPANY \u7121\u6599\u76f8\u8ac7 \u2192 NEW WEBSITE &amp; BRANDING \u306f\u3058\u3081\u3066\u306eWeb\u30b5\u30a4\u30c8\u3092\u3001\u4e8b\u696d\u306e\u6b66\u5668\u306b\u3002 \u958b\u696d\u30fb\u65b0\u898f\u4e8b\u696d\u30fb\u30d6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"picom-blank","meta":{"footnotes":""},"tags":[],"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/picom.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":3,"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/picom.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/picom.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}