サステナビリティ｜株式会社CARTA HOLDINGS

<!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/","20240524050837","https://web.archive.org/","web","/_static/", "1716527317"); </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/20240524050837/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/20240524050837/https://cartaholdings.co.jp/sustainability/"/> <meta property="og:image" content="https://web.archive.org/web/20240524050837im_/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/20240524050837/https://cartaholdings.co.jp/sustainability/"/> <title> サステナビリティ｜株式会社CARTA HOLDINGS </title> <link rel="preload" href="https://web.archive.org/web/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837cs_/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/20240524050837cs_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.css?ver=38fc8d59adcab79116f2" media="all"/> <script defer src="https://web.archive.org/web/20240524050837js_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.js?ver=38fc8d59adcab79116f2" id="mytheme-script-js"></script> <link rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240524050837/https://cartaholdings.co.jp/sustainability/"/> <link rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240524050837/https://cartaholdings.co.jp/en/sustainability/"/> <link rel="icon" href="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-192x192.png" sizes="192x192"/> <link rel="icon" href="https://web.archive.org/web/20240524050837im_/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/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/apple-touch-icon-180x180.png"/> <link rel="preconnect" href="https://web.archive.org/web/20240524050837/https://fonts.googleapis.com/"/> <link rel="preconnect" href="https://web.archive.org/web/20240524050837/https://fonts.gstatic.com/" crossorigin/> <link href="https://web.archive.org/web/20240524050837cs_/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="archive post-type-archive post-type-archive-sustainability wp-embed-responsive ja bg-white text-black">  <noscript> <iframe src="https://web.archive.org/web/20240524050837if_/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/20240524050837/https://cartaholdings.co.jp/en/sustainability/" 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/20240524050837/https://cartaholdings.co.jp/sustainability/" 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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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/20240524050837im_/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837im_/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/20240524050837/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/20240524050837/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> <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;"> S </span> <span x-cloak style="--delay: 40ms;"> u </span> <span x-cloak style="--delay: 80ms;"> s </span> <span x-cloak style="--delay: 120ms;"> t </span> <span x-cloak style="--delay: 160ms;"> a </span> <span x-cloak style="--delay: 200ms;"> i </span> <span x-cloak style="--delay: 240ms;"> n </span> <span x-cloak style="--delay: 280ms;"> a </span> <span x-cloak style="--delay: 320ms;"> b </span> <span x-cloak style="--delay: 360ms;"> i </span> <span x-cloak style="--delay: 400ms;"> l </span> <span x-cloak style="--delay: 440ms;"> i </span> <span x-cloak style="--delay: 480ms;"> t </span> <span x-cloak style="--delay: 520ms;"> y </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> <section class="container mt-70"> <div class="flex flex-col md:flex-row gap-y-40 gap-x-80"> <div class="md:w-[50%]"> <picture> <source srcset="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/statement.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/statement.jpg" alt=""/> </picture> </div> <div class="md:w-[50%]"> <h2> <p class="text-ja-en-display-s uppercase"> Sustainability Statement </p> <span class="block mt-8 md:mt-10 text-ja-title-s text-gray-text"> サステナビリティステートメント </span> </h2> <p class="mt-30 md:mt-48 ja:text-ja-body-m en:text-en-body-l"> 人の想いで、<br>人と未来の可能性を、<br>拓いていく<br><br>私たちがこれまで成長を続けることができたのは、あらゆる環境下において、人の想いを事業にのせて歩んできたからです。<br>そして、私たちだけではなく、世の中の誰もが「人の想い」という情熱とともに行動することで、未来を拓いていくのだと信じています。<br>CARTA HOLDINGSは、「時代の進化を創る」という目的を掲げ、匠の知識と力を備えたプロフェッショナルが集まり、事業を推進しています。社会や産業をエンパワーする存在である、「進化推進業」を目指すと同時に、私たちの事業活動を通じて、社会課題の解決と持続可能な世界の実現に貢献していきます。<br>私たちは、常に未来に向けて挑戦し、変化を恐れずに進化し続けます。 </p> <dl class="flex flex-wrap gap-y-10 gap-x-34 md:gap-x-60 mt-24 md:mt-48"> <div> <dt class="ja:text-ja-label-s en:text-en-label-s text-gray-text"> 代表取締役社長執行役員 </dt> <dd class="ja:text-ja-headline-m en:text-en-headline-m md:mt-10"> 宇佐美進典 </dd> </div> </dl> </div> </div> <div class="mt-60 md:mt-100"> <div x-data="overflowScrollContainer" class="base-overflow-scroll-container "> <div :class="canScroll ? 'block' : 'hidden'"> <p class="mt-20 mb-20 flex items-center gap-x-8 text-ja-en-title-s uppercase md:hidden"> <span>Scroll</span> <svg width="18" height="8"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#scroll-right"/></svg> </p> </div> <div class="base-overflow-scroll-container__wrap" x-ref="wrap"> <figure :class="canScroll ? '' : 'w-full'"> <div class="min-w-[720px]"> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/brand-purpose_ja.svg" alt="" width="1120" height="858"/> </div> </figure> </div> </div> </div> </section> <section class="bg-gray-bg py-100 md:py-140 mt-100 md:mt-140"> <div class="container"> <div class="w-full h-1 bg-light-gray-line"></div> <div class="flex flex-col md:flex-row mt-40 md:mt-70"> <h2> <p class="text-ja-en-display-s uppercase"> What to do </p> <span class="block mt-8 md:mt-10 text-ja-title-s text-gray-text"> 取り組むべきことはなにか </span> </h2> <div class="md:w-[calc(520/1120*100%)] mt-30 md:mt-0 ml-auto"> <p class="ja:text-ja-body-m en:text-en-body-l ja:text-justify"> まずわたしたちは、サステナブルな社会の実現にむけて取り組むべきことを洗い出しました。SDGsの17の目標および169のターゲットを踏まえ、有識者との意見交換を通じた示唆を踏まえて設定しています。そのうえで、各項目についてステークホルダーにとっての重要性／事業へのインパクトの二軸で評価を実施し、マッピングしました。 </p> </div> </div> <div x-data="overflowScrollContainer" class="base-overflow-scroll-container mt-40 md:mt-60 md-max:[&.-canScroll>figure]:bg-black/5 md-max:[&.-canScroll>figure]:py-48"> <div :class="canScroll ? 'block' : 'hidden'"> <p class="mt-20 mb-20 flex items-center gap-x-8 text-ja-en-title-s uppercase md:hidden"> <span>Scroll</span> <svg width="18" height="8"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#scroll-right"/></svg> </p> </div> <div class="base-overflow-scroll-container__wrap" x-ref="wrap"> <figure :class="canScroll ? '' : 'w-full'"> <div class="md-max:min-w-[740px]"> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/what-to-do_ja.svg" alt="" width="1120" height="626"/> </div> </figure> </div> </div> </div> </section> <section class="container mt-100 md:mt-140"> <div class="w-full h-1 bg-light-gray-line"></div> <div class="flex flex-col md:flex-row mt-40 md:mt-70"> <h2> <p class="text-ja-en-display-s uppercase"> Materiality </p> <span class="block mt-8 md:mt-10 text-ja-title-s text-gray-text"> マテリアリティ（取り組むべき3つの進化） </span> </h2> <div class="md:w-[calc(520/1120*100%)] mt-30 md:mt-0 ml-auto"> <p class="ja:text-ja-body-m en:text-en-body-l ja:text-justify"> 上記プロセスを経て、わたしたちが重点的に取り組むべきマテリアリティ（重要課題）として、「社会の進化」「人的資本の進化」「コーポレート・ガバナンスの進化」の３つを特定いたしました。 </p> </div> </div> <div class="mt-40 md:mt-80 flex flex-col md:flex-row gap-y-48 gap-x-60"> <div class="w-full"> <div> <picture class="overflow-hidden rounded"> <source srcset="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_1.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_1.jpg" alt=""/> </picture> </div> <h3 class="mt-20 md:mt-30"> <p class="text-ja-en-label-s text-gray-text uppercase"> Social </p> <p class="ja:text-ja-headline-m en:text-en-headline-m mt-2 md:mt-6"> 社会の進化 </p> </h3> <ul class="mt-16 md:mt-30 [&>li:last-child]:border-b-light-gray-line [&>li:last-child]:border-b"> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> デジタルトランスフォーメーション（DX）の推進による社会や産業の発展 </p> </li> <li class="py-16 border-t border-t-light-gray-line"> <a href="/web/20240524050837/https://cartaholdings.co.jp/sustainability/ad-quality/" class="flex justify-between items-center w-full md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> デジタル広告業界の健全な発展 <span class="pl-10 ml-auto"> <svg width="6" height="8"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> </a> </li> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> 気候変動の緩和と適応 </p> </li> </ul> </div> <div class="w-full"> <div> <picture class="overflow-hidden rounded"> <source srcset="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_2.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_2.jpg" alt=""/> </picture> </div> <h3 class="mt-20 md:mt-30"> <p class="text-ja-en-label-s text-gray-text uppercase"> Human Capital </p> <p class="ja:text-ja-headline-m en:text-en-headline-m mt-2 md:mt-6"> 人的資本の進化 </p> </h3> <ul class="mt-16 md:mt-30 [&>li:last-child]:border-b-light-gray-line [&>li:last-child]:border-b"> <li class="py-16 border-t border-t-light-gray-line"> <a href="/web/20240524050837/https://cartaholdings.co.jp/sustainability/diversity/" class="flex justify-between items-center w-full md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> ダイバーシティ&インクルージョン <span class="pl-10 ml-auto"> <svg width="6" height="8"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> </a> </li> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> 人的資本の維持・強化 </p> </li> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> 人権の尊重 </p> </li> </ul> </div> <div class="w-full"> <div> <picture class="overflow-hidden rounded"> <source srcset="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_3.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/sustainability/top/materiality_3.jpg" alt=""/> </picture> </div> <h3 class="mt-20 md:mt-30"> <p class="text-ja-en-label-s text-gray-text uppercase"> Corporate Governance </p> <p class="ja:text-ja-headline-m en:text-en-headline-m mt-2 md:mt-6"> コーポレート・ガバナンスの進化 </p> </h3> <ul class="mt-16 md:mt-30 [&>li:last-child]:border-b-light-gray-line [&>li:last-child]:border-b"> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> コーポレート・ガバナンスの高度化と実効性の確保 </p> </li> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> コンプライアンス・腐敗防止への対応 </p> </li> <li class="py-16 border-t border-t-light-gray-line"> <p class="flex items-center md:min-h-[50px] ja:text-ja-body-s en:text-en-body-s"> リスクマネジメントの徹底 </p> </li> </ul> </div> </div> </section> <section class="container mt-100 md:mt-140"> <div class="w-full h-1 bg-light-gray-line"></div> <div class="mt-40 md:mt-70"> <h2> <p class="text-ja-en-display-s uppercase"> Organization </p> <span class="block mt-8 md:mt-10 text-ja-title-s text-gray-text"> 推進体制 </span> </h2> </div> <h3 class="mt-60 flex items-center gap-x-12 ja:text-ja-title-m en:text-en-title-m"> <span class="w-6 h-6 bg-black rounded-full"></span> 2024年度サステナビリティ委員会概要 </h3> <table class="mt-20 w-full"> <tr class="ja:text-ja-body-s en:text-en-body-s text-gray-text"> <th class="bg-gray-bg font-normal py-15 px-12 md:p-24 border border-light-gray-line min-w-[142px] md:min-w-[200px] w-[calc(200/1120*100%)] text-left align-top"> 委員長 </th> <td class="py-15 px-12 md:p-24 border border-light-gray-line"> 代表取締役社長執行役員宇佐美進典 </td> </tr> <tr class="ja:text-ja-body-s en:text-en-body-s text-gray-text"> <th class="bg-gray-bg font-normal py-15 px-12 md:p-24 border border-light-gray-line min-w-[142px] md:min-w-[200px] w-[calc(200/1120*100%)] text-left align-top"> 副委員長 </th> <td class="py-15 px-12 md:p-24 border border-light-gray-line"> 執行役員梶原理加 </td> </tr> <tr class="ja:text-ja-body-s en:text-en-body-s text-gray-text"> <th class="bg-gray-bg font-normal py-15 px-12 md:p-24 border border-light-gray-line min-w-[142px] md:min-w-[200px] w-[calc(200/1120*100%)] text-left align-top"> 構成員 </th> <td class="py-15 px-12 md:p-24 border border-light-gray-line"> 主要事業におけるサステナビリティ担当者、サステナビリティ活動重点テーマ責任者、将来世代社員、社外取締役（アドバイザー） </td> </tr> </table> <div class="mt-40 md:mt-70"> <a href="https://web.archive.org/web/20240524050837/https://www.group.dentsu.com/jp/sustainability/"> 電通グループ：サステナビリティへの取り組みについて <svg width="8" height="7" class="inline-block text-black align-baseline"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </a> </div> </section> <footer class="mt-100 md:mt-140 bg-gray-bg pt-100 md:pt-140"> <div class="container md:max-w-[70rem]"> <h2 class="text-ja-en-display-s uppercase"> Related News </h2> <div class="mt-40 flex flex-col items-center"> <ul class="l-stack l--space-30"> <li class="pb-30 border-b border-light-gray-line md:last:border-none"> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240524050837/https://cartaholdings.co.jp/news/20231107_1/"> <span class="l-sidebar l--space-20 l--width-p-[4/10] md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/uploads/2023/11/20231107CARTA_p.png" alt=""/> </div> </div> <span class="flex flex-col h-full md:pt-22 md:pb-10"> <span class="flex items-center"> <time class="text-ja-en-label-xxs" datetime="2023-11-07 17:30:00"> 2023.11.07 </time> <span class="w-1 h-9 bg-light-gray-line mx-16"></span> <span class="text-ja-en-label-xxs uppercase"> Press </span> </span> <span class="mt-10 md:mt-14 text-ja-title-m line-clamp-3"> CARTA HOLDINGS、LGBTQ+への取り組みを評価する「PRIDE指標2023」にて最高ランクの「ゴールド」を受賞 </span> <span class="pt-11 mt-auto text-gray-text text-ja-label-xxxs"> 株式会社CARTA HOLDINGS </span> </span> </span> </a> </li> <li class="pb-30 border-b border-light-gray-line md:last:border-none"> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240524050837/https://cartaholdings.co.jp/news/20230714_1/"> <span class="l-sidebar l--space-20 l--width-p-[4/10] md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/20230714_CARTA_えるぼし-768x417.png" alt=""/> </div> </div> <span class="flex flex-col h-full md:pt-22 md:pb-10"> <span class="flex items-center"> <time class="text-ja-en-label-xxs" datetime="2023-07-14 15:00:00"> 2023.07.14 </time> <span class="w-1 h-9 bg-light-gray-line mx-16"></span> <span class="text-ja-en-label-xxs uppercase"> Press </span> </span> <span class="mt-10 md:mt-14 text-ja-title-m line-clamp-3"> CARTA HOLDINGS、女性活躍推進法に基づく「えるぼし認定」で最高位となる３つ星を取得 </span> <span class="pt-11 mt-auto text-gray-text text-ja-label-xxxs"> 株式会社CARTA HOLDINGS </span> </span> </span> </a> </li> <li class="pb-30 border-b border-light-gray-line md:last:border-none"> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240524050837/https://cartaholdings.co.jp/news/20221226/"> <span class="l-sidebar l--space-20 l--width-p-[4/10] md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <picture> <source srcset="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/news/cartaholdings.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240524050837im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/news/cartaholdings.png" alt=""/> </picture> </div> </div> <span class="flex flex-col h-full md:pt-22 md:pb-10"> <span class="flex items-center"> <time class="text-ja-en-label-xxs" datetime="2022-12-26 15:53:00"> 2022.12.26 </time> <span class="w-1 h-9 bg-light-gray-line mx-16"></span> <span class="text-ja-en-label-xxs uppercase"> News </span> </span> <span class="mt-10 md:mt-14 text-ja-title-m line-clamp-3"> CARTAグループが取り組む環境方針について </span> <span class="pt-11 mt-auto text-gray-text text-ja-label-xxxs"> 株式会社CARTA HOLDINGS </span> </span> </span> </a> </li> </ul> </div> </div> <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/20240524050837/https://cartaholdings.co.jp/">HOME</a></li> <li>Sustainability</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/20240524050837im_/https://cartaholdings.co.jp/sustainability/" 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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837/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/20240524050837im_/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