{"data":[{"type":"node--header_footer","id":"cccccccc-0000-0000-0000-000000033236","attributes":{"title":"【メディア】ヘッダーフッターコンテンツ（未ログイン用）","status":true,"field_header":{"value":"<div class=\"header_bnr\">\n <ul class=\"header_bnr_inner\">\n   <li class=\"header_bnr_inner_item\"><a href=\"#\">テストテストテスト</a></li>   \n </ul>\n</div>\n\n<ul class=\"top_header_menu\">\n   <li class=\"top_header_menu_list\"><a href=\"https://bs.st.benefit-one.inc/information\">お知らせ</a></li>\n   <li class=\"top_header_menu_list\"><a href=\"https://bs.st.benefit-one.inc/otherPage?other_id=2022_goriyou\">よくあるご質問</li>\n</ul>   \n\n<style>\n   .header_bnr {}   \n   .header_bnr ul.header_bnr_inner {}\n   .header_bnr ul.header_bnr_inner li.header_bnr_inner_item {}\n   \n   .top_header_logo{\n      text-align: left;   \n   }\n   .top_header_menu{text-align: right;      \n   }\n   .top_header_menu_list{\n      margin: 10px;\n      text-decoration: none;\n      list-style: none;\n      width: 200px;\n      margin: 10px;\n      text-align: center;\n      display: inline;\n   }\n   .top_header_logout_btn{\n      text-align: right;\n   }\n</style>\n","format":"full_html"},"field_footer":{"value":"<div class=\"footer-menu-list pc\">\n  <div class=\"footer-menu-list-upper\">\n    <ul class=\"footer-menu-list-upper__f\">\n      <div>\n        <li><a href=\"https://bs.benefit-one.inc/otherPage?other_id=goriyou\">ご利用ガイド</a></li>\n      </div>\n    </ul>\n    <ul class=\"footer-menu-list-upper__l\">\n      <div>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/privacy/\">プライバシーポリシー</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/gdpr/\">Global Privacy Policy(GDPR)</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/handling/\">個人情報の取扱いについて</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/security/\">セキュリティポリシー</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/otherPage?other_id=site_policy\">サイトポリシー</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/rule/\">会員規約</a></li>\n      </div>\n      <div>\n        <li class=\"li-bot-01\"><a href=\"https://corp.benefit-one.co.jp/service/\">福利厚生ご担当の皆様へ</a></li>\n        <li class=\"li-bot-02\"><a href=\"https://corp.benefit-one.co.jp/ir/\">投資家の皆様へ</a></li>\n        <li class=\"li-bot-03\"><a href=\"https://support.benefit-one.co.jp/\">契約団体ご担当者様専用<br>サポートサイト</a></li>\n      </div>\n      <div>\n        <li><a href=\"https://corp.benefit-one.co.jp/supplier/\">サービス提携企業ご担当者様</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/otherPage?other_id=tokutei\">特定商取引に基づく表示</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/travel_agency_law/\">旅行業法に基づく営業所の表示</a></li>\n        <li><a href=\"https://bs.benefit-one.inc/contents/kiyaku/antiquities_business_law/\">古物営業法に基づく表示</a></li>\n      </div>\n    </ul>\n    <ul class=\"footer-menu-list-upper__r\">\n      <!-- <li><span>日本語</span> | <span>English</span></li> -->\n      <li></li>\n    </ul>\n  </div>\n</div>\n<div class=\"footer-menu-list menu_bottom pc\">\n  <ul class=\"footer-menu-list-bottom\">\n    <li class=\"bo\"><a href=\"https://corp.benefit-one.co.jp/\"><img src=\"https://bs.benefit-one.inc/contents/top/footer/footer_bo_logo.svg\" alt=\"Benefit one\"></a></li>\n    <li class=\"li-bot-01\"><a href=\"https://corp.benefit-one.co.jp/\">会社案内</a></li>\n    <li class=\"li-bot-02\"><a href=\"https://corp.benefit-one.co.jp/official/recruit/\">採用情報</a></li>\n    <li class=\"priMark\"><a href=\"https://privacymark.jp/\"><img src=\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/10860031_200_JP.png\" alt=\"プライバシーマーク\"></a></li>\n    <li class=\"kurumin\"><a href=\"https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kodomo/shokuba_kosodate/kurumin/index.html\"><img src=\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/kurumin.jpg\" alt=\"くるみん\"></a></li>\n    <!--<li class=\"renewal_mark\">リニューアル版</li>-->\n    <li class=\"act-kye\">アクティベーションキーでベネアカウント作成の方は<a href=\"https://boak.benefit-one.inc/\" target=\"_blank\">こちら</a></li>\n  </ul>\n</div>\n<!-- ==========================SP==================================== -->\n<div class=\"footer-menu-list sp\">\n  <div class=\"footer-menu-list-upper\">\n    <div class=\"footer-menu-list-item\"><a href=\"https://bs.benefit-one.inc/otherPage?other_id=goriyou\">ご利用ガイド</a></div>\n    <!-- <div class=\"footer-menu-list-item\"><p><span>日本語</span> | <span>英語</span></p></div> -->\n    <main class=\"faq\">\n      <div class=\"faq__holder\">\n        <details class=\"faq__detail\">\n          <summary class=\"faq__summary\"><span class=\"faq__question\">規約等</span></summary>\n          <p class=\"faq__text\">\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/privacy/\">プライバシーポリシー</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/gdpr/\">Global Privacy Policy(GDPR)</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/handling/\">個人情報の取扱いについて</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/security/\">セキュリティポリシー</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/otherPage?other_id=site_policy\">サイトポリシー</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/rule/\">会員規約</a></span>\n          </p>\n        </details>\n\n        <details class=\"faq__detail\">\n          <summary class=\"faq__summary\"><span class=\"faq__question\">ご案内</span></summary>\n          <p class=\"faq__text\">\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://corp.benefit-one.co.jp/service/\">福利厚生ご担当の皆様へ</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://corp.benefit-one.co.jp/ir/\">投資家の皆様へ</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://support.benefit-one.co.jp/\">契約団体ご担当者様専用<br>サポートサイト</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://corp.benefit-one.co.jp/supplier/\">サービス提携企業ご担当者様</a></span>\n          </p>\n        </details>\n\n        <details class=\"faq__detail\">\n          <summary class=\"faq__summary\"><span class=\"faq__question\">各種標識</span></summary>\n          <p class=\"faq__text\">\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/otherPage?other_id=tokutei\">特定商取引に基づく表示</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/travel_agency_law/\">旅行業法に基づく営業所の表示</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://bs.benefit-one.inc/contents/kiyaku/antiquities_business_law/\">古物営業法に基づく表示</a></span>\n          </p>\n        </details>\n\n        <details class=\"faq__detail\">\n          <summary class=\"faq__summary\"><span class=\"faq__question\">運営会社</span></summary>\n          <p class=\"faq__text\">\n            <span class=\"footer-menu-list-item accordion_items bene_logo\"><a href=\"https://corp.benefit-one.co.jp/\"><img src=\"https://bs.benefit-one.inc/contents/top/footer/footer_bo_logo.svg\" alt=\"Benefit one\"></a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://corp.benefit-one.co.jp/\">会社案内</a></span>\n            <span class=\"footer-menu-list-item accordion_items\"><a href=\"https://corp.benefit-one.co.jp/official/recruit/\">採用情報</a></span>\n            <span class=\"footer-menu-list-item accordion_items sp_priMark\">\n              <a href=\"https://privacymark.jp/\" class=\"footer-menu-list-item_h_linkimg\"><img src=\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/10860031_200_JP.png\" alt=\"プライバシーマーク\"></a>\n              <a href=\"https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kodomo/shokuba_kosodate/kurumin/index.html\" class=\"footer-menu-list-item_h_linkimg\"><img src=\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/kurumin.jpg\" alt=\"くるみん\"></a>\n            </span>\n          </p>\n        </details>\n      </div>\n    </main>\n    <!--<div class=\"footer-menu-list-item footer-menu-list-item_last\">\n          <span class=\"renewal_mark\">リニューアル版</span>\n        </div>-->\n    <div class=\"footer-menu-list-item footer-menu-list-item_last\">\n      <span class=\"act-kye\">アクティベーションキーでベネアカウント作成の方は<a href=\"https://boak.benefit-one.inc/\" target=\"_blank\">こちら</a></span>\n    </div>\n  </div>\n  <!-- <div class=\"footer-menu-list menu_bottom sp\">\n    <div style=\"text-align: right;\">\n\n    </div>\n  </div> -->\n</div>\n\n<style>\n  .pc {\n    display: block;\n  }\n\n  .sp {\n    display: none;\n  }\n\n  .l-footer__menu-banner__item {\n    border: none !important;\n  }\n\n  .footer-menu-list {\n    width: 1032px;\n    font-size: 12px;\n    list-style: none;\n    text-decoration: none;\n    padding-bottom: 8px;\n  }\n\n  .footer-menu-list-upper {\n    display: flex;\n  }\n\n  .footer-menu-list-upper__f {\n    display: block !important;\n    flex-wrap: unset !important;\n    /* width:15%; */\n    width: 17%;\n    margin-right: 10px;\n  }\n\n  .footer-menu-list-upper__f li {\n    width: unset !important;\n\n  }\n\n  .footer-menu-list-upper__f a:hover {\n    color: #e3182c;\n  }\n\n  .footer-menu-list-upper__l {\n    column-count: 3;\n    width: 60%;\n  }\n\n  .footer-menu-list-upper__r {\n    column-count: 2;\n    width: 15%;\n    z-index: 9999;\n  }\n\n  .footer-menu-list-upper__r li {\n    width: 100% !important;\n  }\n\n  .footer-menu-list-upper__r img {\n    margin: 8px auto;\n    width: 50%;\n    height: auto;\n  }\n\n  .footer-menu-list-middle {\n    display: flex;\n    margin-top: 10px;\n    /* justify-content:space-between;\n    width:50%; */\n  }\n\n  .footer-menu-list-bottom img {\n    width: 160px;\n  }\n\n  .kurumin img {\n    margin: auto;\n    width: 89px;\n    height: auto;\n  }\n\n  .priMark img {\n    margin: auto;\n    width: 85%;\n    height: auto;\n  }\n\n  .kurumin {\n    /* width: 10%!important; */\n    /* z-index: 9999; */\n  }\n\n  .priMark {\n    width: 10% !important;\n    margin-left: auto;\n  }\n\n  .renewal_mark {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    color: #63666a;\n    border: 1px solid #cacccf;\n    padding: .3em .8em;\n  }\n\n  .act-kye {\n    position: absolute;\n    left: 0px;\n    bottom: 0;\n    color: #63666a;\n    padding: 0.3em 0em;\n  }\n\n  .act-kye a {\n    text-decoration: underline;\n  }\n\n  .footer-menu-list-bottom {\n    position: relative;\n    display: flex;\n    padding-top: 30px;\n    min-height: 100px;\n    /*justify-content:space-between;\n    width:50%; */\n  }\n\n  .footer-menu-list-bottom a:hover {\n    color: #e3182c;\n  }\n\n  .footer-menu-list-bottom li.li-bot-01 {\n    padding-top: 8px;\n    /* width: 20%!important;\n    font-size: 18px; */\n    margin-right: 70px;\n  }\n\n  .footer-menu-list-bottom li.li-bot-02 {\n    padding-top: 8px;\n    /* width: 20%!important;\n    font-size: 18px; */\n  }\n\n  .footer-menu-list-bottom li.bo {\n    /* width: 30%!important; */\n    margin-right: 70px;\n  }\n\n  .l-footer__menu-list__body ul li:not(:nth-of-type(3n)) {\n    padding-right: 55px !important;\n  }\n\n  .footer-menu-list-upper__l li {\n    width: 100% !important;\n  }\n\n  .footer-menu-list-upper__l a:hover {\n    color: #e3182c;\n  }\n\n  .menu_bottom {\n    border-top: 1px solid #dcdee0;\n    padding-bottom: 0px !important;\n  }\n\n  @media all and (max-width:1023px) {\n    .footer-menu-list {\n      width: 100%;\n    }\n\n    .footer-menu-list-upper__f {\n      width: 15%;\n    }\n\n    .footer-menu-list-upper__l {\n      width: 70%;\n    }\n\n    .footer-menu-list-upper__r {\n      width: 15%;\n    }\n\n    .l-footer__menu-list__body ul li:not(:nth-of-type(3n)) {\n      padding-right: 0px !important;\n    }\n\n    .kurumin {\n      width: 10%;\n    }\n\n    .kurumin img {\n      width: 55%;\n    }\n\n    .priMark img {\n      width: 55%;\n    }\n\n    .l-footer__menu-list__body {\n      margin-bottom: 0px !important;\n    }\n\n    .act-kye {\n      position: absolute;\n      top: 96px;\n      left: unset;\n      padding: 0;\n      text-align: unset;\n    }\n  }\n\n  @media all and (max-width:735px) {\n    .pc {\n      display: none;\n    }\n\n    .sp {\n      display: block;\n    }\n\n    .footer-menu-list {\n      width: auto;\n    }\n\n    .footer-menu-list-upper {\n      display: block;\n    }\n\n    .footer-menu-list-upper__l {\n      column-count: 2;\n      width: auto;\n    }\n\n    .footer-menu-list-upper__r {\n      column-count: 2;\n      width: auto;\n      margin: 15px auto 0 auto;\n      text-align: center;\n    }\n\n    .footer-menu-list-upper__r img {\n      margin: 8px auto;\n      width: 50%;\n      height: auto;\n    }\n\n    .footer-menu-list-middle {\n      display: flex;\n      flex-wrap: wrap;\n      margin-top: 10px;\n      column-count: 2;\n      justify-content: space-around;\n      width: auto;\n    }\n\n    .footer-menu-list-middle li.bo {\n      width: 100%;\n      text-align: center;\n    }\n\n    .footer-menu-list-middle img {\n      margin: 30px;\n    }\n\n    .footer-menu-list-bottom {\n      display: flex;\n      flex-wrap: wrap;\n      margin-top: 10px;\n      column-count: 2;\n      justify-content: space-around;\n      width: auto;\n    }\n\n    .footer-menu-list-middle li.li-mid-01 {\n      width: 50%;\n      padding-left: 30px;\n    }\n\n    .footer-menu-list-middle li.li-mid-02 {\n      width: 50%;\n      padding-left: 30px;\n    }\n\n    .footer-menu-list-bottom li.li-bot-01 {\n      width: 50%;\n      padding-left: 30px;\n    }\n\n    .footer-menu-list-bottom li.li-bot-02 {\n      width: 50%;\n      padding-left: 30px;\n    }\n\n    .footer-menu-list-bottom li.li-bot-03 {\n\n      width: 100%;\n      padding-left: 30px;\n      padding-top: 10px;\n    }\n\n    .l-footer__menu__inner {\n      padding: 0px;\n    }\n\n    .footer-menu-list-item {\n      padding: 10px;\n      border-bottom: 1px solid #dcdee0;\n      text-align: center;\n    }\n\n    .renewal_mark {\n      position: relative;\n      text-align: left;\n    }\n\n    .act-kye {\n      position: relative;\n      text-align: left;\n      left: auto;\n      top: unset;\n    }\n\n    .footer-menu-list-item_last {\n      border-bottom: none;\n      text-align: center;\n    }\n\n    .accordion_items {\n      display: block;\n    }\n\n    .footer-menu-list-item_h_linkimg {\n      margin: 0 15px;\n    }\n\n    .menu_bottom {\n      border-top: none;\n    }\n\n    .attribution {\n      color: #fff;\n      font-size: 11px;\n      margin-top: 25px;\n      text-align: center;\n    }\n\n    .attribution a {\n      color: #fff;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    .faq__logo__image {\n      margin-left: -13px;\n      margin-bottom: 13px;\n    }\n\n    .faq__heading {\n      color: var(--blue-dark);\n      font-size: 3.2rem;\n      font-weight: 700;\n      text-align: center;\n    }\n\n    .faq__summary:hover,\n    .faq__summary:active {\n      color: var(--orange);\n      cursor: pointer;\n    }\n\n    .faq__summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .faq__summary {\n      display: block;\n      padding-right: 20px;\n      position: relative;\n      text-align: right;\n      list-style: none;\n    }\n\n    .faq__summary:after {\n      display: inline-block;\n      content: url(\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/icon-arrow-down.svg\");\n      background-repeat: no-repeat;\n      background-position: right center;\n      text-align: right;\n      padding-bottom: 20px;\n    }\n\n    details[open] .faq__summary:after {\n      display: inline-block;\n      width: 18px;\n      height: 10px;\n      content: \"\";\n      background-image: url(\"https://cms.benefit-one.inc/contents/HEADERFOOTER-33236/attachments/icon-arrow-down.svg\");\n      background-repeat: no-repeat;\n      background-position: center right;\n      transform: scaleY(-1);\n    }\n\n    .faq__question {\n      left: 0;\n      position: absolute;\n      text-align: center;\n      top: 0;\n      width: 100%;\n      display: inline-block;\n      padding-bottom: 10px;\n      border-bottom: 1px solid #dcdee0;\n    }\n\n    .faq__summary:focus {\n      outline: none;\n    }\n\n    .faq__text {\n      color: var(--blue-mid);\n      font-size: var(--base-font-size);\n      line-height: 1.6;\n      margin: 10px 0 0 0;\n    }\n\n    .hidden-lg {\n      display: block;\n    }\n\n    .visible-lg {\n      display: none;\n    }\n\n    .faq {\n      align-items: center;\n      justify-content: space-between;\n      padding: 0;\n      margin: 10px 0 0 0;\n    }\n\n    .faq__logo__holder {\n      display: flex;\n      align-items: center;\n      height: 100%;\n      justify-content: center;\n    }\n\n    .hidden-lg {\n      display: none;\n    }\n\n    .visible-lg {\n      display: block;\n      position: absolute;\n      margin-top: 120px;\n      left: -80px;\n    }\n\n    .faq__text {\n      margin: 0 0 10px 0;\n    }\n\n    .faq__detail {\n      padding: 0;\n    }\n\n    .bene_logo {\n      padding: 10px;\n      padding-top: 14px;\n    }\n\n    .bene_logo img {\n      width: 40%;\n      max-width: 146px;\n    }\n\n    .sp_priMark {\n      padding: 10px;\n    }\n\n    .sp_priMark img {\n      width: 7%;\n    }\n  }\n\n  /*************************************************************************************************\nheader\n**************************************************************************************************/\n  @media screen and (min-width: 1032px) {\n    #header_bnr {\n      position: absolute;\n      left: 175px;\n    }\n\n    .header_bnr_inner {\n      background: #ffffff;\n      display: block;\n      height: 40px;\n      width: 182px;\n      text-align: center;\n      padding: 11px 0px;\n      border-radius: 8px;\n      font-size: 12px;\n      color: #5b5b5b;\n      font-weight: 600;\n      box-shadow: 0px 2px 8px rgba(31, 32, 33, 20%);\n    }\n\n    i.fa-solid.fa-arrow-up-right-from-square {\n      width: 10px;\n      height: 10px;\n    }\n\n    .header_bnr_inner:hover {\n      /*box-shadow: none;\n   text-decoration: none;*/\n      color: #da291c;\n    }\n\n    .header_bnr_pushu {\n      color: #e60021;\n      padding-left: 10px;\n    }\n  }\n\n  @media screen and (max-width: 1031px) {\n    #header_bnr {}\n\n    .header_bnr_inner {\n      background: antiquewhite;\n      padding: 7px 16px;\n      border-radius: 6px;\n      font-size: 3vw;\n      color: #5b5b5b;\n      font-weight: 600;\n      width: 100%;\n      display: block;\n    }\n\n    .header_bnr_pushu {\n      color: #e60021;\n      padding-left: 10px;\n    }\n\n    .l-footer {\n      margin-bottom: 66px;\n    }\n\n    .l-footer__copy {\n      padding-bottom: 1.5rem;\n    }\n  }\n</style>","format":"full_html"},"field_css_code":"","field_js_code":"var elems = document.getElementsByClassName('l-header__top__inner')[0];\n    var child = document.createElement('div');\n    child.innerHTML = `<a href=\"#\" class=\"header_bnr_inner\">福利厚生ご担当の皆様へ<span class=\"header_bnr_pushu\">＞</span></a>`;\n    child.setAttribute(\"id\",\"header_bnr\");\n    var child3 = document.getElementsByClassName(\"l-header__top__menu\")[0];\n    elems.insertBefore(child, child3);"}}]}