{"id":28,"date":"2024-03-29T03:39:54","date_gmt":"2024-03-28T18:39:54","guid":{"rendered":"http:\/\/brains-co.jp\/?page_id=28"},"modified":"2026-08-25T11:29:21","modified_gmt":"2026-08-25T02:29:21","slug":"%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b","status":"publish","type":"page","link":"https:\/\/brains-co.jp\/?page_id=28","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SWELL \u304a\u554f\u3044\u5408\u308f\u305b\u30da\u30fc\u30b8\n   CONTACT PAGE - COMPLETE CSS\n========================================================= *\/\n\n\n\/* =========================================================\n   01. SWELL\u6a19\u6e96\u8868\u793a\u306e\u8abf\u6574\n========================================================= *\/\n\n\n\/* \u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8\u3092\u975e\u8868\u793a *\/\n#breadcrumb {\n  display: none !important;\n}\n\n\n\/* SWELL\u6a19\u6e96\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u3092\u975e\u8868\u793a *\/\n.c-pageTitle {\n  display: none !important;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb\u304c\u5165\u3063\u3066\u3044\u305f\u30a8\u30ea\u30a2\u306e\u4f59\u767d\u3092\u524a\u9664 *\/\n.l-topTitleArea {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n  height: auto !important;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\u5185\u90e8\u306e\u4f59\u767d\u3082\u524a\u9664 *\/\n.l-topTitleArea__inner {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n}\n\n\n\/* =========================================================\n   02. \u304a\u554f\u3044\u5408\u308f\u305b\u30da\u30fc\u30b8\u5168\u4f53\n========================================================= *\/\n\n.contact-page-full {\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 0;\n\n  background: #ffffff;\n  color: #202020;\n\n  overflow: hidden;\n}\n\n\n.contact-page-full *,\n.contact-page-full *::before,\n.contact-page-full *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   03. \u5171\u901a\u30b3\u30f3\u30c6\u30f3\u30c4\u5e45\n========================================================= *\/\n\n.contact-content {\n  width: min(1200px, calc(100% - 60px));\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   04. HERO\n========================================================= *\/\n\n.contact-hero {\n  width: 100%;\n\n  \/* \u9752\u3044\u80cc\u666f\u753b\u50cf\u306e\u4e0b\u304b\u3089CONTACT\u307e\u3067\u306e\u4f59\u767d *\/\n  padding: 60px 0 75px;\n\n  margin: 0;\n\n  background: #f4f5f8;\n\n  text-align: center;\n}\n\n\n\/* CONTACT \/ INQUIRY *\/\n\n.contact-en {\n  margin: 0 0 14px;\n  padding: 0;\n\n  color: #082b7a;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n\n  letter-spacing: 0.24em;\n}\n\n\n\/* \u304a\u554f\u3044\u5408\u308f\u305b *\/\n\n.contact-hero h1 {\n  margin: 0;\n  padding: 0;\n\n  color: #082b7a;\n\n  font-size: clamp(34px, 4vw, 54px);\n  font-weight: 700;\n  line-height: 1.3;\n\n  letter-spacing: 0.02em;\n}\n\n\n\/* HERO\u8aac\u660e\u6587 *\/\n\n.contact-lead {\n  margin: 28px 0 0;\n  padding: 0;\n\n  color: #333333;\n\n  font-size: clamp(15px, 1.5vw, 18px);\n  font-weight: 400;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   05. \u304a\u554f\u3044\u5408\u308f\u305b\u30e1\u30a4\u30f3\n========================================================= *\/\n\n.contact-main {\n  width: 100%;\n\n  margin: 0;\n\n  padding: 90px 0 110px;\n\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   06. \u304a\u554f\u3044\u5408\u308f\u305b\u5148 \u898b\u51fa\u3057\n========================================================= *\/\n\n.contact-heading {\n  margin: 0 0 55px;\n  padding: 0;\n\n  text-align: center;\n}\n\n\n.contact-heading .contact-en {\n  margin-bottom: 14px;\n}\n\n\n.contact-heading h2 {\n  margin: 0;\n  padding: 0;\n\n  color: #082b7a;\n\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n\n.contact-heading > p:last-child {\n  margin: 20px 0 0;\n  padding: 0;\n\n  color: #333333;\n\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   07. \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb \u30b0\u30ea\u30c3\u30c9\n========================================================= *\/\n\n.contact-grid {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 30px;\n\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   08. \u304a\u554f\u3044\u5408\u308f\u305b\u30ab\u30fc\u30c9\n========================================================= *\/\n\n.contact-card {\n  width: 100%;\n\n  margin: 0;\n\n  padding: 55px 45px 50px;\n\n  background: #f5f6f9;\n\n  border: 1px solid #e1e4eb;\n\n  text-align: center;\n}\n\n\n.contact-card h3 {\n  margin: 0 0 28px;\n  padding: 0;\n\n  color: #082b7a;\n\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   09. \u30a2\u30a4\u30b3\u30f3\n========================================================= *\/\n\n.contact-icon {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 58px;\n  height: 58px;\n\n  margin: 0 auto 18px;\n  padding: 0;\n\n  border-radius: 50%;\n\n  background: #082b7a;\n\n  color: #ffffff;\n\n  font-size: 24px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   10. TEL \/ FAX \/ MAIL\n========================================================= *\/\n\n.contact-info {\n  margin: 0 0 30px;\n  padding: 0;\n}\n\n\n.contact-info p {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 14px;\n\n  margin: 10px 0;\n  padding: 0;\n}\n\n\n\/* TEL \/ FAX \/ MAIL \u30e9\u30d9\u30eb *\/\n\n.contact-info span {\n  display: inline-block;\n\n  min-width: 50px;\n\n  color: #777777;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n\n  letter-spacing: 0.08em;\n\n  text-align: right;\n}\n\n\n\/* \u96fb\u8a71\u756a\u53f7\u30fbFAX\u30fb\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 *\/\n\n.contact-info strong {\n  display: inline-block;\n\n  margin: 0;\n  padding: 0;\n\n  color: #222222;\n\n  font-size: clamp(19px, 2vw, 27px);\n  font-weight: 700;\n  line-height: 1.5;\n\n  letter-spacing: 0.01em;\n}\n\n\n\/* =========================================================\n   11. TEL \/ FAX \/ MAIL\n   \u9078\u629e\u30fb\u30b3\u30d4\u30fc\u3057\u306b\u304f\u304f\u3059\u308b\n========================================================= *\/\n\n.no-copy,\n.no-copy * {\n  -webkit-user-select: none;\n  user-select: none;\n\n  -webkit-touch-callout: none;\n}\n\n\n.no-copy {\n  cursor: default;\n}\n\n\n\/* =========================================================\n   12. \u8aac\u660e\u6587\u7ae0\n========================================================= *\/\n\n.contact-text {\n  width: 100%;\n  max-width: 560px;\n\n  margin: 0 auto;\n  padding: 0;\n\n  color: #333333;\n\n  font-size: clamp(15px, 1.25vw, 17px);\n  font-weight: 400;\n  line-height: 1.9;\n\n  text-align: center;\n}\n\n\n\/* HTML\u306espan\u3054\u3068\u306b\u6539\u884c *\/\n\n.contact-text span {\n  display: block;\n}\n\n\n\/* =========================================================\n   13. \u30bf\u30d6\u30ec\u30c3\u30c8\n   900px\u4ee5\u4e0b\n========================================================= *\/\n\n@media screen and (max-width: 900px) {\n\n\n  .contact-content {\n    width: calc(100% - 40px);\n  }\n\n\n  \/* HERO *\/\n\n  .contact-hero {\n    padding: 55px 0 65px;\n  }\n\n\n  \/* MAIN *\/\n\n  .contact-main {\n    padding: 75px 0 90px;\n  }\n\n\n  \/* \u30ab\u30fc\u30c9\u30921\u5217\u306b *\/\n\n  .contact-grid {\n    grid-template-columns: 1fr;\n\n    gap: 28px;\n  }\n\n\n  .contact-card {\n    padding: 50px 40px 45px;\n  }\n\n\n  .contact-text {\n    max-width: 620px;\n  }\n\n}\n\n\n\/* =========================================================\n   14. \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n   600px\u4ee5\u4e0b\n========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n\n  \/* -------------------------\n     \u5171\u901a\u5e45\n  ------------------------- *\/\n\n  .contact-content {\n    width: calc(100% - 28px);\n  }\n\n\n  \/* -------------------------\n     HERO\n  ------------------------- *\/\n\n  .contact-hero {\n    padding: 45px 0 55px;\n  }\n\n\n  .contact-en {\n    margin-bottom: 10px;\n\n    font-size: 11px;\n\n    letter-spacing: 0.20em;\n  }\n\n\n  .contact-hero h1 {\n    font-size: 30px;\n\n    line-height: 1.4;\n  }\n\n\n  .contact-lead {\n    margin-top: 20px;\n\n    font-size: 14px;\n\n    line-height: 1.9;\n  }\n\n\n  \/* -------------------------\n     MAIN\n  ------------------------- *\/\n\n  .contact-main {\n    padding: 60px 0 75px;\n  }\n\n\n  \/* -------------------------\n     \u898b\u51fa\u3057\n  ------------------------- *\/\n\n  .contact-heading {\n    margin-bottom: 35px;\n  }\n\n\n  .contact-heading h2 {\n    font-size: 27px;\n  }\n\n\n  .contact-heading > p:last-child {\n    margin-top: 16px;\n\n    font-size: 14px;\n\n    line-height: 1.8;\n  }\n\n\n  \/* -------------------------\n     \u30ab\u30fc\u30c9\n  ------------------------- *\/\n\n  .contact-grid {\n    gap: 22px;\n  }\n\n\n  .contact-card {\n    padding: 38px 20px 36px;\n  }\n\n\n  .contact-card h3 {\n    margin-bottom: 25px;\n\n    font-size: 23px;\n  }\n\n\n  \/* -------------------------\n     \u30a2\u30a4\u30b3\u30f3\n  ------------------------- *\/\n\n  .contact-icon {\n    width: 52px;\n    height: 52px;\n\n    margin-bottom: 16px;\n\n    font-size: 21px;\n  }\n\n\n  \/* -------------------------\n     TEL \/ FAX \/ MAIL\n  ------------------------- *\/\n\n  .contact-info {\n    margin-bottom: 28px;\n  }\n\n\n  .contact-info p {\n    gap: 9px;\n\n    margin: 9px 0;\n  }\n\n\n  .contact-info span {\n    min-width: 40px;\n\n    font-size: 11px;\n  }\n\n\n  .contact-info strong {\n    font-size: 19px;\n\n    line-height: 1.5;\n  }\n\n\n  \/* -------------------------\n     \u8aac\u660e\u6587\n     \u30b9\u30de\u30db\u3067\u306f\u4e2d\u592e\u5bc4\u305b\n  ------------------------- *\/\n\n  .contact-text {\n    width: 100%;\n    max-width: 400px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    font-size: 14px;\n    line-height: 1.95;\n\n    text-align: center;\n  }\n\n\n  .contact-text span {\n    display: block;\n  }\n\n}\n\n\n\/* =========================================================\n   15. \u5c0f\u3055\u3044\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n   380px\u4ee5\u4e0b\n========================================================= *\/\n\n@media screen and (max-width: 380px) {\n\n\n  .contact-content {\n    width: calc(100% - 22px);\n  }\n\n\n  .contact-card {\n    padding: 34px 14px 32px;\n  }\n\n\n  .contact-info p {\n    gap: 7px;\n  }\n\n\n  .contact-info span {\n    min-width: 36px;\n\n    font-size: 10px;\n  }\n\n\n  .contact-info strong {\n    font-size: 17px;\n  }\n\n\n  .contact-text {\n    max-width: 330px;\n\n    font-size: 13px;\n    line-height: 1.95;\n  }\n\n}\n<\/style>\n\n<div class=\"contact-page-full\">\n\n  <section class=\"contact-hero\">\n    <div class=\"contact-content\">\n      <p class=\"contact-en\">CONTACT<\/p>\n      <h1>\u304a\u554f\u3044\u5408\u308f\u305b<\/h1>\n      <p class=\"contact-lead\">\n        \u4eba\u6750\u306e\u3054\u4f9d\u983c\u30fb\u696d\u52d9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u306a\u3069\u3001<br>\n        \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"contact-main\">\n    <div class=\"contact-content\">\n\n      <div class=\"contact-heading\">\n        <p class=\"contact-en\">INQUIRY<\/p>\n        <h2>\u304a\u554f\u3044\u5408\u308f\u305b\u5148<\/h2>\n        <p>\u3054\u8981\u671b\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u3054\u63d0\u6848\u3092\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"contact-grid\">\n\n        <!-- \u96fb\u8a71 -->\n        <div class=\"contact-card\">\n\n          <div class=\"contact-icon\">\u260e<\/div>\n          <h3>\u304a\u96fb\u8a71<\/h3>\n\n          <div class=\"contact-info no-copy\">\n            <p>\n              <span>TEL<\/span>\n              <strong>03-6914-1737<\/strong>\n            <\/p>\n\n            <p>\n              <span>FAX<\/span>\n              <strong>03-6914-1738<\/strong>\n            <\/p>\n          <\/div>\n\n          <p class=\"contact-text\">\n            <span>\u4eba\u6750\u306e\u3054\u4f9d\u983c\u3084\u696d\u52d9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u306f\u3001<\/span>\n            <span>\u3053\u3061\u3089\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/span>\n            <span>\u3054\u8981\u671b\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u4eba\u6750\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/span>\n          <\/p>\n\n        <\/div>\n\n\n        <!-- \u30e1\u30fc\u30eb -->\n        <div class=\"contact-card\">\n\n          <div class=\"contact-icon\">\u2709<\/div>\n          <h3>\u30e1\u30fc\u30eb<\/h3>\n\n          <div class=\"contact-info no-copy\">\n            <p>\n              <span>MAIL<\/span>\n              <strong>info@brains-co.jp<\/strong>\n            <\/p>\n          <\/div>\n\n          <p class=\"contact-text\">\n            <span>\u30e1\u30fc\u30eb\u3067\u306e\u3054\u76f8\u8ac7\u3082\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/span>\n            <span>\u5185\u5bb9\u3092\u78ba\u8a8d\u5f8c\u3001\u62c5\u5f53\u8005\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002<\/span>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CONTACT \u304a\u554f\u3044\u5408\u308f\u305b \u4eba\u6750\u306e\u3054\u4f9d\u983c\u30fb\u696d\u52d9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u306a\u3069\u3001 \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 INQUIRY \u304a\u554f\u3044\u5408\u308f\u305b\u5148 \u3054\u8981\u671b\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u3054\u63d0\u6848\u3092\u3044\u305f\u3057\u307e\u3059\u3002 \u260e \u304a\u96fb\u8a71 TEL 03-6914-173 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brains-co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":58,"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/brains-co.jp\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/618"}],"wp:attachment":[{"href":"https:\/\/brains-co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}