{"data":[{"id":"cccccccc-0000-0000-0000-000000100345","type":"node--blocks_content","relationships":{"paragraphs":{"data":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001"}]}},"attributes":{"title":"【メディア】制度バナー（Netflixバンドルバナー表示あり）","display_title":"【メディア】制度バナー（Netflixバンドルバナー表示あり）","status":true,"css_code":"","js_code":"let li_leng = $('.top-blockcontents-seido__koma li').length;\r\nif(window.matchMedia('(max-width:735px)').matches) {\r\n    if (li_leng >= 2) {\r\n        $('.top-blockcontents-seido__koma li').addClass('top-blockcontents-seido__item');\r\n    } else {\r\n        $('.top-blockcontents-seido__koma li').removeClass('top-blockcontents-seido__item');\r\n    }\r\n}\r\n\r\n$(window).on('resize',function(){\r\n    let li_leng_resize = $('.top-blockcontents-seido__koma li').length;\r\n    if(window.matchMedia('(max-width:735px)').matches) {\r\n    if (li_leng_resize >= 2) {\r\n        $('.top-blockcontents-seido__koma li').addClass('top-blockcontents-seido__item');\r\n    } else {\r\n        $('.top-blockcontents-seido__koma li').removeClass('top-blockcontents-seido__item');\r\n    }\r\n}\r\n});\r\n"}}],"included":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001","attributes":{"field_fullhtml_text":{"value":"<h2 class=\"c-title c-title-margin\">便利なサービス・制度</h2>\r\n<section class=\"top-blockcontents-seido\">\r\n<ul class=\"top-blockcontents-seido__koma\">\r\n  <li><a href=\"https://bs.benefit-one.inc/otherPage?other_id=netflix_index\">\r\n    <img src=\"https://cms.benefit-one.inc/contents/c2b4fcec-d1aa-4fa7-869a-67ec3ba597a8/attachments/bnr_netflix_seido_328x160_02.png\" alt=\"Netflixをおトクに視聴！まずはこちらから\"></a></li>\r\n  <li><a href=\"https://bs.benefit-one.inc/specialPage/detail?spid=202308_payroll_deduction\">\r\n  <img src=\"https://cms.benefit-one.inc/contents/c2b4fcec-d1aa-4fa7-869a-67ec3ba597a8/attachments/202308_payroll_deduction_bnr_656x320.jpg\" alt=\"給トク払いかんたんガイド\"></a></li>\r\n  <li><a href=\"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=116/catMid=205/catSml=301/menuNo=10730558?utm_source=top_page&utm_medium=seido_banner\">\r\n        <img src=\"https://bs.benefit-one.inc/contents/img/top/menu_request_656x320px_bnr.jpg\" alt=\"メニューリクエスト\"></a></li>\r\n  <li><a href=\"https://bs.benefit-one.inc/specialPage/detail?spid=free_elearning\">\r\n    <img src=\"https://bs.benefit-one.inc/contents/top/seidobanner/free_elearning_656x320_02.jpg\" alt=\"ベネステフリーeラーニング\"></a></li>\r\n</ul>\r\n</section>\r\n<div class=\"top-blockcontents-btn\">\r\n  <a href=\"https://bs.benefit-one.inc/otherPage?other_id=seido_list\" class=\"c-text-button c-text-button--right\" target=\"\">\r\n    介護・育児、その他サービス・制度を見る    \r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-label=\"right\" role=\"img\" class=\"c-icon\">\r\n      <g fill=\"#da291c\">\r\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.46967 5.46967C8.76256 5.17678 9.23744 5.17678 9.53033 5.46967L15.5303 11.4697C15.8232 11.7626 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.23744 18.8232 8.76256 18.8232 8.46967 18.5303C8.17678 18.2374 8.17678 17.7626 8.46967 17.4697L13.9393 12L8.46967 6.53033C8.17678 6.23744 8.17678 5.76256 8.46967 5.46967Z\">\r\n        </path>\r\n      </g>\r\n    </svg>\r\n  </a>\r\n</div>\r\n\r\n<style>\r\n.pc {display:block;}\r\n.sp {display:none;}\r\n\r\n.top-blockcontents-btn{\r\ntext-align: right;\r\nfont-size: .875rem;\r\npadding-bottom: 10px;\r\n}\r\n.top-blockcontents-seido {\r\n  display:flex;\r\n  justify-content:space-around;\r\n  width:1021px;\r\n}\r\nul.top-blockcontents-seido__koma {\r\n  display:flex;\r\n}\r\nul.top-blockcontents-seido__koma li {\r\n  list-style-type:none;\r\n}\r\nul.top-blockcontents-seido__koma li a {\r\n  display:block;\r\n}\r\nul.top-blockcontents-seido__koma li a:hover {\r\n  opacity: 0.8;\r\n}\r\nul.top-blockcontents-seido__koma li a img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\nul.top-blockcontents-seido__koma li:not(:first-child) {\r\n    margin-left: 1.5rem;\r\n}\r\n.c-title {\r\n  margin:64px 0 0 0;\r\n  color:#1F2021;\r\n  font-size:24px;\r\n  font-weight:bold;\r\n  line-height: 1.5;\r\n  position: relative;\r\n  padding-left: 24px;\r\n}\r\n.c-title:before {\r\n  content: \"\";\r\n  border-left: 4px solid #da291c;\r\n  border-radius: 4px;\r\n  margin-right: 1.5rem;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n}\r\n\r\n@media all and (max-width:735px) {\r\n  .top-blockcontents-seido {\r\n    width:auto;\r\n  }\r\n  ul.top-blockcontents-seido__koma {\r\n    display:block;\r\n    text-align:center;\r\n  }\r\n  ul.top-blockcontents-seido__koma li {\r\n    \r\n  }\r\n  ul.top-blockcontents-seido__koma li a {\r\n    \r\n  }\r\n  ul.top-blockcontents-seido__koma li a img {\r\n    width:100%;\r\n  }\r\n  .c-title {\r\n    margin:64px 0 0 0!important;\r\n    padding-left: 16px;\r\n  }\r\n  .c-title-margin {\r\n    margin-bottom: 10px!important;\r\n  }\r\n  .top-blockcontents-seido__item {\r\n    margin: 5px;\r\n    float: left;\r\n    width: calc(50% - 5px);\r\n  }\r\n\r\n  ul.top-blockcontents-seido__koma li:not(:first-child) {\r\n    margin-left: 5px;\r\n  }\r\n\r\n  ul.top-blockcontents-seido__koma li:nth-child(2n+1) {\r\n    margin-left: 0px;\r\n  }\r\n\r\n  ul.top-blockcontents-seido__koma li:nth-child(2n) {\r\n    margin-right: 0px;\r\n  }\r\n  }\r\n</style>","format":"full_html"}}}]}