株式会社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/","20240420154946","https://web.archive.org/","web","/_static/", "1713628186"); </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/20240420154946/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/20240420154946/https://cartaholdings.co.jp/"/> <meta property="og:image" content="https://web.archive.org/web/20240420154946im_/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/20240420154946/https://cartaholdings.co.jp/"/> <title> 株式会社CARTA HOLDINGS </title> <link rel="preload" href="https://web.archive.org/web/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946cs_/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/20240420154946cs_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.css?ver=38fc8d59adcab79116f2" media="all"/> <script defer src="https://web.archive.org/web/20240420154946js_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.js?ver=38fc8d59adcab79116f2" id="mytheme-script-js"></script> <link rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/"/> <link rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/en/"/> <link rel="icon" href="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-192x192.png" sizes="192x192"/> <link rel="icon" href="https://web.archive.org/web/20240420154946im_/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/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/apple-touch-icon-180x180.png"/> <link rel="preconnect" href="https://web.archive.org/web/20240420154946/https://fonts.googleapis.com/"/> <link rel="preconnect" href="https://web.archive.org/web/20240420154946/https://fonts.gstatic.com/" crossorigin/> <link href="https://web.archive.org/web/20240420154946cs_/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="home blog wp-embed-responsive ja bg-white text-black">  <noscript> <iframe src="https://web.archive.org/web/20240420154946if_/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/20240420154946/https://cartaholdings.co.jp/en/" 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/20240420154946/https://cartaholdings.co.jp/" 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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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/20240420154946im_/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946im_/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/20240420154946/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/20240420154946/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 x-data="top" class="relative bg-black text-white [--kv-margin:max(38.546vh,200px)] md:[--kv-margin:max(calc(333/876*100vh),20.8125rem)] [--kv-header-h:calc(var(--site-viewport-height)-var(--site-main-margin)-var(--kv-margin))] pt-[calc(var(--site-main-margin)+var(--kv-margin))]"> <div class="fixed w-full top-0 h-screen"> <video x-data="video" x-ref="video" class="w-full h-full object-cover" playsinline muted loop autoplay> <source src="/web/20240420154946im_/https://cartaholdings.co.jp/" 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="top-kv__video sticky top-0 h-screen overflow-hidden" x-ref="kvVideoWrap"> <div class="top-kv__video-mask absolute inset-0" x-ref="kvVideoMask"></div> <div class="top-kv__video-inner w-full h-full" x-ref="kvVideoInner"> <video x-ref="kvVideo" class="w-full h-full object-cover transform-gpu" src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/kv.mp4" playsinline muted loop autoplay></video> <div class="absolute inset-0 bg-black opacity-30"></div> <div x-ref="kvVideoCover" class="absolute inset-0 opacity-0"> <picture class="absolute inset-0 w-full h-full object-cover opacity-80"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/blur.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/blur.jpeg" alt=""/> </picture> <div class="absolute inset-0 bg-black opacity-50"></div> </div> </div> </div> <header class="absolute top-[calc(var(--site-main-margin)+var(--kv-margin))] inset-x-0 container h-[var(--kv-header-h)] border-[yellow]"> <h1 class="sr-only"> 株式会社CARTA HOLDINGS </h1> <div class="xl:ml-[calc(6/28*100%)] h-full flex flex-col justify-between"> <div> <h2 class="top-kv__title text-ja-display-xl mt-[-2.2em] md:mt-[-2.35em] whitespace-nowrap" x-ref="kvTitle"> <span class="top-kv__title1"> <span class="top-kv__title-inner"> <span class="top-kv__title-text">私たちは、</span> <span class="top-kv__title-mask"></span> </span> </span> <span class="top-kv__title2"> <span class="top-kv__title-inner"> <span class="top-kv__title-text">進化推進業です。</span> <span class="top-kv__title-mask"></span> </span> </span> </h2> <p class="top-kv__subtitle mt-22 md:mt-34 font-gotham-medium text-12 leading-95 tracking-5 md:text-14" x-ref="kvSubtitle"> The Evolution Factory </p> </div> <div class="top-kv__button mt-60 mb-60 md:mb-126" x-ref="kvButton"> <a href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/company/philosophy/" class="base-button-l inline-flex items-center gap-12 justify-between pl-34 pr-28 pt-20 pb-20 min-w-[12.5rem] min-h-[3.75rem] rounded-full bg-white text-black text-ja-label-xl [--hover-color:#fff] [--hover-bg:#000] "> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap "> 企業理念 </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> </header> <div class="relative z-10 mt-[calc(var(--kv-header-h)-var(--site-viewport-height))]"> <div x-ref="kvBottom" class="[--video-height:100vh] mt-[calc(var(--video-height)-var(--kv-header-h))] border-[skyblue]"></div> <section class="container mt-100 md:mt-150"> <div class="l-sidebar l--space-42 md:l--width-p-[4/28] md:l--space-p-[4/28] md:items-start"> <div class="flex justify-between md:flex-col gap-40"> <h2 class="top-section-title " x-data="topSectionTitle"> <span class="top-section-title__en inline-flex uppercase ja:text-ja-en-display-s en:text-en-display-s"> <span style="transition-delay: 0ms;"> N </span> <span style="transition-delay: 40ms;"> e </span> <span style="transition-delay: 80ms;"> w </span> <span style="transition-delay: 120ms;"> s </span> </span> <span class="top-section-title__ja block mt-6 md:mt-10 text-ja-title-s text-light-gray-text"> お知らせ </span> </h2> <a href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/news/" 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:#fff] md:min-w-[12.5rem]"> <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> <ol class="l-stack l--space-30"> <li> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240420154946/https://carta-marketing-firm.co.jp/blog/061/" target="_blank"> <span class="l-sidebar l--space-15 md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/20240418small.jpg" alt=""/> </div> </div> <span class="flex flex-col md:py-18 md:pr-40"> <span class="flex items-center"> <time class="text-ja-en-label-m" datetime="2024-04-18 11:00:00"> 2024.4.18 </time> <span class="w-1 h-9 bg-dark-gray-line mx-16"> </span> <span class="text-ja-en-label-s uppercase"> Press </span> </span> <span class="mt-14 text-ja-title-l line-clamp-3"> CARTA MARKETING FIRM、韓国発の激辛麺「ブルダック炒め麺」シリーズ日本初のWeb CM 「ブルダック『辛すぎ！でも旨すぎ！』」の制作を担当 </span> <span class="pt-22 mt-auto text-light-gray-text text-ja-label-s"> 株式会社CARTA MARKETING FIRM </span> </span> </span> </a> </li> <li> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/news/20240412_1/"> <span class="l-sidebar l--space-15 md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/20240412_dotLIFE_MainA-768x512.png" alt=""/> </div> </div> <span class="flex flex-col md:py-18 md:pr-40"> <span class="flex items-center"> <time class="text-ja-en-label-m" datetime="2024-04-12 11:00:00"> 2024.4.12 </time> <span class="w-1 h-9 bg-dark-gray-line mx-16"> </span> <span class="text-ja-en-label-s uppercase"> Press </span> </span> <span class="mt-14 text-ja-title-l line-clamp-3"> 『French Bulldog Life x ルノーカングー』コラボブースが実現！4/12(金)~14(日)開催「GO OUT JAMBOREE 2024」出展 </span> <span class="pt-22 mt-auto text-light-gray-text text-ja-label-s"> 株式会社dot LIFE </span> </span> </span> </a> </li> <li> <a class="c-thumbnail-hover block" href="https://web.archive.org/web/20240420154946/https://www.cci.co.jp/news/20085" target="_blank"> <span class="l-sidebar l--space-15 md:l--width-p-[7/20] md:l--space-p-[1/20] items-start"> <div class="c-thumbnail-hover__image "> <div class="l-frame l--n-3 l--d-2"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/CARTAニュースアイキャッチ.png" alt=""/> </div> </div> <span class="flex flex-col md:py-18 md:pr-40"> <span class="flex items-center"> <time class="text-ja-en-label-m" datetime="2024-04-11 13:00:00"> 2024.4.11 </time> <span class="w-1 h-9 bg-dark-gray-line mx-16"> </span> <span class="text-ja-en-label-s uppercase"> News </span> </span> <span class="mt-14 text-ja-title-l line-clamp-3"> CCI、Meta の「メディア認定企業」に認定 </span> <span class="pt-22 mt-auto text-light-gray-text text-ja-label-s"> 株式会社CARTA COMMUNICATIONS（CCI） </span> </span> </span> </a> </li> </ol> </div> </section> <section> <div class="container mt-100 md:mt-150"> <div class="mb-100 md:mb-150 border-t border-dark-gray-line"></div> <div class="l-sidebar l--space-64 md:l--width-p-[12/28] md:l--space-p-[1/28]"> <div> <h2 class="top-section-title " x-data="topSectionTitle"> <span class="top-section-title__en inline-flex uppercase ja:text-ja-en-display-s en:text-en-display-s"> <span style="transition-delay: 0ms;"> B </span> <span style="transition-delay: 40ms;"> u </span> <span style="transition-delay: 80ms;"> s </span> <span style="transition-delay: 120ms;"> i </span> <span style="transition-delay: 160ms;"> n </span> <span style="transition-delay: 200ms;"> e </span> <span style="transition-delay: 240ms;"> s </span> <span style="transition-delay: 280ms;"> s </span> </span> <span class="top-section-title__ja block mt-6 md:mt-10 text-ja-title-s text-light-gray-text"> 私たちの事業 </span> </h2> </div> <div> <h3 class="ja:text-ja-display-l ja:md:mt-[-0.4em] en:text-en-display-l en:md:mt-[-0.1em]"> あらゆる力を、<br/>進化のために。 </h3> <p class="mt-40 text-light-gray-text ja:text-ja-body-l en:text-en-body-l"> CARTA HOLDINGSは、一つの事業を行っているのではなく、デジタルを通じ、多様で新しいサービスやコンテンツを生み出しています。「時代の進化を創る」という目的のもと、企業・産業の進化を推進する、「進化推進業」を目指してまいります。 </p> <a href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/business/" class="base-button-l inline-flex items-center gap-12 justify-between pl-34 pr-28 pt-20 pb-20 min-w-[12.5rem] min-h-[3.75rem] rounded-full bg-white text-black text-ja-label-xl [--hover-color:#fff] [--hover-bg:#000] mt-48"> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap "> 事業 </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> </div> <div class="relative flex overflow-hidden mt-40 md:mt-100"> <div class="base-infinite-carousel__wrap flex shrink-0 items-end"> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-1 l--d-1 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_1.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_1.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_2.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_2.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_3.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_3.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-1 l--d-1 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_4.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_4.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_5.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_5.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_6.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_6.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-1 l--d-1 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_1.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_1.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_2.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_2.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_3.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_3.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-1 l--d-1 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_4.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_4.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_5.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_5.jpg" alt=""/> </picture> </div> <div class="relative shrink-0 w-[72.8vw] md:w-[32.638vw] px-[6vw] md:px-[2.77vw]"> <picture class="l-frame l--n-4 l--d-5 rounded"> <source srcset="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_6.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/top/carousel_6.jpg" alt=""/> </picture> </div> </div> <div class="absolute right-0 -bottom-1 w-[57.846vw] md:w-[36.111vw]"> <svg class="w-full h-full" width="570" height="858" viewbox="0 0 570 858" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M885 0C885 473.884 488.797 858 0 858L885 858L885 0Z" class="fill-gray-bg"/> </svg> </div> </div> </section> <section class="bg-gray-bg text-black pt-100 pb-80 md:pt-150 md:pb-70"> <div class="container"> <div class="l-sidebar l--space-64 md:l--width-p-[12/28] md:l--space-p-[1/28]"> <h2 class="top-section-title " x-data="topSectionTitle"> <span class="top-section-title__en inline-flex uppercase ja:text-ja-en-display-s en:text-en-display-s"> <span style="transition-delay: 0ms;"> S </span> <span style="transition-delay: 40ms;"> u </span> <span style="transition-delay: 80ms;"> s </span> <span style="transition-delay: 120ms;"> t </span> <span style="transition-delay: 160ms;"> a </span> <span style="transition-delay: 200ms;"> i </span> <span style="transition-delay: 240ms;"> n </span> <span style="transition-delay: 280ms;"> a </span> <span style="transition-delay: 320ms;"> b </span> <span style="transition-delay: 360ms;"> i </span> <span style="transition-delay: 400ms;"> l </span> <span style="transition-delay: 440ms;"> i </span> <span style="transition-delay: 480ms;"> t </span> <span style="transition-delay: 520ms;"> y </span> </span> <span class="top-section-title__ja block mt-6 md:mt-10 text-ja-title-s text-light-gray-text"> サステナビリティ </span> </h2> <div> <h3 class="ja:text-ja-display-m ja:md:mt-[-0.5em] en:text-en-display-m en:md:mt-[-0.2em]"> <span class="font-gotham-medium -tracking-5">CARTA HOLDINGS</span>が考える<br/>未来について </h3> <p class="mt-30 md:mt-40 text-gray-text ja:text-ja-body-l en:text-en-body-l"> CARTA HOLDINGSは、企業活動を通じてさまざまな環境・社会・経済問題への配慮や課題の解決に積極的に取り組み、社会的価値と経済的価値の創出を両立しながら、パーパス「人の想いで、人と未来の可能性を、拓いていく」を実現してまいります。 </p> <a href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/sustainability/" class="base-button-l inline-flex items-center gap-12 justify-between pl-34 pr-28 pt-20 pb-20 min-w-[12.5rem] min-h-[3.75rem] rounded-full bg-black text-white text-ja-label-xl [--hover-color:#000] [--hover-bg:#fff] mt-48"> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap "> サステナビリティ </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> </div> </section> <section class="bg-gray-bg text-black pb-100 md:pb-150"> <div class="container"> <div class="pt-80 md:pt-70 border-t border-light-gray-line"></div> <div class="l-sidebar l--space-64 md:l--width-p-[12/28] md:l--space-p-[1/28]"> <h2 class="top-section-title " x-data="topSectionTitle"> <span class="top-section-title__en inline-flex uppercase ja:text-ja-en-display-s en:text-en-display-s"> <span style="transition-delay: 0ms;"> E </span> <span style="transition-delay: 40ms;"> n </span> <span style="transition-delay: 80ms;"> g </span> <span style="transition-delay: 120ms;"> i </span> <span style="transition-delay: 160ms;"> n </span> <span style="transition-delay: 200ms;"> e </span> <span style="transition-delay: 240ms;"> e </span> <span style="transition-delay: 280ms;"> r </span> <span style="transition-delay: 320ms;"> i </span> <span style="transition-delay: 360ms;"> n </span> <span style="transition-delay: 400ms;"> g </span> </span> <span class="top-section-title__ja block mt-6 md:mt-10 text-ja-title-s text-light-gray-text"> エンジニアリング </span> </h2> <div> <h3 class="text-ja-display-m md:mt-[-0.5em]"> 人にもっと<br/>創造的な仕事を </h3> <p class="mt-30 md:mt-40 text-ja-body-l text-gray-text"> CARTA HOLDINGSは、技術と真摯に向き合い、世界をより良くしたいと考えています。技術を磨き、世の中と向き合い、課題を見つけます。人々が考え、解く力をわたしたちは信じています。課題を楽しみ、チームで支え合いながら、実世界の課題を解決してまいります。 </p> <a href="https://web.archive.org/web/20240420154946/https://cartaholdings.co.jp/engineering/" class="base-button-l inline-flex items-center gap-12 justify-between pl-34 pr-28 pt-20 pb-20 min-w-[12.5rem] min-h-[3.75rem] rounded-full bg-black text-white text-ja-label-xl [--hover-color:#000] [--hover-bg:#fff] mt-48"> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap "> エンジニアリング </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> </div> </section> <section class="bg-white text-black py-100 md:pt-150"> <div class="container flex flex-col items-center"> <h2 class="top-section-title flex flex-col items-center" x-data="topSectionTitle"> <span class="top-section-title__en inline-flex uppercase ja:text-ja-en-display-s en:text-en-display-s"> <span style="transition-delay: 0ms;"> F </span> <span style="transition-delay: 40ms;"> e </span> <span style="transition-delay: 80ms;"> a </span> <span style="transition-delay: 120ms;"> t </span> <span style="transition-delay: 160ms;"> u </span> <span style="transition-delay: 200ms;"> r </span> <span style="transition-delay: 240ms;"> e </span> <span style="transition-delay: 280ms;"> s </span> </span> <span class="top-section-title__ja block mt-6 md:mt-10 text-ja-title-s text-light-gray-text"> 特集記事 </span> </h2> <ol class="mt-52 grid md:grid-cols-[calc(12/28*100%),1fr] md:grid-rows-3 md:gap-x-[calc(2/28*100%)] gap-y-30"> <li class="row-span-3 pb-20 md:pb-0 "> <a href="https://web.archive.org/web/20240420154946/https://evolution.cartaholdings.co.jp/article-0038/" class="c-thumbnail-hover flex flex-col" target="_blank"> <span class=" c-thumbnail-hover__image"> <span class="l-frame l--n-[240] l--d-[161]"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/EVO38_Image1Aii.jpg" alt=""/> </span> </span> <span class="flex flex-col mt-14 md:mt-24"> <span class="flex items-center"> <time class="text-ja-en-label-m"> 2024.4.03 </time> <span class="w-1 h-9 bg-light-gray-line mx-16"> </span> <span class="text-ja-label-m"> 採用の進化 </span> </span> <span class="text-ja-headline-s mt-14"> 国内最大級のエンジニア学生向けテックカンファレンス「技育祭2024(春)」レポート </span> <span class="mt-10 text-ja-body-s text-gray-text line-clamp-3"> CARTA HOLDINGSの事業会社である株式会社サポーターズは、ITエンジニア学生向けのカンファレンス「技育祭2024(春)」を開催しました！約3,000名の学生が参加した本イベントでは、2日間で21のセッションを実施しました。その2日間を振り返りながら、イベントの様子、ハイライトをお届けします！ </span> </span> </a> </li> <li class="border-b border-light-gray-line pb-30 "> <a href="https://web.archive.org/web/20240420154946/https://evolution.cartaholdings.co.jp/article-0037/" class="c-thumbnail-hover flex items-center gap-x-[calc(1/10*100%)] md:gap-x-[calc(1/14*100%)]" target="_blank"> <span class="w-[calc(4/10*100%)] md:w-[calc(6/14*100%)] shrink-0 c-thumbnail-hover__image"> <span class="l-frame l--n-[240] l--d-[161]"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/img_evolution_0037-01.jpg" alt=""/> </span> </span> <span class="flex flex-col "> <span class="flex items-center"> <time class="text-ja-en-label-xxs"> 2024.3.28 </time> <span class="w-1 h-9 bg-light-gray-line mx-8 md:mx-16"> </span> <span class="text-ja-label-xxs"> カルチャーの進化 </span> </span> <span class="text-ja-title-m mt-10 md:mt-20"> 自分の限界を決めない。CARTA AWARD新人賞受賞者の挑戦の軌跡。 </span> </span> </a> </li> <li class="border-b border-light-gray-line pb-30 "> <a href="https://web.archive.org/web/20240420154946/https://evolution.cartaholdings.co.jp/article-0036/" class="c-thumbnail-hover flex items-center gap-x-[calc(1/10*100%)] md:gap-x-[calc(1/14*100%)]" target="_blank"> <span class="w-[calc(4/10*100%)] md:w-[calc(6/14*100%)] shrink-0 c-thumbnail-hover__image"> <span class="l-frame l--n-[240] l--d-[161]"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/EVO_Vol.36_Image1.jpg" alt=""/> </span> </span> <span class="flex flex-col "> <span class="flex items-center"> <time class="text-ja-en-label-xxs"> 2024.3.08 </time> <span class="w-1 h-9 bg-light-gray-line mx-8 md:mx-16"> </span> <span class="text-ja-label-xxs"> カルチャーの進化 </span> </span> <span class="text-ja-title-m mt-10 md:mt-20"> 自分のキャリアや生き方を見つめ直す。 </span> </span> </a> </li> <li class="border-b border-light-gray-line pb-30 md:border-b-0 md:pb-0"> <a href="https://web.archive.org/web/20240420154946/https://evolution.cartaholdings.co.jp/article-0035/" class="c-thumbnail-hover flex items-center gap-x-[calc(1/10*100%)] md:gap-x-[calc(1/14*100%)]" target="_blank"> <span class="w-[calc(4/10*100%)] md:w-[calc(6/14*100%)] shrink-0 c-thumbnail-hover__image"> <span class="l-frame l--n-[240] l--d-[161]"> <img src="https://web.archive.org/web/20240420154946im_/https://cartaholdings.co.jp/wp-content/uploads/2024/04/Evo35_Image8Top-scaled.jpg" alt=""/> </span> </span> <span class="flex flex-col "> <span class="flex items-center"> <time class="text-ja-en-label-xxs"> 2024.3.04 </time> <span class="w-1 h-9 bg-light-gray-line mx-8 md:mx-16"> </span> <span class="text-ja-label-xxs"> カルチャーの進化 </span> </span> <span class="text-ja-title-m mt-10 md:mt-20"> 最大の社内イベント「CARTA EVOLUTiON AWARD」レポート～TOKYO NODE HALLから国内外に中継～ </span> </span> </a> </li> </ol> <a href="https://web.archive.org/web/20240420154946/https://evolution.cartaholdings.co.jp/" class="base-button-l inline-flex items-center gap-12 justify-between pl-34 pr-28 pt-20 pb-20 min-w-[12.5rem] min-h-[3.75rem] rounded-full bg-black text-white text-ja-label-xl [--hover-color:#000] [--hover-bg:#fff] mt-48 md:mt-88" target="_blank"> <span class="base-button__bg"></span> <span class="inline-block relative pr-[1em] flex flex-wrap "> 特集記事一覧 </span> <svg width="8" height="7" class="shrink-0 relative"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#external"/></svg> </a> </div> </section> </div> </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/20240420154946im_/https://cartaholdings.co.jp/" 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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946/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/20240420154946im_/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