沿革・受賞歴｜株式会社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/company/history/","20240420161430","https://web.archive.org/","web","/_static/", "1713629670"); </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/20240420161430/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/20240420161430/https://cartaholdings.co.jp/company/history/"/> <meta property="og:image" content="https://web.archive.org/web/20240420161430im_/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/20240420161430/https://cartaholdings.co.jp/company/history/"/> <title> 沿革・受賞歴｜株式会社CARTA HOLDINGS </title> <link rel="preload" href="https://web.archive.org/web/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430cs_/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/20240420161430cs_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.css?ver=38fc8d59adcab79116f2" media="all"/> <script defer src="https://web.archive.org/web/20240420161430js_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.js?ver=38fc8d59adcab79116f2" id="mytheme-script-js"></script> <link rel="canonical" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/history/"/> <link rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/en/company/history/"/> <link rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/history/"/> <link rel="icon" href="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-192x192.png" sizes="192x192"/> <link rel="icon" href="https://web.archive.org/web/20240420161430im_/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/20240420161430im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/apple-touch-icon-180x180.png"/> <link rel="preconnect" href="https://web.archive.org/web/20240420161430/https://fonts.googleapis.com/"/> <link rel="preconnect" href="https://web.archive.org/web/20240420161430/https://fonts.gstatic.com/" crossorigin/> <link href="https://web.archive.org/web/20240420161430cs_/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="company-template-default single single-company postid-24 wp-embed-responsive ja bg-white text-black">  <noscript> <iframe src="https://web.archive.org/web/20240420161430if_/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/20240420161430/https://cartaholdings.co.jp/en/company/history/" 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/20240420161430/https://cartaholdings.co.jp/company/history/" 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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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/20240420161430im_/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430im_/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/20240420161430/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/20240420161430/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;"> H </span> <span x-cloak style="--delay: 40ms;"> i </span> <span x-cloak style="--delay: 80ms;"> s </span> <span x-cloak style="--delay: 120ms;"> t </span> <span x-cloak style="--delay: 160ms;"> o </span> <span x-cloak style="--delay: 200ms;"> r </span> <span x-cloak style="--delay: 240ms;"> y </span> <span x-cloak style="--delay: 280ms;"> ・ </span> <span x-cloak style="--delay: 320ms;"> A </span> <span x-cloak style="--delay: 360ms;"> w </span> <span x-cloak style="--delay: 400ms;"> a </span> <span x-cloak style="--delay: 440ms;"> r </span> <span x-cloak style="--delay: 480ms;"> d </span> <span x-cloak style="--delay: 520ms;"> s </span> </span> </span> <span x-cloak class="page-title__sub text-ja-title-m text-light-gray-text mt-8 md:mt-10"> 沿革・受賞歴 </span> </h1> </div> <div class="border-b border-light-gray-line "></div> </div> </header> <div x-data="companyHistory([1996,1999,2000,2001,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2019,2020,2021,2022,2023])" class="container grid lg:grid-cols-[calc(6/28*100%),1fr] lg:grid-rows-[min-content,1fr] pt-48 md:pt-80"> <div class="lg:row-start-1 lg:row-span-full lg:h-max lg:sticky lg:top-[calc(var(--site-main-margin)+5rem)]"> <ul class="flex justify-center lg:flex-col gap-20 lg:gap-15"> <li> <button x-ref="historyTab" x-on:click="toggleTab" class="company-history__button h-[1.4375rem] relative rounded-full px-12 aria-selected:pointer-events-none" aria-selected="true"> <svg class="absolute top-0 left-0 w-full h-full -scale-100" width="82" height="23" viewbox="0 0 82 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="81" height="22" rx="11" stroke="black"/> </svg> <span class="block pt-2 ja:text-ja-en-label-m en:text-en-label-m uppercase"> History </span> </button> </li> <li> <button x-ref="awardsTab" x-on:click="toggleTab" class="company-history__button h-[1.4375rem] relative rounded-full px-12 aria-selected:pointer-events-none"> <svg class="absolute top-0 left-0 w-full h-full -scale-100" width="82" height="23" viewbox="0 0 82 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="81" height="22" rx="11" stroke="black"/> </svg> <span class="block pt-2 ja:text-ja-en-label-m en:text-en-label-m uppercase"> Awards </span> </button> </li> </ul> <div class="md:mt-40 hidden lg:block"> <nav x-ref="historyNav" class="relative opacity-0 [&.-active]:opacity-100 transition-opacity duration-300 font-gotham-medium text-11 leading-175 tracking-4 -active [--index:0]"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden lg:block absolute z-10 top-0 left-0 translate-y-[calc(var(--y))] transition-transform duration-400 ease-3"> <circle cx="4.25" cy="4.25" r="4" stroke="currentColor" stroke-width="0.5"/> </svg> <ol> <template x-for="(item, index) in historyNavItemsByAnnual"> <li class="group h-20" :data-target="item.targetYear"> <button x-on:click="scrollTo(item.targetYear)" class="flex items-center gap-x-7 lg:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden lg:block"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span x-text="item.label"></span> </button> </li> </template> </ol> </nav> <nav x-ref="awardsNav" hidden class="relative opacity-0 [&.-active]:opacity-100 transition-opacity duration-300 font-gotham-medium text-11 leading-175 tracking-4 [--index:0]"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden lg:block absolute z-10 top-0 left-0 translate-y-[calc(var(--y))] transition-transform duration-400 ease-3"> <circle cx="4.25" cy="4.25" r="4" stroke="currentColor" stroke-width="0.5"/> </svg> <ol> <li class="group h-20" aria-current="location" data-target="2021"> <button x-on:click="scrollTo('2021')" class="flex items-center gap-x-7 lg:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden lg:block"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>2021</span> </button> </li> <li class="group h-20" data-target="2023"> <button x-on:click="scrollTo('2023')" class="flex items-center gap-x-7 lg:text-gray-text transition-colors duration-300 group-aria-[current='location']:text-black"> <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden lg:block"> <circle cx="4.25" cy="4.25" r="1.25" fill="currentColor"/> </svg> <span>2023</span> </button> </li> </ol> </nav> </div> </div> <div class="mt-48 md:mt-58 lg:mt-0 lg:col-start-2 grid [&>section]:col-start-1 [&>section]:row-start-1"> <section x-ref="history" class="opacity-0 [&.-active]:opacity-100 transition-opacity duration-300 -active"> <ol> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 " data-year="1996"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 1996 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 株式会社電通（現：株式会社電通グループ）とソフトバンク株式会社（現：ソフトバンクグループ株式会社）の共同事業として、株式会社サイバー・コミュニケーションズを設立、インターネット広告および関連事業を開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="1999"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 1999 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> インターネット関連事業を目的として株式会社アクシブドットコム（現：株式会社VOYAGE GROUP）を設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 11月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> アクシブドットコムが懸賞情報サイト「MyID」のサービスを開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2000"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2000 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが大阪支社を設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが大阪証券所ヘラクレス市場（現：東京証券取引所グロース市場）上場 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2001"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2001 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> アクシブドットコムが株式会社サイバーエージェントの連結対象子会社となる </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2003"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2003 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが東京証券取引所マザーズ市場へ市場変更 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2004"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2004 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 5月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが動画広告事業を開始 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 7月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> アクシブドットコムが「MyID」をリニューアルし価格比較サイト「ECナビ」のサービスを開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2005"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2005 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> アクシブドットコムが社名を「株式会社ECナビ」へ変更 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2006"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2006 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがアドネットワーク「ADJUST」を構築 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 3月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが九州支社を設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが中部支社を設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2007"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2007 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ECナビがポイントサイト「PeX」を運営する子会社として株式会社PeX（現：株式会社DIGITALIO）を設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2008"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2008 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがクロスメディア事業を開始 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ECナビが検索連動型広告の導入支援事業を運営する子会社として株式会社adingo（現：株式会社fluct）を設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2009"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2009 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 2月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが音声広告事業を開始 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 7月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズが電通による完全子会社化にともない、上場廃止 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2010"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2010 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> adingoがインターネットメディアの広告収益最大化を支援するSSP「fluct」のサービスを開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2011"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2011 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがスマートフォン広告事業を開始 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 3月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ECナビがインターネット関連ベンチャー企業への投資などを行う子会社として株式会社ECナビベンチャーズ（現：株式会社CARTA VENTURES）を設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ECナビがモバイル・スマートフォン向け広告事業を運営する子会社として株式会社Zucksを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ECナビが社名を「株式会社VOYAGE GROUP」へ変更 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2012"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2012 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPが学生エンジニア向け採用支援を運営する子会社として株式会社サポーターズを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPがMBOによりサイバーエージェントの連結対象子会社から外れる </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがオンラインアドエクスチェンジ事業を開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2013"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2013 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 3月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPが運営する「ECナビ」を価格比較サイトからポイントサイトへと転換 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2014"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2014 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 7月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPが東京証券取引所マザーズ市場（現：東京証券取引所グロース市場）上場 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2015"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2015 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPが東京証券取引所市場第一部（現：東京証券取引所プライム市場）へ市場変更 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2016"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2016 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがロケーションベースマーケティング事業を開始 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2017"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2017 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 2月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズがADJUSTを「BeyondXシリーズ」として名称変更。サービスを刷新 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 11月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPがゲーム情報メディア「神ゲー攻略」を運営する子会社として株式会社VOYAGE Lighthouse Studio（現：株式会社Lighthouse Studio）を設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2019"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2019 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> VOYAGE GROUPとサイバー・コミュニケーションズが経営統合し、両社の純粋持ち株会社として株式会社CARTA HOLDINGSを発足 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 5月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 東京都渋谷区道玄坂に本社を移転 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> データコンサルティング／データ基盤開発・運用事業を運営する子会社として株式会社DataCurrentを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 6月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ペットメディア事業を運営する株式会社rakanuを完全子会社化 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 8月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> オンオフ統合マーケティング支援事業を運営する子会社として株式会社ATRACを設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2020"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2020 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> DtoCに特化した広告支援業を運営する子会社として株式会社Barrizを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 広告・マーケティング領域専門BPO支援業を運営する子会社として株式会社ビズテーラー・パートナーズを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 12月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> リテールDX支援事業を運営する子会社として株式会社デジクルを設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2021"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2021 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> ブランド広告主向けアドプラットフォーム事業を運営する子会社として株式会社PORTOを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 運用型テレビCM事業を運営する子会社として株式会社テレシーを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 7月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> サイバー・コミュニケーションズの事業部門を承継した株式会社CARTA COMMUNICATIONSを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> パフォーマンス特化型マーケティング支援事業を運営する子会社として株式会社CARTA AGEを設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b md:border-b-0 mt-40 md:mt-0" data-year="2022"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2022 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> グループ会社の経営管理機能の統一を目的として、VOYAGE GROUPとサイバー・コミュニケーションズを吸収合併 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 4月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 東京証券取引所の市場区分の変更にともないプライム市場へ移行 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 9月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 運用型デジタル広告オペレーション支援事業を運営する子会社として株式会社CARTA KNOTを設立 </p> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line border-b mt-40 md:mt-0" data-year="2023"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:mt-38 ja:text-ja-en-title-s en:text-en-title-s"> 2023 </div> <div class="mt-18 md:mt-0 md:grow"> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line md:border-none"> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 1月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 企業のWebマーケター育成を行う動画eラーニング事業を運営する株式会社D-Marketing Academyを完全子会社化 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 10月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> グループ内のマーケティング事業領域の強化を図るため、Zucks、ATRAC、PORTO、CARTA AGEの4社を統合し、新たに株式会社CARTA MARKETING FIRMを設立 </p> </div> </div> <div class="py-18 md:py-30 md:flex border-t border-light-gray-line "> <div class="md:w-[calc(3/19*100%)] md:shrink-0 text-ja-title-xs"> 12月 </div> <div class="mt-8 md:mt-0"> <p class="ja:text-ja-body-xs en:text-en-body-xs md:text-gray-text"> 東京都港区虎ノ門に本社を移転 </p> </div> </div> </div> </li> </ol> </section> <section x-ref="awards" hidden class="opacity-0 [&.-active]:opacity-100 transition-opacity duration-300"> <ol> <li class="md:flex md:border-t border-light-gray-line " data-year="2021"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:pt-58 ja:text-ja-en-title-s en:text-en-title-s"> 2021 </div> <div class="md:border-none mt-18 md:mt-0 md:grow"> <div class="mt-20 md:mt-0 md:flex border-t border-light-gray-line pt-20 md:pt-0 md:border-none"> <div class="pr-[1em] md:w-[calc(3/19*100%)] md:shrink-0 md:pt-58 ja:md:mt-[-0.5em] ja:text-ja-title-xs en:text-en-title-s"> デジタル広告の品質認証 </div> <div class="md:grow"> <div class="py-30 md:flex md:gap-x-[calc(1/16*100%)] border-light-gray-line "> <div class="md:order-1 md:w-[calc(4/16*100%)] md:shrink-0"> <picture class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <source srcset="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/JIQDAQ_CAA.png" media="(min-width: 640px)"/> <img src="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/JIQDAQ_CAA.png" alt=""/> </picture> </div> <div class="mt-16 md:grow md:mt-20 flex flex-col"> <div class="ja:text-ja-title-s en:text-en-title-xs text-[#464646]"> デジタル広告品質認証機構（JICDAQ） </div> <div class="mt-10 md:mt-16 ja:text-ja-label-xs en:text-en-label-xs text-gray-text"> 無効トラフィック対策 </div> <div class="prose mt-auto pt-20"> <a class="c-text-hover underline ja:text-ja-label-m en:font-gotham-medium en:text-12 en:leading-155 en:-tracking-4" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/news/20211201_01/" target="_blank"> ニュースリリース </a> </div> </div> </div> <div class="py-30 md:flex md:gap-x-[calc(1/16*100%)] border-light-gray-line border-t "> <div class="md:order-1 md:w-[calc(4/16*100%)] md:shrink-0"> <picture class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <source srcset="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/JIQDAQ_BSC.png" media="(min-width: 640px)"/> <img src="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/JIQDAQ_BSC.png" alt=""/> </picture> </div> <div class="mt-16 md:grow md:mt-20 flex flex-col"> <div class="ja:text-ja-title-s en:text-en-title-xs text-[#464646]"> デジタル広告品質認証機構（JICDAQ） </div> <div class="mt-10 md:mt-16 ja:text-ja-label-xs en:text-en-label-xs text-gray-text"> ブランドセーフティ </div> <div class="prose mt-auto pt-20"> <a class="c-text-hover underline ja:text-ja-label-m en:font-gotham-medium en:text-12 en:leading-155 en:-tracking-4" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/news/20211201_01/" target="_blank"> ニュースリリース </a> </div> </div> </div> </div> </div> </div> </li> <li class="md:flex md:border-t border-light-gray-line md:border-b mt-60 md:mt-0" data-year="2023"> <div class="md:w-[calc(3/22*100%)] md:shrink-0 md:pt-58 ja:text-ja-en-title-s en:text-en-title-s"> 2023 </div> <div class="md:border-none mt-18 md:mt-0 md:grow"> <div class="mt-20 md:mt-0 md:flex border-t border-light-gray-line pt-20 md:pt-0 md:border-none"> <div class="pr-[1em] md:w-[calc(3/19*100%)] md:shrink-0 md:pt-58 ja:md:mt-[-0.5em] ja:text-ja-title-xs en:text-en-title-s"> 女性活躍 </div> <div class="md:grow"> <div class="py-30 md:flex md:gap-x-[calc(1/16*100%)] border-light-gray-line "> <div class="md:order-1 md:w-[calc(4/16*100%)] md:shrink-0"> <picture class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <source srcset="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/eruboshi.png" media="(min-width: 640px)"/> <img src="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/09/eruboshi.png" alt=""/> </picture> </div> <div class="mt-16 md:grow md:mt-20 flex flex-col"> <div class="ja:text-ja-title-s en:text-en-title-xs text-[#464646]"> えるぼし認定 </div> <div class="mt-10 md:mt-16 ja:text-ja-label-xs en:text-en-label-xs text-gray-text"> 3つ星 </div> <div class="prose mt-auto pt-20"> <a class="c-text-hover underline ja:text-ja-label-m en:font-gotham-medium en:text-12 en:leading-155 en:-tracking-4" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/news/20230714_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> </div> </div> <div class="mt-20 md:mt-0 md:flex border-t border-light-gray-line pt-20 md:pt-0 "> <div class="pr-[1em] md:w-[calc(3/19*100%)] md:shrink-0 md:pt-58 ja:md:mt-[-0.5em] ja:text-ja-title-xs en:text-en-title-s"> LGBTQ+ </div> <div class="md:grow"> <div class="py-30 md:flex md:gap-x-[calc(1/16*100%)] border-light-gray-line "> <div class="md:order-1 md:w-[calc(4/16*100%)] md:shrink-0"> <picture class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <source srcset="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/11/pride_index.png" media="(min-width: 640px)"/> <img src="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/11/pride_index.png" alt=""/> </picture> </div> <div class="mt-16 md:grow md:mt-20 flex flex-col"> <div class="ja:text-ja-title-s en:text-en-title-xs text-[#464646]"> PRIDE指標2023 </div> <div class="mt-10 md:mt-16 ja:text-ja-label-xs en:text-en-label-xs text-gray-text"> ゴールド </div> <div class="prose mt-auto pt-20"> <a class="c-text-hover underline ja:text-ja-label-m en:font-gotham-medium en:text-12 en:leading-155 en:-tracking-4" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/news/20231107_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> </div> </div> <div class="mt-20 md:mt-0 md:flex border-t border-light-gray-line pt-20 md:pt-0 "> <div class="pr-[1em] md:w-[calc(3/19*100%)] md:shrink-0 md:pt-58 ja:md:mt-[-0.5em] ja:text-ja-title-xs en:text-en-title-s"> ダイバーシティ＆インクルージョン </div> <div class="md:grow"> <div class="py-30 md:flex md:gap-x-[calc(1/16*100%)] border-light-gray-line "> <div class="md:order-1 md:w-[calc(4/16*100%)] md:shrink-0"> <picture class="l-frame l--n-3 l--d-2 md:l--n-1 md:l--d-1 rounded bg-gray-bg [&>img]:object-contain"> <source srcset="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/12/DIAWARD2023.png" media="(min-width: 640px)"/> <img src="https://web.archive.org/web/20240420161430im_/https://cartaholdings.co.jp/wp-content/uploads/2023/12/DIAWARD2023.png" alt=""/> </picture> </div> <div class="mt-16 md:grow md:mt-20 flex flex-col"> <div class="ja:text-ja-title-s en:text-en-title-xs text-[#464646]"> D&l; AWARD 2023 </div> <div class="mt-10 md:mt-16 ja:text-ja-label-xs en:text-en-label-xs text-gray-text"> ベストワークプレイス </div> <div class="prose mt-auto pt-20"> <a class="c-text-hover underline ja:text-ja-label-m en:font-gotham-medium en:text-12 en:leading-155 en:-tracking-4" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/news/20231213_1/" target="_blank"> ニュースリリース </a> </div> </div> </div> </div> </div> </div> </li> </ol> </section> </div> </div> <footer class="pt-100 md:pt-140 bg-white"> <ol class="container l-grid l--col-2 xl:l--col-3 l--space-p-[60/1120] gap-y-0"> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/message/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Top Message </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 代表挨拶 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/purpose/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Purpose </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> ブランドパーパス </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/philosophy/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Philosophy </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 企業理念 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/board_members/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Board Members </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 経営陣紹介 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/profile/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Company Profile </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 会社概要 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/history/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> History・Awards </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 沿革・受賞歴 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/profile/#access"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Access </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> アクセス </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/group/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Group Companies </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 関連会社 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/logo/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Logo </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> ロゴについて </span> </span> </a> </li> </ol> <div class="base-breadcrumb container !pr-0 lg:px-[min(calc(3/36*100%),7.5rem)] mt-100 md:mt-140 pb-30 md:pb-20 overflow-hidden text-ja-en-label-m"> <ol class="flex items-center gap-x-10"> <li><a class="c-text-hover" href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/">HOME</a></li> <li> <a href="https://web.archive.org/web/20240420161430/https://cartaholdings.co.jp/company/" class="c-text-hover"> Company </a> </li> <li> <span class=""> History・Awards </span> </li> </ol> </div> </footer> </main> <footer class="sticky top-full bg-black text-white"> <div class="absolute w-full h-full top-0"> <video x-data="video" x-ref="video" class="w-full h-full object-cover" playsinline muted loop autoplay> <source src="/web/20240420161430im_/https://cartaholdings.co.jp/company/history/" 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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430/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/20240420161430im_/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