{"id":480,"date":"2025-04-18T14:25:53","date_gmt":"2025-04-18T05:25:53","guid":{"rendered":"https:\/\/andgate.co.jp\/connect\/?page_id=480"},"modified":"2025-04-18T15:12:32","modified_gmt":"2025-04-18T06:12:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/andgate.co.jp\/connect\/contact\/","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" style=\"background-color:#eceff1\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"ark-block-heading\" data-sub=\"bottom\"><h2 class=\"ark-block-heading__main\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2><span class=\"ark-block-heading__line\"><\/span><div class=\"ark-block-heading__sub\">CONTACT US<\/div><\/div>\n\n\n\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<script>\n  hbspt.forms.create({\n    portalId: \"9302130\",\n    formId: \"e2df4140-af9c-4d0b-98e0-8bd000d082e6\",\n    region: \"na1\"\n  });\n<\/script>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" id=\"footer\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul>\n<li><a href=\"https:\/\/andgate.co.jp\/\" target=\"_blank\">\u904b\u55b6\u4f1a\u793e<\/a><\/li>\n<li><a href=\"https:\/\/andgate.co.jp\/privacy\/\" target=\"_blank\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a><\/li>\n<li><a href=\"https:\/\/www.facebook.com\/groups\/andgateconnect\/\" target=\"_blank\">facebook<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n<style class=\"wpcode-css-snippet\">h1.c-pageTitle__main {\r\n\tbackground-image: url(\"https:\/\/andgate.co.jp\/connect\/wp-content\/uploads\/sites\/3\/2025\/04\/logo_white.png\");\r\n\tbackground-size: contain;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tmax-width: 406px;\r\n\theight: auto;\r\n\tdisplay: block;\r\n\tcolor: transparent;\r\n\toverflow: hidden;\r\n\twhite-space: nowrap;\r\n\theight: auto;\r\n\taspect-ratio: 11.6 \/ 1;\r\n\tfont-size: 0;\r\n\tline-height: 0;\r\n}\r\n\r\n.l-content__body {\r\n\tmargin: 0 auto;\r\n}\r\n.p-topArea {\r\n\tmin-height: auto;\r\n}\r\n.p-topArea.-noimg {\r\n    background: linear-gradient(69.5deg, #081230, #182b62);\r\n}\r\n@media (max-width: 782px) {\r\n  h1.c-pageTitle__main {\r\n\twidth: 80%;\r\n  }\r\n}<\/style>\n\n\n<style class=\"wpcode-css-snippet\">#header { display: none; }\r\n\r\nh2.ark-block-heading__main {\r\n\tfont-size: 28px;\r\n}\r\n.gradient_lightgray { background: linear-gradient(to bottom, #ffffff, #f7f7f7); }\r\n\r\n#head_column,\r\n#casestudy,\r\n#pricelist {\r\n\tbackground: url(https:\/\/andgate.co.jp\/connect\/wp-content\/uploads\/sites\/3\/2025\/03\/wave.jpg) no-repeat center;\r\n\tbackground-size: cover; \r\n    margin-top: 0;\r\n\tjustify-content: center;\r\n}\r\n#youtube_de {\r\n\tbackground-color: #eceff1;\r\n}\r\n#head_main {\r\n\ttext-align: center;\r\n}\r\n.main_cta img {\r\n\twidth: 100%;\r\n\tmax-width: 410px;\r\n}\r\n.main_cta p:nth-of-type(1) {\r\n\tfont-size: 24px;\r\n\tfont-weight: 700;\r\n\tcolor: #081230;\r\n}\r\n.main_cta p:nth-of-type(2) {\r\n\tfont-size: 18px;\r\n}\r\n#center_cta {\r\n    background: linear-gradient(69.5deg, #081230, #182b62);\r\n\ttext-align: center;\r\n}\r\n#center_cta p,\r\n#left_cta p {\r\n\tcolor: #fff;\r\n\tfont-size: 20px;\r\n\tpadding: 0 10px;\r\n}\r\n#center_cta p:nth-of-type(2) ,\r\n#left_cta p:nth-of-type(2) {\r\n\tfont-weight: 900;\r\n\tmargin-top: 0;\r\n}\r\n\r\n.cta_wrap {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\tmax-width: 410px;\r\n\tmargin: auto;\r\n\ttext-align: center;\r\n}\r\n.cta_wrap a {\r\n\tposition: relative;\r\n    display: block;\r\n    width: 100%;\r\n\tpadding: 14px;\r\n    border-radius: 30px;\r\n\ttext-decoration: none;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n.cta_wrap a::after {\r\n\tcontent: \"\\f054\";\r\n\tfont-family: \"Font Awesome 6 Free\";\r\n\tfont-weight: 900;\r\n\tposition: absolute;\r\n\ttop: 16px;\r\n\tright: 1em;\r\n}\r\n\r\n.cta_call {\r\n    border: 2px solid #fff;\r\n    background: linear-gradient(69.5deg, #b30000, #ff1a1a);\r\n\tcolor: #fff;\r\n}\r\n.cta_document {\r\n    border: 2px solid #081230;\r\n\tbackground-color: #fff;\r\n\tcolor: #081230;\r\n}\r\n.cta_wrap a:hover {\r\n\tposition: relative;\r\n\ttop: 3px;\r\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n}\r\n.cta_call:hover {\r\n    background: linear-gradient(69.5deg, #ff1a1a, #b30000);\r\n}\r\n.cta_document:hover {\r\n\tbackground-color: #081230;\r\n\tcolor: #fff;\r\n\tborder-color: #fff;\r\n}\r\n#left_cta {\r\n}\r\n#left_cta p {\r\n\ttext-align: center;\r\n\tcolor: #000;\r\n\tfont-weight: 900;\r\n}\r\n.right_cta {\r\n\ttext-align: left;\r\n}\r\n.right_cta img {\r\n\tmax-width: 220px;\r\n}\r\n\r\n.merit,\r\n.connect > div,\r\n.casestudy {\r\n\tbackground: linear-gradient(to bottom, #fff, #f7f7f7);\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n\tborder-radius: 24px;\r\n\tborder: 2px solid #fff;\r\n\ttext-align: center;\r\n}\r\n.merit {\r\n\tpadding: 2em 1em;\r\n}\r\n.merit_youtube {\r\n\tdisplay: flex;\r\n\tgap: 20px;\r\n}\r\n.merit_youtube div {\r\n\twidth: 50%;\r\n}\r\n.merit h3 {\r\n\tcolor: #081230;\r\n\tfont-size: 1.4em;\r\n}\r\n.merit img {\r\n\theight: auto;\r\n}\r\n.connect {\r\n\tdisplay: flex;\r\n\tgap: 20px;\r\n}\r\n.connect > div {\r\n\tdisplay: flex;\r\n\tpadding: 3em 2em 2em;\r\n\twidth: 33%;\r\n\tflex-direction: column;\r\n}\r\n.connect_txt {\r\n\tflex-grow: 1;\r\n\tborder: 1px solid #000;\r\n}\r\n.connect p {\r\n\ttext-align: left;\r\n\tmargin-top: 1.5em;\r\n}\r\n.connect img {\r\n\tmargin: auto;\r\n}\r\n\r\n.bf_wrapper {\r\n\tdisplay: flex;\r\n\tgap: 20px;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\tposition: relative;\r\n\tpadding-bottom: 10px;\r\n}\r\n.bf_before,\r\n.bf_after {\r\n\tdisplay: flex;\r\n\tbackground-color: #fff;\r\n\twidth: 50%;\r\n\tmin-height: 200px;\r\n\tposition: relative;\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n}\r\n.bf_before ul,\r\n.bf_after ul {\r\n\tposition: absolute;\r\n\tmargin-top: 20px;\r\n}\r\n.bf_before li,\r\n.bf_after li {\r\n\tfont-size: 20px;\r\n\tline-height: 1.25em;\r\n\tmargin-bottom: 1.5em;\r\n\tlist-style: none;\r\n}\r\n.bf_before li::before,\r\n.bf_after li::before {\r\n\tcontent: \"\\f119\";\r\n\tfont-family: \"Font Awesome 6 Free\";\r\n\tfont-weight: 900;\r\n\tmargin-right: 0.3em;\r\n\tfont-size: 1.2em;\r\n}\r\n.bf_after li::before {\r\n\tcontent: \"\\f118\";\r\n\tfont-weight: 400;\r\n}\r\n.bf_andgate {\r\n\twidth: 152px;\r\n\theight: 152px;\r\n\tborder-radius: 76px;\r\n\tborder: 2px solid #fff;\r\n\tbackground-color: #081230;\r\n\ttext-align: center;\r\n\tvertical-align: middle;\r\n    position: absolute;\r\n    inset: 0;\r\n    margin: auto;\r\n\tz-index: 5;\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n}\r\n.bf_andgate p {\r\n\tcolor: white;\r\n\tfont-size: 18px;\r\n\tline-height: 1.5em;\r\n    position: absolute;\r\n    inset: 0;\r\n    margin: 25px auto;\r\n}\r\n.bf_andgate p::after {\r\n\tdisplay: block;\r\n\tcontent: \"\\f04b\";\r\n\tfont-family: \"Font Awesome 6 Free\";\r\n\tfont-weight: 900;\r\n\tfont-size: 1.2em;\r\n}\r\n\r\n.casestudy {\r\n\tmax-width: 1200px;\r\n\tmargin: auto;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.casestudy > div {\r\n\twidth: 50%;\r\n\tpadding: 3em;\r\n}\r\n.casestudy h3 {\r\n\tmargin-bottom: 1em;\r\n\tfont-size: 1.2em;\r\n}\r\n.casestudy p {\r\n\tfont-size: 1.1em;\r\n\tline-height: 1.5em;\r\n\tmargin-bottom: 0.5em;\r\n\ttext-align: justify;\r\n}\r\n.casestudy iframe {\r\n\twidth: 100%;\r\n\theight: auto;\r\n\taspect-ratio: 16 \/ 9;\r\n}\r\n.casestudy .casestudy_cpn {\r\n\ttext-align: right;\r\n}\r\n.flow_list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 0;\r\n    list-style: none;\r\n    gap: 20px;\r\n    justify-content: center;\r\n}\r\n.flow_list li {\r\n\tposition: relative;\r\n    background-color: #eceff1;\r\n    padding: 10px;\r\n    margin: 5px;\r\n    flex: 1;\r\n    text-align: center;\r\n    min-width: 100px;\r\n}\r\n.flow_list li:not(:last-child)::after {\r\n\tposition: absolute;\r\n\tcontent: \"\\f04b\";\r\n\tfont-family: \"Font Awesome 6 Free\";\r\n\tfont-weight: 900;\r\n\tfont-size: 2em;\r\n}\r\n.flow_list li h3 {\r\n\tfont-size: 0.9rem;\r\n\tmargin-bottom: 0.5em;\r\n}\r\n.flow_list li p {\r\n\ttext-align: left;\r\n}\r\n.flow_list li img {\r\n\twidth: 50%;\r\n\theight: auto;\r\n}\r\n\r\n.ark-block-accordion__title {\r\n\tfont-size: 1.5em;\r\n\tborder-radius: 30px 30px 0 0;\r\n}\r\n.ark-block-accordion__body {\r\n\tfont-size: 1.2em;\r\n}\r\n\r\n.pricelist {\r\n\tmax-width: 1000px;\r\n\tmargin: auto;\r\n}\r\n.pricelist div {\r\n\tpadding: 2em;\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n}\r\n.pricelist div:nth-child(1) {\r\n\tbackground-color: #081230;\r\n\tborder-radius: 20px 20px 0 0;\r\n\tcolor: #fff;\r\n\ttext-align: center;\r\n}\r\n.pricelist div:nth-child(2) {\r\n\tbackground-color: #fff;\r\n}\r\n.pricelist h3 {\r\n\tfont-size: 2em;\r\n}\r\n.pricelist dl {\r\n\tfont-size: 16px;\r\n}\r\n.pricelist dt {\r\n\tfont-size: 16px;\r\n\tmargin-top: 0.5em;\r\n\tfont-weight: 900;\r\n}\r\n.pricelist dt:before {\r\n\tcontent:'\\f00c';\r\n\tfont-family: 'Font Awesome 5 Free';\r\n\tfont-weight: 900;\r\n\tmargin-right: 0.5em;\r\n}\r\n.pricelist dd {\r\n\tmargin-left: 2em;\r\n}\r\n.price {\r\n\ttext-align: right;\r\n\tfont-size: 18pt;\r\n}\r\n.price strong {\r\n\tfont-size: 2em;\r\n}\r\n\r\n#footer {\r\n\tbackground-color: #081230;\r\n}\r\n#footer ul {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tlist-style: none;\r\n\tmargin: 0.5em auto;\r\n}\r\n#footer li a {\r\n\tcolor: #fff;\r\n\ttext-decoration: none;\r\n\tpadding: 1em 2em;\r\n}\r\n#footer li a:hover {\r\n\ttext-decoration: underline;\r\n}\r\n\r\n\/******************** \u00a0\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc  **********************\/\r\n@media (min-width: 781px) {\r\n\t#head_main {\r\n\t\tmax-width: 1000px;\r\n\t\tmargin: auto;\r\n\t}\r\n\t.main_image img {\r\n\t\tmax-width: 432px;\r\n\t}\r\n\t.bf_before ul {\r\n\t\tright: 100px;\r\n\t}\r\n\t.bf_after ul {\r\n\t\tleft: 100px;\r\n\t}\r\n\t.flow_list li {\r\n\t\tmax-width: 185px;\r\n\t}\r\n\t.flow_list li:not(:last-child)::after {\r\n\t\ttop: 2.3em;\r\n\t\tright: -1.1em;\r\n\t}\r\n\t#footer ul {\r\n\t\tflex-direction: row;\r\n\t}\r\n\t#footer li a {\r\n\t\ttext-align: center;\r\n\t}\r\n\t#footer li:not(:last-child)::after {\r\n\t\tcontent: \"\/\";\r\n\t\tcolor: #fff;\r\n\t}\r\n    .u-hidden-pc {\r\n        display: none;\r\n    }\r\n}\r\n@media (max-width: 782px) {\r\n\t.connect,\r\n\t.casestudy {\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.casestudy {\r\n\t\twidth: 95%;\r\n\t}\r\n\t.connect > div,\r\n\t.casestudy > div {\r\n\t\twidth: 100%;\r\n\t}\r\n\t#head_main {\r\n\t\tmax-width: 1200px;\r\n\t\tmargin: auto;\r\n\t}\r\n\th1 {\r\n\t\tpadding: 0 10px;\r\n\t}\r\n\t.cta_wrap,\r\n\t.merit {\r\n\t\tflex-direction: column;\r\n\t\tpadding: 0 10px;\r\n\t}\r\n\t.merit div {\r\n\t\twidth: 100%;\r\n\t}\r\n\t.bf_wrapper {\r\n\t\tflex-direction: column;\r\n\t\talign-items: stretch;\r\n\t}\r\n\t.bf_before,\r\n\t.bf_after {\r\n\t\twidth: 100%;\r\n\t\theight: 210px;\r\n\t}\r\n\t.bf_andgate p::after {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n\t.bf_after ul {\r\n\t\tpadding-top: 70px;\r\n\t}\r\n\t.bf_before li,\r\n\t.bf_after li {\r\n\t\tline-height: 0.5em;\r\n\t}\r\n    .flow_list {\r\n        flex-direction: column;\r\n\t\tmax-width: 500px;\r\n\t\tmargin: auto;\r\n    }\r\n    .flow_list li {\r\n        display: flex;\r\n        flex-direction: row;\r\n \u00a0  }\r\n    .flow_list li div:nth-child(1) {\r\n        min-width: 3em;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n    }\r\n    .flow_list li div:nth-child(2) {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n    }\r\n    .flow_list li img {\r\n        width: 20%;\r\n\t\tobject-fit: contain;\r\n\t\tmargin-right: 0.8em;\r\n \u00a0  }\r\n\t.flow_list li:not(:last-child)::after {\r\n\t\tbottom: -1.6em;\r\n\t\tleft: 50%;\r\n\t\ttransform: translateX(-50%) rotate(90deg);\r\n\t}\r\n\t.pricelist {\r\n\t\tmax-width: 95%;\r\n\t}\r\n\t.right_cta {\r\n\t\ttext-align: right;\r\n\t}\r\n\t#footer ul {\r\n\t\tflex-direction: column;\r\n\t}\r\n    .u-hidden-mobile {\r\n        display: none;\r\n    }\r\n}\r\n\r\n#price_list .wp-block-column {\r\n    margin: auto !important;\r\n}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u904b\u55b6\u4f1a\u793e \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc facebook<\/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-480","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/pages\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":8,"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/pages\/480\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/pages\/480\/revisions\/494"}],"wp:attachment":[{"href":"https:\/\/andgate.co.jp\/connect\/wp-json\/wp\/v2\/media?parent=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}