{"id":106,"date":"2026-10-23T21:32:17","date_gmt":"2026-10-23T12:32:17","guid":{"rendered":"https:\/\/picom.jp\/?page_id=106"},"modified":"2026-10-24T13:21:09","modified_gmt":"2026-10-24T04:21:09","slug":"renewal","status":"publish","type":"page","link":"https:\/\/picom.jp\/?page_id=106","title":{"rendered":"Web\u30b5\u30a4\u30c8\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb"},"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\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\" class=\"cur\">RENEWAL<\/a><a href=\"\/?page_id=107\">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\">WEBSITE RENEWAL &amp; SUPPORT<\/div>\r\n  <h1>\u53e4\u304f\u306a\u3063\u305fWeb\u30b5\u30a4\u30c8\u3092\u3001<br><em>\u6210\u679c\u3092\u751f\u3080\u30b5\u30a4\u30c8<\/em>\u3078\u3002<\/h1>\r\n  <p class=\"lead\">\u4e2d\u5c0f\u4f01\u696d\u306eWeb\u30b5\u30a4\u30c8\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3092\u3001\u6700\u77ed2\u9031\u9593\u3067\u3002<br>\u516c\u958b\u5f8c\u306e\u66f4\u65b0\u30fb\u4fdd\u5b88\u307e\u3067\u3001\u305a\u3063\u3068\u4f34\u8d70\u3057\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>2<small>\u9031\u9593\u301c<\/small><\/b><span>\u6700\u77ed\u516c\u958b\u30b9\u30d4\u30fc\u30c9<\/span><\/div>\r\n    <div class=\"badge\"><b>10<small>\u5e74<\/small><\/b><span>\u30c7\u30b6\u30a4\u30ca\u30fc\u6b74<\/span><\/div>\r\n    <div class=\"badge\"><b>\u516c\u958b\u5f8c<small>\u3082<\/small><\/b><span>\u4fdd\u5b88\u3067\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8<\/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>\u3053\u3093\u306a\u304a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2><\/div>\r\n  <div class=\"pains\">\r\n    <div class=\"pain\">\u4f55\u5e74\u3082\u524d\u306b\u4f5c\u3063\u305f\u30b5\u30a4\u30c8\u306e\u307e\u307e\u3001\u30c7\u30b6\u30a4\u30f3\u3082\u60c5\u5831\u3082\u53e4\u3044<\/div>\r\n    <div class=\"pain\">\u30b9\u30de\u30db\u3067\u898b\u308b\u3068\u5d29\u308c\u308b\u30fb\u8aad\u307f\u306b\u304f\u3044<\/div>\r\n    <div class=\"pain\">\u81ea\u793e\u3067\u66f4\u65b0\u3067\u304d\u305a\u3001\u5236\u4f5c\u4f1a\u793e\u3068\u3082\u9023\u7d61\u304c\u3064\u304b\u306a\u3044<\/div>\r\n    <div class=\"pain\">\u554f\u3044\u5408\u308f\u305b\u3084\u63a1\u7528\u306b\u3064\u306a\u304c\u3063\u3066\u3044\u306a\u3044<\/div>\r\n    <div class=\"pain\">\u8cbb\u7528\u3082\u6642\u9593\u3082\u304b\u304b\u308a\u305d\u3046\u3067\u8e0f\u307f\u51fa\u305b\u306a\u3044<\/div>\r\n  <\/div>\r\n  <p class=\"resolve\">\u305d\u306e\u304a\u60a9\u307f\u3001<span>pi communications<\/span> \u304c\u307e\u3068\u3081\u3066\u89e3\u6c7a\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>\u6700\u77ed2\u9031\u9593\u306e<br>\u30cf\u30a4\u30b9\u30d4\u30fc\u30c9\u5236\u4f5c<\/h3><p>\u72ec\u81ea\u306e\u30c6\u30fc\u30de\u3068\u30d1\u30fc\u30c4\u8a2d\u8a08\u3001AI\u3092\u6d3b\u7528\u3057\u305f\u5236\u4f5c\u30d5\u30ed\u30fc\u3067\u3001\u54c1\u8cea\u3092\u4fdd\u3063\u305f\u307e\u307e\u5236\u4f5c\u671f\u9593\u3092\u5927\u5e45\u306b\u77ed\u7e2e\u3057\u307e\u3059\u3002<\/p><\/div>\r\n    <div class=\"reason\"><div class=\"num\">02<\/div><h3>\u4e8b\u696d\u6210\u679c\u304b\u3089\u9006\u7b97\u3057\u305f<br>\u30c7\u30b6\u30a4\u30f3<\/h3><p>\u5236\u4f5c\u4f1a\u793e\u306e\u30ea\u30fc\u30c9\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u3057\u3066\u7f8e\u5bb9\u533b\u7642\u30fbD2C\u30fb\u30a2\u30d7\u30ea\u306a\u3069\u5e45\u5e83\u3044\u9818\u57df\u3092\u62c5\u5f53\u3002\u300c\u554f\u3044\u5408\u308f\u305b\u30fb\u63a1\u7528\u30fb\u58f2\u4e0a\u300d\u306b\u3064\u306a\u304c\u308b\u8a2d\u8a08\u3092\u884c\u3044\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\u306e\u66f4\u65b0\u3001\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u4fee\u6b63\u307e\u3067\u3002\u5fa1\u793e\u306eWeb\u62c5\u5f53\u3068\u3057\u3066\u4f34\u8d70\u3057\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>\u30b5\u30fc\u30d3\u30b9<\/h2><\/div>\r\n  <div class=\"services\">\r\n    <div class=\"svc main\"><span class=\"en\">RENEWAL<\/span><h3>Web\u30b5\u30a4\u30c8<br>\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb<span class=\"tag\">\u4e3b\u529b<\/span><\/h3><p>\u73fe\u72b6\u5206\u6790\u304b\u3089\u69cb\u6210\u306e\u898b\u76f4\u3057\u3001\u30c7\u30b6\u30a4\u30f3\u3001WordPress\u69cb\u7bc9\u3001\u30c7\u30fc\u30bf\u79fb\u884c\u307e\u3067\u4e00\u8cab\u5bfe\u5fdc\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">NEW SITE<\/span><h3>\u65b0\u898f<br>Web\u30b5\u30a4\u30c8\u5236\u4f5c<\/h3><p>\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30fb\u63a1\u7528\u30fb\u30b5\u30fc\u30d3\u30b9\u30b5\u30a4\u30c8\u3092\u3001\u958b\u696d\u3084\u65b0\u898f\u4e8b\u696d\u306b\u5408\u308f\u305b\u3066\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">LANDING PAGE<\/span><h3>LP\u5236\u4f5c<\/h3><p>\u5e83\u544a\u30fb\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u30fb\u6c42\u4eba\u5411\u3051\u306b\u3001\u6210\u679c\u304b\u3089\u9006\u7b97\u3057\u305fLP\u3092\u8a2d\u8a08\u3002<\/p><\/div>\r\n    <div class=\"svc\"><span class=\"en\">SUPPORT<\/span><h3>\u904b\u7528\u4fdd\u5b88<\/h3><p>\u66f4\u65b0\u4ee3\u884c\u30fb\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u30fb\u6539\u5584\u63d0\u6848\u3002\u516c\u958b\u5f8c\u3082\u7d99\u7d9a\u3057\u3066\u30b5\u30dd\u30fc\u30c8\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-venus.jpg\" alt=\"\u7f8e\u5bb9\u76ae\u819a\u79d1\u30af\u30ea\u30cb\u30c3\u30af\u69d8 \u65bd\u8853\u30e1\u30cb\u30e5\u30fcLP\" loading=\"lazy\"><\/div><div class=\"meta\">LANDING PAGE<\/div><h3>\u7f8e\u5bb9\u76ae\u819a\u79d1\u30af\u30ea\u30cb\u30c3\u30af\u69d8<br>\u65bd\u8853\u30e1\u30cb\u30e5\u30fcLP<\/h3><p>\u30c7\u30b6\u30a4\u30f3\uff0f\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\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-buzz.jpg\" alt=\"\u7f8e\u5bb9\u533b\u7642SNS\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4f1a\u793e\u69d8 \u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\" loading=\"lazy\"><\/div><div class=\"meta\">CORPORATE SITE<\/div><h3>\u7f8e\u5bb9\u533b\u7642SNS\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4f1a\u793e\u69d8<br>\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8<\/h3><\/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\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u30673\u301c4\u9031\u9593\u3001\u6700\u77ed2\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>\u30aa\u30f3\u30e9\u30a4\u30f360\u5206\u3067\u73fe\u72b6\u3068\u76ee\u7684\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>\u8a2d\u8a08\u30fb\u30c7\u30b6\u30a4\u30f3<\/h3><p>\u69cb\u6210\u6848\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>WordPress\u3067\u5b9f\u88c5\u30fb\u52d5\u4f5c\u78ba\u8a8d<\/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>\u5236\u4f5c\u671f\u9593\u306f\u3069\u308c\u304f\u3089\u3044\u3067\u3059\u304b\uff1f<\/summary><p>\u6700\u77ed2\u9031\u9593\u3001\u6a19\u6e96\u7684\u306a\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u30673\u301c4\u9031\u9593\u307b\u3069\u3067\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u4eca\u306e\u30b5\u30a4\u30c8\u306e\u5185\u5bb9\u3084\u5199\u771f\u306f\u305d\u306e\u307e\u307e\u4f7f\u3048\u307e\u3059\u304b\uff1f<\/summary><p>\u306f\u3044\u3002\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u6587\u7ae0\u306e\u898b\u76f4\u3057\u3082\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p><\/details>\r\n    <details><summary>\u539f\u7a3f\u3084\u5199\u771f\u304c\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/summary><p>\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u3082\u3068\u306b\u3001\u539f\u7a3f\u4f5c\u6210\u30fb\u7d20\u6750\u9078\u5b9a\u304b\u3089\u304a\u624b\u4f1d\u3044\u3057\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>\u4fdd\u5b88\u5951\u7d04\u306f\u5fc5\u9808\u3067\u3059\u304b\uff1f<\/summary><p>\u4efb\u610f\u3067\u3059\u3002\u305f\u3060\u3057WordPress\u306f\u5b9a\u671f\u7684\u306a\u66f4\u65b0\u304c\u5fc5\u8981\u306a\u305f\u3081\u3001\u52a0\u5165\u3092\u304a\u3059\u3059\u3081\u3057\u3066\u3044\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=\"sec alt\" id=\"message\"><div class=\"wrap\">\r\n  <div class=\"sh\"><span class=\"en\">MESSAGE<\/span><h2>\u4ee3\u8868\u30e1\u30c3\u30bb\u30fc\u30b8<\/h2><\/div>\r\n  <div class=\"msg\">\r\n    <div class=\"photo\">PHOTO<\/div>\r\n    <div>\r\n      <blockquote>\r\n        Web\u30b5\u30a4\u30c8\u306f\u3001\u4f1a\u793e\u306e\u300c\u9854\u300d\u3067\u3042\u308a\u300124\u6642\u9593\u50cd\u304f\u55b6\u696d\u62c5\u5f53\u3067\u3059\u3002<br>\r\n        \u3051\u308c\u3069\u591a\u304f\u306e\u4e2d\u5c0f\u4f01\u696d\u3067\u306f\u3001\u4f55\u5e74\u3082\u524d\u306b\u4f5c\u3063\u305f\u30b5\u30a4\u30c8\u304c\u305d\u306e\u307e\u307e\u306b\u306a\u3063\u3066\u3044\u305f\u308a\u3001\u66f4\u65b0\u306e\u4ed5\u65b9\u304c\u308f\u304b\u3089\u305a\u624b\u3064\u304b\u305a\u306b\u306a\u3063\u3066\u3044\u305f\u308a\u3057\u307e\u3059\u3002<br><br>\r\n        \u79c1\u306f\u5236\u4f5c\u4f1a\u793e\u3084\u4e8b\u696d\u4f1a\u793e\u3067\u3001\u30c7\u30b6\u30a4\u30ca\u30fc\u30fb\u30ea\u30fc\u30c9\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u3057\u306610\u5e74\u8fd1\u304f\u3001Web\u30b5\u30a4\u30c8\u30fbLP\u30fb\u30a2\u30d7\u30ea\u30fb\u30ed\u30b4\u306a\u3069\u5e45\u5e83\u3044\u5236\u4f5c\u306b\u643a\u308f\u3063\u3066\u304d\u307e\u3057\u305f\u3002<br><br>\r\n        pi communications \u306f\u3001\u305d\u306e\u7d4c\u9a13\u3092\u3082\u3068\u306b\u300c\u30b9\u30d4\u30fc\u30c9\u300d\u3068\u300c\u6210\u679c\u300d\u3068\u300c\u5b89\u5fc3\u300d\u3092\u517c\u306d\u5099\u3048\u305fWeb\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\u516c\u958b\u5f8c\u3082\u3001\u5fa1\u793e\u306eWeb\u62c5\u5f53\u3068\u3057\u3066\u4f34\u8d70\u3057\u307e\u3059\u3002\r\n      <\/blockquote>\r\n      <div class=\"sign\">pi communications \u4ee3\u8868<b>pirico<\/b><\/div>\r\n    <\/div>\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\u305a\u306f\u4eca\u306e\u30b5\u30a4\u30c8\u306e\u304a\u60a9\u307f\u3092<br>\u304a\u805e\u304b\u305b\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 WEBSITE RENEWAL &amp; SUPPORT \u53e4\u304f\u306a\u3063\u305fWeb\u30b5\u30a4\u30c8\u3092\u3001\u6210\u679c\u3092\u751f\u3080\u30b5\u30a4\u30c8\u3078\u3002 \u4e2d\u5c0f\u4f01 [&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-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/106","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=106"}],"version-history":[{"count":3,"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/picom.jp\/index.php?rest_route=\/wp\/v2\/pages\/106\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/picom.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=106"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/picom.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}