ダイバーシティ＆インクルージョン

<!DOCTYPE html> <html lang="ja"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://cartaholdings.co.jp/sustainability/diversity/","20240511104301","https://web.archive.org/","web","/_static/", "1715424181"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://web.archive.org/web/20240511104301/https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-548FC4W'); </script>  <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width"/> <meta name="format-detection" content="telephone=no"/> <meta name="description" content="株式会社CARTA HOLDINGS（カルタホールディングス）のダイバーシティ＆インクルージョンにおける取り組みを掲載しています。"/> <meta property="og:title" content="ダイバーシティ＆インクルージョン｜株式会社CARTA HOLDINGS"/> <meta property="og:description" content="株式会社CARTA HOLDINGS（カルタホールディングス）のダイバーシティ＆インクルージョンにおける取り組みを掲載しています。"/> <meta property="og:url" content="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"/> <meta property="og:image" content="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/ogp.png"/> <meta property="og:site_name" content="株式会社CARTA HOLDINGS"/> <meta property="og:locale" content="ja"/> <link rel="canonical" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"/> <title> ダイバーシティ＆インクルージョン｜株式会社CARTA HOLDINGS </title> <link rel="preload" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/fonts/FOT-CezanneProN-DB.otf" as="font" type="font/otf" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/fonts/FOT-CezanneProN-M.otf" as="font" type="font/otf" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/fonts/Gotham-Bold.otf" as="font" type="font/otf" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/fonts/Gotham-Book.otf" as="font" type="font/otf" crossorigin/> <link rel="preload" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/fonts/Gotham-Medium.otf" as="font" type="font/otf" crossorigin/> <meta name="robots" content="max-image-preview:large"/> <style id="global-styles-inline-css"> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}body { margin: 0;--wp--style--global--content-size: 650px;--wp--style--global--wide-size: 1000px; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel="stylesheet" id="bogo-css" href="https://web.archive.org/web/20240511104301cs_/https://cartaholdings.co.jp/wp-content/plugins/bogo/includes/css/style.css?ver=3.7" media="all"/> <link rel="stylesheet" id="mytheme-style-css" href="https://web.archive.org/web/20240511104301cs_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.css?ver=38fc8d59adcab79116f2" media="all"/> <script defer src="https://web.archive.org/web/20240511104301js_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.js?ver=38fc8d59adcab79116f2" id="mytheme-script-js"></script> <link rel="canonical" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"/> <link rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/en/sustainability/diversity/"/> <link rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"/> <link rel="icon" href="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-192x192.png" sizes="192x192"/> <link rel="icon" href="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-512x512.png" sizes="512x512"/> <link rel="apple-touch-icon" href="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/apple-touch-icon-180x180.png"/> <link rel="preconnect" href="https://web.archive.org/web/20240511104301/https://fonts.googleapis.com/"/> <link rel="preconnect" href="https://web.archive.org/web/20240511104301/https://fonts.gstatic.com/" crossorigin/> <link href="https://web.archive.org/web/20240511104301cs_/https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/> </head> <body x-data="app('https://cartaholdings.co.jp/wp-content/themes/mytheme')" class="sustainability-template-default single single-sustainability postid-64 wp-embed-responsive ja bg-white text-black">  <noscript> <iframe src="https://web.archive.org/web/20240511104301if_/https://www.googletagmanager.com/ns.html?id=GTM-548FC4W" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="hidden" aria-hidden="true"> <ul class="bogo-language-switcher list-view"><li class="en-US en first"><span class="bogoflags bogoflags-us"></span> <span class="bogo-language-name"><a rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/en/sustainability/diversity/" title="英語">English</a></span></li> <li class="ja current last"><span class="bogoflags bogoflags-jp"></span> <span class="bogo-language-name"><a rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/" title="日本語" class="current" aria-current="page">日本語</a></span></li> </ul> </div> <div x-ref="headerBg" class="site-header__bg z-20 fixed inset-x-0 h-screen bg-black-bg pointer-events-none" :class="headerPopupEnter || headerMenuOpen ? 'opacity-60' : 'opacity-0'"></div> <div x-ref="headerMenu" x-cloak class="site-header__menu w-screen fixed top-0 inset-x-0 z-30 aria-hidden:pointer-events-none xl:hidden" aria-hidden="true" :aria-hidden="headerMenuOpen ? 'false' : 'true'"> <div class="site-header__menu-bg ml-auto w-[82.93%] h-screen absolute inset-0"></div> <div class="site-header__menu-inner ml-auto w-[82.93%] h-screen flex flex-col overflow-x-hidden overflow-y-scroll overscroll-contain pt-112 pb-60 pl-[max(9.2%,2.5rem)] pr-[12%]"> <ol class="flex flex-col gap-20 transform-gpu"> <li class="site-header__menu-item"> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/" class="group ja:text-ja-en-label-xl en:text-en-label-xl"> <span class="relative inline-block overflow-hidden"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> P </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> P </span> </span> </span> </a> </li> <li class="site-header__menu-item"> <div class="site-header__menu-accordion-parent cursor-pointer" x-on:click="toggleAccordion"> <div class="group "> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 企 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 業 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 企 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 業 </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> <div class="site-header__menu-accordion-children overflow-hidden h-0"> <ol class="flex flex-col items-start py-30 ja:gap-y-15 en:gap-y-12"> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>企業 TOP</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/message/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>代表挨拶</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/purpose/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>ブランドパーパス</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/philosophy/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>企業理念</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/board_members/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>経営陣紹介</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/profile/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>会社概要</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/history/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>沿革・受賞歴</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/profile/#access"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>アクセス</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/group/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>関連会社</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/logo/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>ロゴについて</span> </a> </li> </ol> </div> </li> <li class="site-header__menu-item"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ュ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ス </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ュ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ス </span> </span> </span> </span> </a> </li> <li class="site-header__menu-item"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/business/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 事 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 業 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 事 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 業 </span> </span> </span> </span> </a> </li> <li class="site-header__menu-item"> <div class="site-header__menu-accordion-parent cursor-pointer" x-on:click="toggleAccordion"> <div class="group "> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> エ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ジ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ア </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> グ </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> エ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ジ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ア </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> グ </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> <div class="site-header__menu-accordion-children overflow-hidden h-0"> <ol class="flex flex-col items-start py-30 ja:gap-y-15 en:gap-y-12"> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>エンジニアリング TOP</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/tech-vision/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>テックビジョン</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/tech-assessment/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>技術力評価会</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/teams/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>エンジニアリングチーム</span> </a> </li> </ol> </div> </li> <li class="site-header__menu-item"> <div class="site-header__menu-accordion-parent cursor-pointer" x-on:click="toggleAccordion"> <div class="group "> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ス </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ナ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ビ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> ィ </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ス </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ナ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ビ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> ィ </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> <div class="site-header__menu-accordion-children overflow-hidden h-0"> <ol class="flex flex-col items-start py-30 ja:gap-y-15 en:gap-y-12"> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>サステナビリティ TOP</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/ad-quality/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>デジタル広告業界の健全な発展</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>ダイバーシティ＆インクルージョン</span> </a> </li> </ol> </div> </li> <li class="site-header__menu-item"> <div class="site-header__menu-accordion-parent cursor-pointer" x-on:click="toggleAccordion"> <div class="group "> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-en-label-xl uppercase"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> I </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> R </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> I </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> R </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> <div class="site-header__menu-accordion-children overflow-hidden h-0"> <ol class="flex flex-col items-start py-30 ja:gap-y-15 en:gap-y-12"> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>IR TOP</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/ir-news/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>IRニュース</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/calendar/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>IRカレンダー</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/management/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>経営方針</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/finance/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>業績・財務</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/library/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>IR資料</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/financial/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>株式情報・その他</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/faq/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>よくあるご質問</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/contact/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>IRに関するお問合せ</span> </a> </li> </ol> </div> </li> <li class="site-header__menu-item"> <div class="site-header__menu-accordion-parent cursor-pointer" x-on:click="toggleAccordion"> <div class="group "> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 採 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 用 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> 情 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> 報 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 採 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 用 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> 情 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> 報 </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> <div class="site-header__menu-accordion-children overflow-hidden h-0"> <ol class="flex flex-col items-start py-30 ja:gap-y-15 en:gap-y-12"> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/recruit/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>採用情報 TOP</span> </a> </li> <li> <a class="inline-flex items-center gap-x-8 ja:text-ja-label-s en:text-en-label-s" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/recruit/culture/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span>働き方を支えるカルチャー</span> </a> </li> </ol> </div> </li> <li class="site-header__menu-item"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/" target="_blank"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-en-label-xl "> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 160ms;"> N </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 160ms;"> N </span> </span> </span> <svg width="8" height="7" class="self-start"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </span> </a> </li> </ol> <div class="mt-auto mb-[calc(100vh-var(--site-viewport-height))] pt-60 l-cluster justify-between gap-x-30 gap-y-20 transform-gpu"> <ul class="flex gap-x-6"> <li> <a href="https://web.archive.org/web/20240511104301/https://twitter.com/CARTA_HOLDINGS" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-light-gray-line bg-light-gray-line/0 group-hover:bg-light-gray-line/100"> </span> <svg width="10" height="10" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#x"/></svg> <span class="sr-only">X</span> </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://www.instagram.com/carta_holdings/" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-light-gray-line bg-light-gray-line/0 group-hover:bg-light-gray-line/100"> </span> <svg width="12" height="12" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#instagram"/></svg> <span class="sr-only">Instagram</span> </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://www.facebook.com/cartaholdings/" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-light-gray-line bg-light-gray-line/0 group-hover:bg-light-gray-line/100"> </span> <svg width="6" height="11" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#facebook"/></svg> <span class="sr-only">Facebook</span> </a> </li> </ul> <div x-data="langSwitcher('ja')" class="relative"> <span x-cloak x-ref="line" class="absolute left-0 bottom-0 w-16 h-1 bg-current transition-transform duration-400 ease-1"> </span> <div class="flex gap-x-30 text-ja-en-label-xl"> <span x-ref="current" class=""> JP </span> <a x-ref="link" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/" :href="url" class="p-6 -m-6 transition-opacity duration-300" :class="isStop ? 'opacity-100' : 'hover:opacity-100 opacity-30'" x-on:mouseenter="setLineToLink" x-on:mouseleave="setLineToCurrent" x-on:click="stopSetLine" rel="alternate" hreflang="en"> <span x-ref="linkText">EN</span> </a> </div> </div> </div> </div> </div> <div x-cloak x-ref="headerContainerBg" class="site-header__header-container-bg z-40 pointer-events-none fixed top-30 xl:top-26 inset-x-0 h-[var(--site-header-height)]" :class="headerMenuOpen ? 'opacity-0' : 'opacity-100'" :aria-hidden="!headerActive || headerBlendMode" aria-hidden="true"> <div class="container-large h-full"> <div class="bg-white rounded h-full"></div> </div> </div> <header x-cloak x-ref="header" class="site-header__header z-50 fixed top-40 xl:top-54 inset-x-0 xl-max:mix-blend-difference xl-max:text-white aria-hidden:pointer-events-none" :class="headerBlendMode ? headerPopupEnter ? 'text-white' : 'text-white mix-blend-difference' : 'xl:text-black xl:mix-blend-normal'" :aria-hidden="!headerActive" aria-hidden="false"> <div class="container-large relative"> <div class="flex justify-between items-center gap-x-24 xl:px-[calc(1/34*100%)] xl-max:ml-21 xl-max:mr-30"> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/" class="transition-opacity ease-1" :class="headerMenuOpen ? 'opacity-0 duration-200' : 'duration-500'"> <svg width="157" height="32" class="h-28 xl:h-32"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#logo"/></svg> <span class="sr-only">株式会社CARTA HOLDINGS</span> </a> <nav class="hidden mt-7 xl:flex w-[calc(24/32*100%)] justify-between gap-x-[calc(1/24*100%)]" :class="headerPopupEnter ? (headerBlendMode ? 'text-light-gray-text' : 'text-black text-opacity-70') : ''"> <ol class="grow shrink flex [&>li]:shrink-0 gap-x-[calc(1/24*100%)] justify-end xl:justify-start"> <li id="popup_item_company" class="site-header__popup-item group" x-on:mouseenter="headerParentOnEnter" x-on:mouseleave="headerParentOnLeave" aria-haspopup="true" aria-controls="popup_company" aria-expanded="false"> <div :class="headerBlendMode ? 'group-aria-expanded:text-white' : 'group-aria-expanded:text-black'"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 企 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 業 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 企 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 業 </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </a> </div> <div id="popup_company" class="site-header__popup-body absolute left-[calc(3/36*100%)] xl:left-[calc(6/36*100%)] right-[calc(1/36*100%)] aria-hidden:pointer-events-none" :class="headerBlendMode ? 'pt-52' : 'pt-58'" aria-hidden="true"> <div x-cloak class="site-header__popup__box bg-white text-black rounded py-40 px-[calc(1/29*100%)]"> <div class="flex [&>*]:shrink-0"> <div class="w-[calc(6/27*100%)] pt-22"> <div class="text-ja-en-title-xl uppercase"> Company </div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/" class="base-button-s inline-flex items-center gap-12 justify-between pb-9 min-w-[10rem] min-h-[1.875rem] text-ja-label-m [--border-color:#000] mt-28"> <span class="inline-block relative pr-[1em] 1 "> 企業トップ </span> <svg width="6" height="8" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </a> </div> <div class="ml-[calc(1/27*100%)] w-[calc(8/27*100%)] pt-16"> <ol class="flex flex-col flex-wrap max-h-180 ja:gap-y-15 en:gap-y-12"> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/message/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 代表挨拶 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/purpose/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> ブランドパーパス </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/philosophy/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 企業理念 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/board_members/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 経営陣紹介 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/profile/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 会社概要 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/history/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 沿革・受賞歴 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/profile/#access"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> アクセス </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/group/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 関連会社 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/company/logo/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> ロゴについて </span> </a> </li> </ol> </div> <div class="relative w-[calc(8/27*100%)] ml-auto aspect-[320/213]"> <div class="site-header__thumbnail-top absolute w-full h-full ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] rounded"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company.jpg" alt="" loading="lazy"/> </picture> </div> <div class="absolute w-full h-full"> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_message.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_message.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_purpose_ja.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_purpose_ja.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_philosophy.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_philosophy.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_board_members.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_board_members.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_profile.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_profile.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_history.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_history.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_access.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_access.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_group.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_group.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_logo.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/company_logo.jpg" alt="" loading="lazy"/> </picture> </div> </div> </div> </div> </div> </div> </li> <li class=""> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ュ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ス </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ュ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ス </span> </span> </span> </span> </a> </li> <li class=""> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/business/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 事 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 業 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 事 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 業 </span> </span> </span> </span> </a> </li> <li id="popup_item_engineering" class="site-header__popup-item group" x-on:mouseenter="headerParentOnEnter" x-on:mouseleave="headerParentOnLeave" aria-haspopup="true" aria-controls="popup_engineering" aria-expanded="false"> <div :class="headerBlendMode ? 'group-aria-expanded:text-white' : 'group-aria-expanded:text-black'"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> エ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ジ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ア </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> グ </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> エ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ジ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ニ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ア </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> ン </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> グ </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </a> </div> <div id="popup_engineering" class="site-header__popup-body absolute left-[calc(3/36*100%)] xl:left-[calc(6/36*100%)] right-[calc(1/36*100%)] aria-hidden:pointer-events-none" :class="headerBlendMode ? 'pt-52' : 'pt-58'" aria-hidden="true"> <div x-cloak class="site-header__popup__box bg-white text-black rounded py-40 px-[calc(1/29*100%)]"> <div class="flex [&>*]:shrink-0"> <div class="w-[calc(6/27*100%)] pt-22"> <div class="text-ja-en-title-xl uppercase"> Engineering </div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/" class="base-button-s inline-flex items-center gap-12 justify-between pb-9 min-w-[10rem] min-h-[1.875rem] text-ja-label-m [--border-color:#000] mt-28"> <span class="inline-block relative pr-[1em] 1 "> エンジニアリングトップ </span> <svg width="6" height="8" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </a> </div> <div class="ml-[calc(1/27*100%)] w-[calc(8/27*100%)] pt-16"> <ol class="flex flex-col flex-wrap max-h-180 ja:gap-y-15 en:gap-y-12"> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/tech-vision/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> テックビジョン </span> </a> </li> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/tech-assessment/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 技術力評価会 </span> </a> </li> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/engineering/teams/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> エンジニアリングチーム </span> </a> </li> </ol> </div> <div class="relative w-[calc(8/27*100%)] ml-auto aspect-[320/213]"> <div class="site-header__thumbnail-top absolute w-full h-full ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] rounded"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering.jpg" alt="" loading="lazy"/> </picture> </div> <div class="absolute w-full h-full"> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_tech-vision.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_tech-vision.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_tech-assessment.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_tech-assessment.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_engineering-teams.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/engineering_engineering-teams.jpg" alt="" loading="lazy"/> </picture> </div> </div> </div> </div> </div> </div> </li> <li id="popup_item_sustainability" class="site-header__popup-item group" x-on:mouseenter="headerParentOnEnter" x-on:mouseleave="headerParentOnLeave" aria-haspopup="true" aria-controls="popup_sustainability" aria-expanded="false"> <div :class="headerBlendMode ? 'group-aria-expanded:text-white' : 'group-aria-expanded:text-black'"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ス </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ナ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ビ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> ィ </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ス </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ナ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ビ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> ィ </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </a> </div> <div id="popup_sustainability" class="site-header__popup-body absolute left-[calc(3/36*100%)] xl:left-[calc(6/36*100%)] right-[calc(1/36*100%)] aria-hidden:pointer-events-none" :class="headerBlendMode ? 'pt-52' : 'pt-58'" aria-hidden="true"> <div x-cloak class="site-header__popup__box bg-white text-black rounded py-40 px-[calc(1/29*100%)]"> <div class="flex [&>*]:shrink-0"> <div class="w-[calc(6/27*100%)] pt-22"> <div class="text-ja-en-title-xl uppercase"> Sustainability </div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/" class="base-button-s inline-flex items-center gap-12 justify-between pb-9 min-w-[10rem] min-h-[1.875rem] text-ja-label-m [--border-color:#000] mt-28"> <span class="inline-block relative pr-[1em] 1 "> サステナビリティトップ </span> <svg width="6" height="8" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </a> </div> <div class="ml-[calc(1/27*100%)] w-[calc(8/27*100%)] pt-16"> <ol class="flex flex-col flex-wrap max-h-180 ja:gap-y-15 en:gap-y-12"> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/ad-quality/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> デジタル広告業界の健全な発展 </span> </a> </li> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> ダイバーシティ＆インクルージョン </span> </a> </li> </ol> </div> <div class="relative w-[calc(8/27*100%)] ml-auto aspect-[320/213]"> <div class="site-header__thumbnail-top absolute w-full h-full ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] rounded"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability.jpg" alt="" loading="lazy"/> </picture> </div> <div class="absolute w-full h-full"> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability_ad-quality.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability_ad-quality.jpg" alt="" loading="lazy"/> </picture> </div> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability_diversity.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/sustainability_diversity.jpg" alt="" loading="lazy"/> </picture> </div> </div> </div> </div> </div> </div> </li> <li id="popup_item_ir" class="site-header__popup-item group" x-on:mouseenter="headerParentOnEnter" x-on:mouseleave="headerParentOnLeave" aria-haspopup="true" aria-controls="popup_ir" aria-expanded="false"> <div :class="headerBlendMode ? 'group-aria-expanded:text-white' : 'group-aria-expanded:text-black'"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-en-label-xl uppercase"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> I </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> R </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> I </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> R </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </a> </div> <div id="popup_ir" class="site-header__popup-body absolute left-[calc(3/36*100%)] xl:left-[calc(6/36*100%)] right-[calc(1/36*100%)] aria-hidden:pointer-events-none" :class="headerBlendMode ? 'pt-52' : 'pt-58'" aria-hidden="true"> <div x-cloak class="site-header__popup__box bg-white text-black rounded py-40 px-[calc(1/29*100%)]"> <div class="flex [&>*]:shrink-0"> <div class="w-[calc(6/27*100%)] pt-22"> <div class="text-ja-en-title-xl uppercase"> IR </div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/" class="base-button-s inline-flex items-center gap-12 justify-between pb-9 min-w-[10rem] min-h-[1.875rem] text-ja-label-m [--border-color:#000] mt-28"> <span class="inline-block relative pr-[1em] 1 "> IRトップ </span> <svg width="6" height="8" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </a> </div> <div class="ml-[calc(1/27*100%)] w-[calc(8/27*100%)] pt-16"> <ol class="flex flex-col flex-wrap max-h-180 ja:gap-y-15 en:gap-y-12"> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/ir-news/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> IRニュース </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/calendar/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> IRカレンダー </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/management/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 経営方針 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/finance/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 業績・財務 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/library/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> IR資料 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/financial/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 株式情報・その他 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/ir/faq/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> よくあるご質問 </span> </a> </li> <li class="w-1/2"> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/contact/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> IRに関するお問合せ </span> </a> </li> </ol> </div> <div class="relative w-[calc(8/27*100%)] ml-auto aspect-[320/213]"> <div class="site-header__thumbnail-top absolute w-full h-full ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] rounded"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/ir.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/ir.jpg" alt="" loading="lazy"/> </picture> </div> </div> </div> </div> </div> </li> <li id="popup_item_recruit" class="site-header__popup-item group" x-on:mouseenter="headerParentOnEnter" x-on:mouseleave="headerParentOnLeave" aria-haspopup="true" aria-controls="popup_recruit" aria-expanded="false"> <div :class="headerBlendMode ? 'group-aria-expanded:text-white' : 'group-aria-expanded:text-black'"> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/recruit/"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> 採 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 用 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> 情 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> 報 </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> 採 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 用 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> 情 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> 報 </span> </span> </span> <svg width="8" height="7"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </a> </div> <div id="popup_recruit" class="site-header__popup-body absolute left-[calc(3/36*100%)] xl:left-[calc(6/36*100%)] right-[calc(1/36*100%)] aria-hidden:pointer-events-none" :class="headerBlendMode ? 'pt-52' : 'pt-58'" aria-hidden="true"> <div x-cloak class="site-header__popup__box bg-white text-black rounded py-40 px-[calc(1/29*100%)]"> <div class="flex [&>*]:shrink-0"> <div class="w-[calc(6/27*100%)] pt-22"> <div class="text-ja-en-title-xl uppercase"> Recruit </div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/recruit/" class="base-button-s inline-flex items-center gap-12 justify-between pb-9 min-w-[10rem] min-h-[1.875rem] text-ja-label-m [--border-color:#000] mt-28"> <span class="inline-block relative pr-[1em] 1 "> 採用情報トップ </span> <svg width="6" height="8" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </a> </div> <div class="ml-[calc(1/27*100%)] w-[calc(8/27*100%)] pt-16"> <ol class="flex flex-col flex-wrap max-h-180 ja:gap-y-15 en:gap-y-12"> <li class=""> <a class="site-header__popup-child-link inline-flex items-baseline gap-x-8 p-[1em] -m-[1em] hover:opacity-50 duration-300 ease-1 ja:text-ja-label-xl en:text-en-label-xl uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/recruit/culture/"> <svg width="6" height="8" class="w-5 shrink-0"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> <span> 働き方を支えるカルチャー </span> </a> </li> </ol> </div> <div class="relative w-[calc(8/27*100%)] ml-auto aspect-[320/213]"> <div class="site-header__thumbnail-top absolute w-full h-full ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] rounded"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/recruit.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/recruit.jpg" alt="" loading="lazy"/> </picture> </div> <div class="absolute w-full h-full"> <div class="site-header__thumbnail absolute w-full h-full opacity-0 ease-0 transition-opacity duration-400"> <picture class="l-frame l--n-[320] l--d-[213] "> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/recruit_culture.webp" type="image/webp" loading="lazy"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/header/recruit_culture.jpg" alt="" loading="lazy"/> </picture> </div> </div> </div> </div> </div> </div> </li> <li class=""> <a class="group inline-block p-6 -m-6 " href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/" target="_blank"> <span class="inline-flex gap-x-9 items-center"> <span class="relative inline-block overflow-hidden text-ja-en-label-xl "> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 160ms;"> N </span> </span> <span class="absolute inline-flex top-0 left-0" aria-hidden="true"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 160ms;"> N </span> </span> </span> <svg width="8" height="7" class="self-start"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </span> </a> </li> </ol> <div class="mt-4"> <div x-data="langSwitcher('ja')" class="relative"> <span x-cloak x-ref="line" class="absolute left-0 bottom-0 w-16 h-1 bg-current transition-transform duration-400 ease-1"> </span> <div class="flex gap-x-30 text-ja-en-label-xl"> <span x-ref="current" class=""> JP </span> <a x-ref="link" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/" :href="url" class="p-6 -m-6 transition-opacity duration-300" :class="isStop ? 'opacity-100' : 'hover:opacity-100 opacity-30'" x-on:mouseenter="setLineToLink" x-on:mouseleave="setLineToCurrent" x-on:click="stopSetLine" rel="alternate" hreflang="en"> <span x-ref="linkText">EN</span> </a> </div> </div> </div> </nav> <button class="relative flex-shrink-0 w-42 h-42 xl:hidden" type="button" aria-label="Toggle Menu" aria-expanded="false" x-on:click="toggleMenu"> <span class="absolute inset-0 bg-white rounded-full"></span> <canvas class="w-full h-full [filter:invert(1)]" width="500" height="500"></canvas> </button> </div> </div> </header> <main class="[contain:paint]"> <header class="page-title " x-data="pageHeader"> <div class="container"> <div class="pt-[14.375rem] md:pt-[17.375rem] pb-38 md:pb-120 "> <h1 class="flex flex-col"> <span class="text-ja-en-display-m uppercase inline-flex flex-wrap gap-x-[0.3em]"> <span class="page-title__main inline-flex flex-wrap"> <span x-cloak style="--delay: 0ms;"> D </span> <span x-cloak style="--delay: 40ms;"> i </span> <span x-cloak style="--delay: 80ms;"> v </span> <span x-cloak style="--delay: 120ms;"> e </span> <span x-cloak style="--delay: 160ms;"> r </span> <span x-cloak style="--delay: 200ms;"> s </span> <span x-cloak style="--delay: 240ms;"> i </span> <span x-cloak style="--delay: 280ms;"> t </span> <span x-cloak style="--delay: 320ms;"> y </span> </span> <span class="page-title__main inline-flex flex-wrap"> <span x-cloak style="--delay: 0ms;"> & </span> </span> <span class="page-title__main inline-flex flex-wrap"> <span x-cloak style="--delay: 0ms;"> I </span> <span x-cloak style="--delay: 40ms;"> n </span> <span x-cloak style="--delay: 80ms;"> c </span> <span x-cloak style="--delay: 120ms;"> l </span> <span x-cloak style="--delay: 160ms;"> u </span> <span x-cloak style="--delay: 200ms;"> s </span> <span x-cloak style="--delay: 240ms;"> i </span> <span x-cloak style="--delay: 280ms;"> o </span> <span x-cloak style="--delay: 320ms;"> n </span> </span> </span> <span x-cloak class="page-title__sub text-ja-title-m text-light-gray-text mt-8 md:mt-10"> ダイバーシティ＆インクルージョン </span> </h1> </div> <div class="border-b border-light-gray-line "></div> </div> </header> <div x-data="sidebar" class="pt-80 container flex flex-col gap-y-80 xl:flex-row xl:gap-x-[calc(2/28*100%)]"> <nav x-ref="nav" class="relative z-10 w-full xl:w-[calc(4/28*100%)] xl:shrink-0 xl:sticky xl:top-[calc(var(--site-scroll-margin)+7.5rem)] self-start ja:text-ja-label-m en:text-en-label-m"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden xl:block absolute z-10 top-0 left-0 translate-y-[var(--y)] transition-transform duration-400 ease-3"> <circle cx="4.25" cy="4.25" r="4" stroke="currentColor" stroke-width="0.5"/> </svg> <ol class="l-stack l--space-12 xl:l--space-0"> <li class="group "> <button x-on:click="scrollTo" data-index="0" class="flex items-baseline gap-x-7 text-left xl:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden shrink-0 xl:block w-9 h-9"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>基本的な考え方</span> </button> </li> <li class="group "> <button x-on:click="scrollTo" data-index="1" class="flex items-baseline gap-x-7 text-left xl:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden shrink-0 xl:block w-9 h-9"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>全員活躍（キャリア）の取り組み</span> </button> </li> <li class="group "> <button x-on:click="scrollTo" data-index="2" class="flex items-baseline gap-x-7 text-left xl:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden shrink-0 xl:block w-9 h-9"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>D＆I社内活動</span> </button> </li> <li class="group "> <button x-on:click="scrollTo" data-index="3" class="flex items-baseline gap-x-7 text-left xl:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden shrink-0 xl:block w-9 h-9"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>推進体制</span> </button> </li> <li class="group "> <button x-on:click="scrollTo" data-index="4" class="flex items-baseline gap-x-7 text-left xl:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden shrink-0 xl:block w-9 h-9"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>認定</span> </button> </li> </ol> </nav> <div class="grow"> <section> <h2 class="ja:text-ja-display-s en:text-en-display-s"> 基本的な考え方 </h2> <picture class="block mt-40 md:mt-60"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/1.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/1.jpg" alt=""/> </picture> <p class="mt-40 ja:text-ja-body-m en:text-en-body-l"> CARTA HOLDINGSの行動指針であるバリューのひとつに、わたしたちがダイバーシティ&インクルージョン（D＆I）を推進する上で大切にしている考え方「違いを強さに」を掲げています。多様な人材の多様な力がわたしたちの事業成長と競争力の源泉であり、D&I;の推進は重要な経営戦略の一つと位置付けています。国籍・障がいの有無・ジェンダー・性的指向・性自認・性表現・出身・思想・宗教・年齢などの属性に関わらず、一人ひとりが持つ力を最大限発揮でき、健康的で幸せに働くことができる組織文化および環境作りを推進します。 </p> </section> <section class="mt-80 md:mt-120"> <h2 class="ja:text-ja-display-s en:text-en-display-s"> 全員活躍（キャリア）の取り組み </h2> <p class="mt-40 md:mt-60 ja:text-ja-body-m en:text-en-body-l"> 全従業員が多様な価値観をもとに才能を発揮し、充実して働けるよう様々な取り組みを行っています。 </p> <div class="prose mt-20 md:mt-16"> <ul> <li> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/行動計画（2022〜2025年）次世代法・女性活躍推進法.pdf" target="_blank"> 女性活躍推進法に基づく行動計画全文(PDF) </a> </li> </ul> </div> <div class="mt-60 md:mt-80 border-t border-light-gray-line"> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> 女性活躍推進 </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> CARTA HOLDINGSでは性別を問わず活躍しており、全従業員における女性比率は45％、管理職全体における女性比率は24.9％となっています。（2023年2月時点）性別や職種に関わらず、多様な人材が個の力を最大限発揮し、継続的な事業成長を実現するための活動を進めています。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み事例</span> </h4> <ul class="mt-20 l-stack l--space-40 bg-white p-20 md:p-60 rounded"> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div class="md:w-[calc(300/760*100%)] md:shrink-0 mb-16 md:mb-0 l-frame l--n-3 l--d-2 rounded"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/img_evolution_0007-01-1.jpg" alt=""/> </div> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社外取締役を囲む社員座談会 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 女性社員のコミュニティ作りの一環として、社員座談会を不定期で開催しています。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 女性リーダー向けコーチング研修 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 女性リーダーが自身の強みを活かし自分らしくリーダーシップを発揮するためのコーチング研修を実施しています。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> オンライン婦人科受診と低用量ピル服薬支援制度の導入 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 女性特有の症状による健康課題の改善の選択肢の一つとして、オンライン診療と低用量ピル服薬の支援制度を福利厚生として導入しています。 </p> </div> </li> </ul> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み実績(2023年2月)</span> </h4> <div class="mt-20 flex flex-col md:flex-row md:items-start gap-20 md:gap-[calc(60/880*100%)]"> <div class="relative flex flex-col [aspect-ratio:55/31] md:shrink-0 md:w-[calc(11/22*100%)] md:min-w-[27.5rem] text-white p-20 pb-12 md:p-24 md:pr-18 md:pb-2"> <div class="absolute inset-0 w-full h-full rounded overflow-hidden"> <picture class="w-full h-full"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_women.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_women.jpg" alt=""/> </picture> </div> <p class="flex items-center gap-x-8 transform-gpu"> <span class="shrink-0"><svg width="40" height="40"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/page.svg#sustainability-women"/></svg></span> <span class="ja:text-ja-title-m en:text-en-title-m"> 女性管理職比率（課長級） </span> </p> <div class="mt-auto ml-auto flex gap-x-20 transform-gpu"> <p> <span class="relative font-gotham-book text-[13.333vw] leading-95 -tracking-4 md:text-[5.625rem]"> <span>24.9</span> </span> <span class="ml-[-0.5em] font-gotham-book text-[5.333vw] leading-96 -tracking-4 md:text-40"> % </span> </p> </div> </div> <p class="ja:text-ja-body-m en:text-en-body-l"> </p> </div> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>関連記事</span> </h4> <div class="prose mt-20"> <ul> <li> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/20220519/" target="_blank"> CARTA HOLDINGS、福利厚生としてオンライン診療を活用した婦人科受診と低用量ピル服薬支援制度を導入 </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/20230130_1/" target="_blank"> CARTA HOLDINGS、福利厚生として導入する「オンライン診療を活用した婦人科受診と低用量ピル服薬支援制度」の利用実態を公開 </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://joshibujapan.com/n/na7c6eedcac89" target="_blank"> 違いを認め合い、強さに変えていく。その第一歩として、低用量ピル服薬の福利厚生制度を導入した女性活躍推進の取り組み。 </a> </li> </ul> </div> </div> </div> </div> </details> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> 両立支援 </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> CARTA HOLDINGSには、多様な社員の多様な働き方を支援するための様々な制度があります。<br>育児休業取得者比率は、女性100%、男性79%（2022年実績）となっています。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み事例</span> </h4> <ul class="mt-20 l-stack l--space-40 bg-white p-20 md:p-60 rounded"> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> ベビーシッター補助制度 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 育児中の社員をサポートするため電通グループベビーシッター制度と内閣府ベビーシッター割引券を導入しています。<br/> <br/> 【利用例】<br/> ・家事のサポート(ご家族分の食事作り・掃除・洗濯)<br/> ・生活のサポート(授乳/食事・排泄・入浴・睡眠・遊び)<br/> ・保育園・幼稚園・お教室などの送迎 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 健康・育児セミナー </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 子育て中、子育て予定、産育休中の社員に向けて、育児についてや自身の健康管理についてのセミナーを開催しています。<br/> <br/> 【2022年実績】<br/> ・ねんね習慣改善セミナー<br/> ・赤ちゃんとの接し方講座（モンテッソーリ編）<br/> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 育休推進担当者の選任と取り組み </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 男性育児休業取得推進に向けて育児推進担当者を選任しています。<br/> ・育児推進担当者及び育児に関する個別相談窓口に男性育休経験者を配置<br/> ・実体験に基づく相談などが功を奏し『管理職以上（男性）の育休取得率』と『男性の育休取得日数』が増加<br/> ・2022年管理職以上（男性）の育休取得率：9名／19名（47%）<br/> ・男性の平均育休取得日数：2021年実績11日→2022年実績28日 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 育休期間中の連携体制（ハーモニー） </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 産育休中社員を対象に、職場復帰への不安の解消や復職をスムーズにするための情報提供を行っています。（一斉配信と個別メッセージ）<br/> ・情報共有（全社案内、異動情報、福利厚生など）<br/> ・手続きに関するやりとり（役所提出書類など）<br/> ・出産・育休延長・復職準備の手続き（問い合わせ、書類確認） </p> </div> </li> </ul> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み実績(2022年1月～12月)</span> </h4> <div class="mt-20 flex flex-col md:flex-row md:items-start gap-20 md:gap-[calc(60/880*100%)]"> <div class="relative flex flex-col [aspect-ratio:55/31] md:shrink-0 md:w-[calc(11/22*100%)] md:min-w-[27.5rem] text-white p-20 pb-12 md:p-24 md:pr-18 md:pb-2"> <div class="absolute inset-0 w-full h-full rounded overflow-hidden"> <picture class="w-full h-full"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_child.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_child.jpg" alt=""/> </picture> </div> <p class="flex items-center gap-x-8 transform-gpu"> <span class="shrink-0"><svg width="40" height="40"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/page.svg#sustainability-child"/></svg></span> <span class="ja:text-ja-title-m en:text-en-title-m"> 育児休業取得者比率 </span> </p> <div class="mt-auto ml-auto flex gap-x-20 transform-gpu"> <p> <span class="relative font-gotham-book text-[13.333vw] leading-95 -tracking-4 md:text-[5.625rem]"> <span>79</span> <span class="absolute left-1/2 bottom-full -translate-x-1/2 ml-[-0.7em] mb-[-0.2em] text-ja-body-s"> 男性 </span> </span> <span class="ml-[-0.5em] font-gotham-book text-[5.333vw] leading-96 -tracking-4 md:text-40"> % </span> </p> <p> <span class="relative font-gotham-book text-[13.333vw] leading-95 -tracking-4 md:text-[5.625rem]"> <span>100</span> <span class="absolute left-1/2 bottom-full -translate-x-1/2 ml-[-0.7em] mb-[-0.2em] text-ja-body-s"> 女性 </span> </span> <span class="ml-[-0.5em] font-gotham-book text-[5.333vw] leading-96 -tracking-4 md:text-40"> % </span> </p> </div> </div> <p class="ja:text-ja-body-m en:text-en-body-l"> 育児休業取得状況（2021年1月～12月実績）<br/> 育児休業取得者数（男）：18名／31名（58%）<br/> 育児休業取得者数（女）：74名／74名（100％）<br/> <br/> 育児休業取得状況（2022年1月～12月実績）<br/> 育児休業取得者数（男）：19名／24名（79%）<br/> 育児休業取得者数（女）：86名／86名（100％） </p> </div> </div> </div> </div> </details> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> 障がい者雇用 </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> CARTA HOLDINGSでは障がいの種別に関係なく、障がいのある社員がさまざまな分野で活躍しています。合理的配慮に基づく定着支援、安定した就労実現に向けた職場サポートに力を入れて取り組んでいます。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み事例</span> </h4> <ul class="mt-20 l-stack l--space-40 bg-white p-20 md:p-60 rounded"> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div class="md:w-[calc(300/760*100%)] md:shrink-0 mb-16 md:mb-0 l-frame l--n-3 l--d-2 rounded"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/0511-6678-scaled.jpg" alt=""/> </div> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社内就業 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> CARTA HOLDIGNSおよび各グループ会社にて、総合職・エンジニア職（正社員）および専門職・事務職（契約社員）として就業しています。要員計画などに基づきキャリア採用を実施しています。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div class="md:w-[calc(300/760*100%)] md:shrink-0 mb-16 md:mb-0 l-frame l--n-3 l--d-2 rounded"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/IMG_9361-scaled.jpg" alt=""/> </div> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社外就業 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 就農型障がい者雇用運営施設にて、管理者のサポートの元、障がいを持つメンバーが野菜やハーブの栽培、加工、発送を行っています。成果物を福利厚生などで利用しており、千葉県市原市、埼玉県飯能市、神奈川県横浜市の3拠点を運営しています。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> サポート体制 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 障がい者職業生活相談員による社内相談窓口を開設、障がいをお持ちの方や、障がいをお持ちの方と一緒に就業する職場のサポート、相談受付・定着支援を行っています。<br/> CARTA HOLDINGS専用の専門家による相談窓口を2022年2月より開設し、定期的な個別面談を実施するほか、自らも相談できる体制を整えています。<br/> 就農型障がい者雇用は、地域の支援員、自治体、運営会社、ご家族のご協力、連携のもと、計画支援、定着支援、就業サポートを実施しています。<br/> </p> </div> </li> </ul> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み実績(2022年)</span> </h4> <div class="mt-20 flex flex-col md:flex-row md:items-start gap-20 md:gap-[calc(60/880*100%)]"> <div class="relative flex flex-col [aspect-ratio:55/31] md:shrink-0 md:w-[calc(11/22*100%)] md:min-w-[27.5rem] text-white p-20 pb-12 md:p-24 md:pr-18 md:pb-2"> <div class="absolute inset-0 w-full h-full rounded overflow-hidden"> <picture class="w-full h-full"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_handicap.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/achievement-bg_handicap.jpg" alt=""/> </picture> </div> <p class="flex items-center gap-x-8 transform-gpu"> <span class="shrink-0"><svg width="40" height="40"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/page.svg#sustainability-wheelchair"/></svg></span> <span class="ja:text-ja-title-m en:text-en-title-m"> 障がい者雇用状況 </span> </p> <div class="mt-auto ml-auto flex gap-x-20 transform-gpu"> <p> <span class="relative font-gotham-book text-[13.333vw] leading-95 -tracking-4 md:text-[5.625rem]"> <span>2.3</span> </span> <span class="ml-[-0.5em] font-gotham-book text-[5.333vw] leading-96 -tracking-4 md:text-40"> % </span> </p> </div> </div> <p class="ja:text-ja-body-m en:text-en-body-l"> 法定雇用率（2.3%）を達成<br/> <br/> 2021年：2.34%　月平均雇用カウント30名（2022年1月～3月*）<br/> *経営統合後の2022年1月～2022年3月までの集計<br/> <br/> 2022年：2.35%　月平均雇用カウント31名（2022年4月～2023年3月）<br/> </p> </div> </div> </div> </div> </details> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> LGBTQ＋ </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> CARTA HOLDINGSでは、個人の性的指向や性自認、性表現に関わらず、自分らしくいきいきと働ける職場環境づくりに取り組んでいます。<br>パートナー婚を認める規定改定、社内外の相談窓口の開設、LGBTQ+研修など、様々な取り組みを行っています。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み事例</span> </h4> <ul class="mt-20 l-stack l--space-40 bg-white p-20 md:p-60 rounded"> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div class="md:w-[calc(300/760*100%)] md:shrink-0 mb-16 md:mb-0 l-frame l--n-3 l--d-2 rounded"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/CARTA_LGBTQ.jpg" alt=""/> </div> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> パートナーシップ制度 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 社内規程における配偶者の定義を、戸籍上の配偶者に限らず配偶者に相当する事実婚・同性婚のパートナーとし、慶弔休暇や慶弔金、出産時の休暇や祝い金、家族の看護休暇などを受けることができます。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社内相談窓口の開設 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 当社で就業するすべての方からセクシュアリティに関する相談をうける社内窓口です。<br/> 窓口担当者は専門知識を学んだ限られた人事担当者で構成され、相談内容およびプライバシーは守られています。<br/> 内容は人事制度、職場環境、業務上の当事者配慮など多岐にわたり、身近な存在となれるような相談体制を構築しています。<br/> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社外相談窓口の開設 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 専門の外部相談員による相談窓口です。メールを初期対応として24時間受付しており、潜在化しやすい不安や悩みの深刻化を防ぐ目的で設置しています。<br/> 社外相談窓口もプライバシーの保護は徹底され、本人の同意がない限り本人が特定される情報提供は行われません。相談者の心理的安全性を高めた相談体制を構築しています。<br/> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 「Business for Marriage Equality」への賛同 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 電通グループは日本国内の婚姻の平等（同性婚の法制化）を推進する「Business for Marriage Equality」に賛同しています。<div class="prose"><a href="https://web.archive.org/web/20240511104301/https://www.group.dentsu.com/jp/news/release/000835.html" target="_blank">https://www.group.dentsu.com/jp/news/release/000835.html</a></div> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div class="md:w-[calc(300/760*100%)] md:shrink-0 mb-16 md:mb-0 l-frame l--n-3 l--d-2 rounded"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/10/lgbtq_2.png" alt=""/> </div> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 「ビジネスによるLGBT平等サポート宣言」への賛同 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 日本において性指向や性自認による差別を禁止し、誰もが平等に扱われる職場・社会づくりを実現することを目的とした法律制定のための国際署名キャンペーン「EqualityActJapan （イクオリティー・アクト・ジャパン）」による「ビジネスによるLGBT平等サポート宣言」に賛同しています。<br/> <div class="prose"><a href="https://web.archive.org/web/20240511104301/https://equalityactjapan.org/" target="_blank">https://equalityactjapan.org/</a></div> </p> </div> </li> </ul> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み実績</span> </h4> <div class="mt-20 flex flex-col md:flex-row md:items-start gap-20 md:gap-[calc(60/880*100%)]"> <p class="ja:text-ja-body-m en:text-en-body-l"> その他LGBTQ+の主な取り組み<br/> ・人事担当者向けLGBTQ＋研修<br/> ・採用面接官向けLGBTQ＋研修<br/> ・2024年新卒採用よりエントリーシートの性別表記欄の削除 </p> </div> </div> </div> </div> </details> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> シニア（高齢者雇用） </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> 人生100年時代を迎える中、60歳定年以降も活き活きと職場で活躍し続けられる再雇用制度があり、シニア社員が活躍しております。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み実績</span> </h4> <div class="mt-20 flex flex-col md:flex-row md:items-start gap-20 md:gap-[calc(60/880*100%)]"> <p class="ja:text-ja-body-m en:text-en-body-l"> ・2022年1月～12月再雇用数：2名<br/> ・60歳以上の就業人数：7名<br/> </p> </div> </div> </div> </div> </details> </div> </section> <section class="mt-80 md:mt-120"> <h2 class="ja:text-ja-display-s en:text-en-display-s"> D＆I社内活動 </h2> <p class="mt-40 md:mt-60 ja:text-ja-body-m en:text-en-body-l"> ミッションに掲げる「The Evolution Factory」として世の中の進化を生み出すために、「人の想いを信じる」「失敗を恐れず挑戦する」「繋がりで想像を超える」、この要素が相互に連鎖しあって織りなす組織文化を大切にしています。そのベースとなるのが、D＆Iです。自分たちの手で未来を変えられると信じることができ、ワクワクする世の中を創っていく原動力となるような、明るく力強いD＆Iを社内活動を通じて推進しています。 </p> <div class="mt-60 md:mt-80 border-t border-light-gray-line"> <details x-data="accordion" class="group"> <summary x-ref="summary" x-on:click="toggle" class="block pb-34 md:pb-0 border-b border-light-gray-line group-open:border-transparent cursor-pointer"> <div class="l-sidebar l--space-16 md:l--width-p-[19/22] md:l--space-p-[1/22]"> <div class="pt-34 md:py-40"> <h3 class="ja:text-ja-headline-m en:text-en-headline-m"> D＆I推進に向けて </h3> <p class="mt-12 md:mt-16 ja:text-ja-body-s en:text-en-body-l"> CARTA HOLDINGSで働く社員の誰もが自分らしくあることを認められ、やりがいを持って働ける環境を作っていくため、様々な社内活動を通じてD＆Iの推進に取り組んでいます。 </p> </div> <div class="ml-auto md:ml-0 flex justify-center items-center gap-x-8 md:group-open:bg-gray-bg"> <span class="relative md:hidden ja:text-ja-title-xs en:text-en-title-xxs"> <span class="group-open:opacity-0 underline"> さらに表示 </span> <span class="absolute top-0 right-0 opacity-0 group-open:opacity-100 underline"> 閉じる </span> </span> <span class="w-26 h-26 md:w-32 md:h-32 rounded-full bg-gray-bg flex items-center justify-center group-open:bg-black md-max:group-open:text-white md:group-open:bg-opacity-10"> <svg width="8" height="7" class="w-6 transform-gpu group-open:-scale-y-100"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#triangle-down"/></svg> </span> </div> </div> </summary> <div x-ref="content" class="transition-opacity opacity-0 duration-200 ease-1 aria-expanded:duration-500 aria-expanded:opacity-100 aria-expanded:delay-100"> <div x-ref="inner" class="base-large-accordion__inner"> <div class="pt-60 pb-80 md:pt-80 md:pb-100"> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>取り組み事例</span> </h4> <ul class="mt-20 l-stack l--space-40 bg-white p-20 md:p-60 rounded"> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社員発のグループ横断D＆Iプロジェクト「WAVE」の発足 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> WAVEは、CARTA HOLDINGSで働くすべての人が「違いを強さに」変え、自分らしく挑戦できるカルチャーを作っていくために立ち上がった社員発のD&I;プロジェクトです。D&I;意識調査やキャリアアンケートの設計・実施、低用量ピル服薬支援制度の導入など、社員の声をもとに課題解決に向けた施策提案をHRや経営陣に向けて行いました。WAVEをきっかけに、2023年より組織として「D&I;推進室」を発足し、活動を引き継いでいます。 </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 人権啓発 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> 電通グループの人権啓発活動に沿って人権スローガン・SDGsスローガン募集を実施しています*。スローガンを考えることで、人権、D&I;、SDGsへの関心や意識を高め、正しい知識を持つきっかけとなることを期待しています。<br/> *電通ジャパン各社の従業員と家族を対象にしたスローガン募集<br/> <br/> ・人権スローガン2022年応募総数　社員の部（72作品）家族の部（24作品）<br/> ・SDGsスローガン2022年応募総数　社員の部（68作品）家族の部（28作品）<br/> </p> </div> </li> <li class="flex flex-col md:flex-row md:gap-x-[calc(40/760*100%)] md:items-start"> <div> <h5 class="ja:text-ja-title-l en:text-en-headline-m"> 社内啓発イベント・研修 </h5> <p class="mt-8 md:mt-10 ja:text-ja-body-s en:text-en-body-s"> D&I;推進室とHR本部が連携し、年間を通してD&I;の啓発・推進に向けてイベントや研修を行います。<br/> </p> </div> </li> </ul> <h4 class="mt-60 first-of-type:mt-0 flex items-center before:w-8 before:bg-light-gray-line before:h-18 gap-x-16 before:shrink-0 ja:text-ja-title-xl en:text-en-title-m"> <span>関連記事</span> </h4> <div class="prose mt-20"> <ul> <li> <a href="https://web.archive.org/web/20240511104301/https://forbesjapan.com/articles/detail/53371"> 「違いを強さに」──CARTA HOLDINGSが目指すD＆Iの未来 </a> </li> </ul> </div> </div> </div> </div> </details> </div> </section> <section class="mt-80 md:mt-120"> <h2 class="ja:text-ja-display-s en:text-ja-display-s"> 推進体制 </h2> <picture class="block mt-40 md:mt-60"> <source srcset="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/2_ja_md.svg" media="(min-width: 960px)"/> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/diversity/2_ja.svg" alt=""/> </picture> <p class="mt-40 ja:text-ja-body-m en:text-en-body-l"> 多様な人材が個の力を最大限発揮し、継続的な事業成長を実現するため、2023年よりD&I;推進室を発足しました。また、CARTA HOLDINGSグループを横断してD＆Iを推進するため、D＆I推進委員会を設置しています。 </p> </section> <section class="mt-80 md:mt-120"> <h2 class="ja:text-ja-display-s en:text-ja-display-s"> 認定 </h2> <p class="mt-40 md:mt-60 ja:text-ja-body-m en:text-ja-body-l"> わたしたちのD&I;に関する取り組みが、以下アワードにて認定されました。 </p> <ol class="mt-60"> <li class="flex gap-x-[calc(20/311*100%)] md:gap-x-[calc(1/22*100%)] " data-year="2023"> <div class="w-[calc(80/311*100%)] md:w-[calc(2/22*100%)] shrink-0 pt-8 md:pt-28 border-t border-light-gray-line ja:text-ja-label-xl en:text-en-label-xl"> 2023 </div> <div class="grow"> <div class="md:flex md:gap-x-[calc(1/19*100%)] "> <div class="md:order-1 md:w-[calc(4/19*100%)] shrink-0"> <div class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/eruboshi.png" alt=""/> </div> </div> <div class="mt-16 md:mt-0 md:grow flex flex-col md:pt-24 border-light-gray-line md:border-t"> <h3 class="ja:text-ja-title-xl en:text-en-headline-m"> えるぼし認定 </h3> <p class="mt-4 md:mt-7 ja:text-ja-label-s en:text-en-label-s text-gray-text"> 3つ星 </p> <div class="prose mt-16 md:mt-22"> <a class="ja:text-ja-label-m en:font-gotham-medium en:text-en-label-m" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/20230714_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> <div class="md:flex md:gap-x-[calc(1/19*100%)] mt-40"> <div class="md:order-1 md:w-[calc(4/19*100%)] shrink-0"> <div class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/11/pride_index.png" alt=""/> </div> </div> <div class="mt-16 md:mt-0 md:grow flex flex-col md:pt-24 border-light-gray-line md:border-t"> <h3 class="ja:text-ja-title-xl en:text-en-headline-m"> PRIDE指標2023 </h3> <p class="mt-4 md:mt-7 ja:text-ja-label-s en:text-en-label-s text-gray-text"> ゴールド </p> <div class="prose mt-16 md:mt-22"> <a class="ja:text-ja-label-m en:font-gotham-medium en:text-en-label-m" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/20231107_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> <div class="md:flex md:gap-x-[calc(1/19*100%)] mt-40"> <div class="md:order-1 md:w-[calc(4/19*100%)] shrink-0"> <div class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/12/DIAWARD2023.png" alt=""/> </div> </div> <div class="mt-16 md:mt-0 md:grow flex flex-col md:pt-24 border-light-gray-line md:border-t"> <h3 class="ja:text-ja-title-xl en:text-en-headline-m"> D&l; AWARD 2023 </h3> <p class="mt-4 md:mt-7 ja:text-ja-label-s en:text-en-label-s text-gray-text"> ベストワークプレイス </p> <div class="prose mt-16 md:mt-22"> <a class="ja:text-ja-label-m en:font-gotham-medium en:text-en-label-m" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/news/20231213_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> </div> </li> </ol> </section> </div> </div> <section class="mt-100 md:mt-140 bg-gray-bg py-100 md:py-140"> <div class="container"> <h2 class="text-ja-en-display-s pt-18 md:pt-70 border-t border-light-gray-line"> EVOLUTiON </h2> </div> <div x-data="carousel" class="overflow-hidden mt-40"> <div class="container overflow-visible"> <div x-ref="wrap"> <ul x-ref="list" class="inline-flex md:flex gap-x-[calc(30/375*100vw)] md:gap-x-[calc(60/1440*100%)] [&.onDrag_a]:pointer-events-none select-none"> <li x-data="opengraph" class="md-max:min-w-[calc(9/10*100%)] md:w-[calc(333/1120*100%)] transition-opacity duration-300" :class="loaded ? 'opacity-100' : 'opacity-0'"> <a href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/article-0029/" class="c-thumbnail-hover flex-shrink-0 w-[calc(9/10*100%)] md:w-auto" target="_blank"> <div class="c-thumbnail-hover__image l-frame l--n-3 l--d-2 rounded "> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/10/img_evolution_29_1.jpg" alt=""/> </div> <span class="block mt-20 md:mt-24 text-ja-title-m [.bg-gray-bg_&]:text-black [.bg-white_&]:text-gray-text"> 「人の想いで、人と未来の可能性を、拓いていく。」ジェンダー平等の実現に取り組むリーダーに聞く </span> </a> </li> <li x-data="opengraph" class="md-max:min-w-[calc(9/10*100%)] md:w-[calc(333/1120*100%)] transition-opacity duration-300" :class="loaded ? 'opacity-100' : 'opacity-0'"> <a href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/article-0007/" class="c-thumbnail-hover flex-shrink-0 w-[calc(9/10*100%)] md:w-auto" target="_blank"> <div class="c-thumbnail-hover__image l-frame l--n-3 l--d-2 rounded "> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/img_evolution_0007-01.jpg" alt=""/> </div> <span class="block mt-20 md:mt-24 text-ja-title-m [.bg-gray-bg_&]:text-black [.bg-white_&]:text-gray-text"> 「D&I;プロジェクトを通じて、違いは強さになると実感」D&I;推進の背景と変化 </span> </a> </li> <li x-data="opengraph" class="md-max:min-w-[calc(9/10*100%)] md:w-[calc(333/1120*100%)] transition-opacity duration-300" :class="loaded ? 'opacity-100' : 'opacity-0'"> <a href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/article-0016/" class="c-thumbnail-hover flex-shrink-0 w-[calc(9/10*100%)] md:w-auto" target="_blank"> <div class="c-thumbnail-hover__image l-frame l--n-3 l--d-2 rounded "> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/img_evolution_0016-1-1.jpg" alt=""/> </div> <span class="block mt-20 md:mt-24 text-ja-title-m [.bg-gray-bg_&]:text-black [.bg-white_&]:text-gray-text"> 母になっても、愚直に仕事に邁進する女性マネージャー。次世代のメンバーが働きやすい環境をつくりたい </span> </a> </li> </ul> </div> </div> </div> <div class="container mt-40 md:mt-80"> <div class="flex justify-center"> <a href="" class="base-button-m inline-flex items-center gap-12 justify-between pl-20 pr-16 pt-10 pb-9 min-w-[9.375rem] min-h-[2.5rem] rounded-full bg-black text-white text-ja-en-label-l [--hover-color:#000] [--hover-bg:#fff] " target="_blank"> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap -mb-1"> EVOLUTiON </span> <svg width="8" height="7" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </a> </div> </div> </section> <footer class="pt-100 md:pt-140"> <ol class="container l-grid l--col-2 xl:l--col-3 l--space-p-[60/1120] gap-y-0"> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Sustainability Top </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> サステナビリティ </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/ad-quality/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Advertising Quality </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> デジタル広告業界の健全な発展 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/diversity/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Diversity & Inclusion </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> ダイバーシティ＆インクルージョン </span> </span> </a> </li> </ol> <div class="base-breadcrumb container !pr-0 lg:px-[min(calc(3/36*100%),7.5rem)] mt-100 md:mt-140 pb-30 md:pb-20 overflow-hidden text-ja-en-label-m"> <ol class="flex items-center gap-x-10"> <li><a class="c-text-hover" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/">HOME</a></li> <li> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sustainability/" class="c-text-hover"> Sustainability </a> </li> <li> <span class=""> Diversity & Inclusion </span> </li> </ol> </div> </footer> </main> <footer class="sticky top-full bg-black text-white"> <div class="absolute w-full h-full top-0"> <video x-data="video" x-ref="video" class="w-full h-full object-cover" playsinline muted loop autoplay> <source src="/web/20240511104301im_/https://cartaholdings.co.jp/sustainability/diversity/" type="video/mp4" x-ref="videoSource" data-src="https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/bg.mp4" data-src-md="https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/bg_md.mp4"/> </video> </div> <div class="container relative py-102 md:pt-100 md:pb-78 md:grid md:grid-cols-[1fr_minmax(17.5rem,calc(8/28*100%))]"> <div> <a href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/" class="block w-1/2 md:w-1/4"> <svg width="157" height="32" class="w-full" aria-hidden="true"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#logo"/></svg> <span class="sr-only">株式会社CARTA HOLDINGS</span> </a> <address class="mt-24 text-light-gray-text ja:text-ja-label-s en:text-en-label-s"> <a href="https://web.archive.org/web/20240511104301/https://maps.app.goo.gl/mgEgiBXqLzdJJoLs8" target="_blank" class="hover:underline"> 株式会社CARTA HOLDINGS<br/>〒105-5536 東京都港区虎ノ門2-6-1 虎ノ門ヒルズステーションタワー36F </a> </address> </div> <div class="mt-60 md:mt-20"> <div class="grid grid-flow-col items-center grid-rows-[repeat(4,min-content)] gap-10 grid-cols-[1fr_minmax(6.5rem,max-content)] md:grid-cols-[1fr_minmax(calc(3/8*100%),max-content)] text-ja-label-xl"> <div> <a class="group inline-flex gap-x-9 items-center p-6 -m-6 uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/sitemap/"> <span class="relative inline-block overflow-hidden"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> イ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ト </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> マ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ッ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> プ </span> </span> <span class="absolute inline-flex top-0 left-0"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> サ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> イ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ト </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> マ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ッ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> プ </span> </span> </span> </a> </div> <div> <a class="group inline-flex gap-x-9 items-center p-6 -m-6 uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/privacy-policy/"> <span class="relative inline-block overflow-hidden"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> プ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ラ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> イ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> バ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> シ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> ポ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 160ms;"> シ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 180ms;"> ー </span> </span> <span class="absolute inline-flex top-0 left-0"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> プ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ラ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> イ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> バ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> シ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> ー </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> ポ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> リ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 160ms;"> シ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 180ms;"> ー </span> </span> </span> </a> </div> <div> <a class="group inline-flex gap-x-9 items-center p-6 -m-6 uppercase" href="https://web.archive.org/web/20240511104301/https://cartaholdings.co.jp/contact/"> <span class="relative inline-block overflow-hidden"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> お </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> 問 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> い </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> 合 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> わ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> せ </span> </span> <span class="absolute inline-flex top-0 left-0"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> お </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> 問 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> い </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> 合 </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> わ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> せ </span> </span> </span> </a> </div> <div class="mt-44 md:mt-72"> <ul class="flex gap-x-6"> <li> <a href="https://web.archive.org/web/20240511104301/https://twitter.com/CARTA_HOLDINGS" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-gray-text bg-gray-text/0 group-hover:bg-gray-text/100"> </span> <svg width="10" height="10" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#x"/></svg> <span class="sr-only">X</span> </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://www.instagram.com/carta_holdings/" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-gray-text bg-gray-text/0 group-hover:bg-gray-text/100"> </span> <svg width="12" height="12" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#instagram"/></svg> <span class="sr-only">Instagram</span> </a> </li> <li> <a href="https://web.archive.org/web/20240511104301/https://www.facebook.com/cartaholdings/" target="_blank" class="group relative w-34 h-34 grid place-items-center"> <span class="absolute w-full h-full border rounded-full group-hover:scale-[0.88] transition-[background-color,transform] ease-2 duration-500 border-gray-text bg-gray-text/0 group-hover:bg-gray-text/100"> </span> <svg width="6" height="11" aria-hidden="true" class="relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/socials.svg#facebook"/></svg> <span class="sr-only">Facebook</span> </a> </li> </ul> </div> <div> <a class="group inline-flex gap-x-9 items-center p-6 -m-6 uppercase" href="https://web.archive.org/web/20240511104301/https://evolution.cartaholdings.co.jp/" target="_blank"> <span class="relative inline-block overflow-hidden ja:text-ja-en-label-xl en:text-en-label-xl"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 160ms;"> N </span> </span> <span class="absolute inline-flex top-0 left-0"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> E </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> V </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> L </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> U </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> T </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 120ms;"> i </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 140ms;"> O </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 160ms;"> N </span> </span> </span> <svg width="8" height="7" class="self-start"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </a> </div> <div> <a class="group inline-flex gap-x-9 items-center p-6 -m-6 uppercase" href="https://web.archive.org/web/20240511104301/https://techblog.cartaholdings.co.jp/" target="_blank"> <span class="relative inline-block overflow-hidden"> <span class="inline-flex"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 0ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 20ms;"> ッ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 40ms;"> ク </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 60ms;"> ブ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 80ms;"> ロ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 text-gray-090 opacity-100 group-hover:-translate-y-full group-hover:opacity-0" style="transition-delay: 100ms;"> グ </span> </span> <span class="absolute inline-flex top-0 left-0"> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 0ms;"> テ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 20ms;"> ッ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 40ms;"> ク </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 60ms;"> ブ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 80ms;"> ロ </span> <span class="inline-block transition-[transform,opacity] ease-3 duration-700 group-hover:duration-300 opacity-0 translate-y-full group-hover:translate-y-0 group-hover:opacity-100" style="transition-delay: 100ms;"> グ </span> </span> </span> <svg width="8" height="7" class="self-start"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </a> </div> </div> </div> <div class="mt-60 md:-mt-24 md:h-12 flex justify-between md:justify-start items-center gap-x-26"> <p> <small class="block ja:text-ja-en-label-xs en:text-en-label-xs"> ©️CARTA HOLDINGS Inc. </small> </p> <p> <img src="https://web.archive.org/web/20240511104301im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/dentsu.svg" alt=""/> </p> </div> </div> </footer> <div x-cloak x-data="debugGrid" :class="!show && 'hidden'" class="debug-grid"> <div class="container"> <div></div> </div> </div> </body> </html>

CINXE.COM

ダイバーシティ＆インクルージョン ｜ 株式会社CARTA HOLDINGS

ダイバーシティ＆インクルージョン｜株式会社CARTA HOLDINGS