代表挨拶｜株式会社CARTA HOLDINGS

<!DOCTYPE html> <html lang="ja"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://cartaholdings.co.jp/company/message/","20240420173452","https://web.archive.org/","web","/_static/", "1713634492"); </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/20240420173452/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/20240420173452/https://cartaholdings.co.jp/company/message/"/> <meta property="og:image" content="https://web.archive.org/web/20240420173452im_/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/20240420173452/https://cartaholdings.co.jp/company/message/"/> <title> 代表挨拶｜株式会社CARTA HOLDINGS </title> <link rel="preload" href="https://web.archive.org/web/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452cs_/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/20240420173452cs_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.css?ver=38fc8d59adcab79116f2" media="all"/> <script defer src="https://web.archive.org/web/20240420173452js_/https://cartaholdings.co.jp/wp-content/themes/mytheme/build/index.js?ver=38fc8d59adcab79116f2" id="mytheme-script-js"></script> <link rel="canonical" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/message/"/> <link rel="alternate" hreflang="en-US" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/en/company/message/"/> <link rel="alternate" hreflang="ja" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/message/"/> <link rel="icon" href="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/icon-192x192.png" sizes="192x192"/> <link rel="icon" href="https://web.archive.org/web/20240420173452im_/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/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/apple-touch-icon-180x180.png"/> <link rel="preconnect" href="https://web.archive.org/web/20240420173452/https://fonts.googleapis.com/"/> <link rel="preconnect" href="https://web.archive.org/web/20240420173452/https://fonts.gstatic.com/" crossorigin/> <link href="https://web.archive.org/web/20240420173452cs_/https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/> </head> <body x-data="app('https://cartaholdings.co.jp/wp-content/themes/mytheme')" class="company-template-default single single-company postid-19 wp-embed-responsive ja bg-white text-black">  <noscript> <iframe src="https://web.archive.org/web/20240420173452if_/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/20240420173452/https://cartaholdings.co.jp/en/company/message/" 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/20240420173452/https://cartaholdings.co.jp/company/message/" 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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/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/20240420173452im_/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452im_/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/20240420173452/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/20240420173452/https://cartaholdings.co.jp/" :href="url" class="p-6 -m-6 transition-opacity duration-300" :class="isStop ? 'opacity-100' : 'hover:opacity-100 opacity-30'" x-on:mouseenter="setLineToLink" x-on:mouseleave="setLineToCurrent" x-on:click="stopSetLine" rel="alternate" hreflang="en"> <span x-ref="linkText">EN</span> </a> </div> </div> </div> </nav> <button class="relative flex-shrink-0 w-42 h-42 xl:hidden" type="button" aria-label="Toggle Menu" aria-expanded="false" x-on:click="toggleMenu"> <span class="absolute inset-0 bg-white rounded-full"></span> <canvas class="w-full h-full [filter:invert(1)]" width="500" height="500"></canvas> </button> </div> </div> </header> <main> <header class="page-title bg-black-bg text-white " x-data="pageHeader"> <div class="container"> <div class="pt-[14.375rem] md:pt-[17.375rem] pb-38 md:pb-120 "> <h1 class="flex flex-col"> <span class="text-ja-en-display-m uppercase inline-flex flex-wrap gap-x-[0.3em]"> <span class="page-title__main inline-flex flex-wrap"> <span x-cloak style="--delay: 0ms;"> T </span> <span x-cloak style="--delay: 40ms;"> o </span> <span x-cloak style="--delay: 80ms;"> p </span> </span> <span class="page-title__main inline-flex flex-wrap"> <span x-cloak style="--delay: 0ms;"> M </span> <span x-cloak style="--delay: 40ms;"> e </span> <span x-cloak style="--delay: 80ms;"> s </span> <span x-cloak style="--delay: 120ms;"> s </span> <span x-cloak style="--delay: 160ms;"> a </span> <span x-cloak style="--delay: 200ms;"> g </span> <span x-cloak style="--delay: 240ms;"> e </span> </span> </span> <span x-cloak class="page-title__sub text-ja-title-m text-light-gray-text mt-8 md:mt-10"> 代表挨拶 </span> </h1> </div> <div class="border-b border-dark-gray-line "></div> </div> </header> <section class="bg-black-bg text-white pt-80 pb-100 md:pb-140"> <div class="container"> <div class="lg:flex lg:items-center lg:gap-x-[calc(2/28*100%)] "> <div class="lg:w-[calc(13/28*100%)] shrink-0 self-start "> <picture class="l-frame l--n-[311] l--d-[383] md:l--n-[13] md:l--d-[16] rounded"> <source srcset="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/message/1.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/message/1.jpg" alt=""/> </picture> </div> <div class="mt-30 lg:mt-0"> <h2 class="ja:text-ja-headline-l en:text-en-headline-l"> 人の想いで人と未来の<br>可能性を拓いていく </h2> <p class="mt-20 md:mt-40 text-light-gray-text ja:text-ja-body-m en:text-en-body-l"> 我々はインターネットという変化の激しい環境のなかで、20年以上にわたって成長し続けてきました。人の想いが世界を変える力を持つことを我々は信じています。それはこれからも変わりません。<br>そして人の想いで人と未来の可能性を拓いていく旅は、一人ではなく、みんなで進むもの。仲間と共に夢を追いかけ、協力し合い、力を合わせて進んでまいります。 </p> <p class="mt-24 md:mt-48 flex flex-col"> <span class="text-light-gray-text ja:tracking-6 ja:md:tracking-0 ja:font-cezanne-m ja:text-14 ja:leading-170 en:text-en-label-s"> 代表取締役社長執行役員 </span> <span class="md:mt-10 ja:text-ja-headline-m en:text-en-headline-m en:md:tracking-0 uppercase"> 宇佐美進典 </span> </p> </div> </div> </div> </section> <section class="container pt-100 md:pt-140"> <ol class="l-grid l--col-1 md:l--col-2 l--space-p-[60/1120] gap-y-30 md:gap-y-60"> <li class=" "> <a class="relative c-thumbnail-hover" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/purpose/"> <span class="c-thumbnail-hover__image"> <picture class="l-frame l--n-3 l--d-2"> <source srcset="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/purpose_ja.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/purpose_ja.jpg" alt=""/> </picture> </span> <span class="flex flex-col relative mt-14 md:mt-30"> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-xl"> <span class=""> Purpose </span> <svg width="6" height="8" class="shrink-0 "><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-6 md:mt-8 text-ja-title-s "> ブランドパーパス </span> </span> </a> </li> <li class=" "> <a class="relative c-thumbnail-hover" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/philosophy/"> <span class="c-thumbnail-hover__image"> <picture class="l-frame l--n-3 l--d-2"> <source srcset="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/philosophy.webp" type="image/webp"/> <img src="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/company/philosophy.jpg" alt=""/> </picture> </span> <span class="flex flex-col relative mt-14 md:mt-30"> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-xl"> <span class=""> Philosophy </span> <svg width="6" height="8" class="shrink-0 "><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-6 md:mt-8 text-ja-title-s "> 企業理念 </span> </span> </a> </li> </ol> </section> <section class="py-100 md:py-140 mt-100 md:mt-140 overflow-hidden bg-gray-bg"> <div class="container"> <h2 class="pt-20 md:pt-70 border-t border-light-gray-line text-ja-en-display-s uppercase"> More Read </h2> </div> <div class="mt-40"> <div x-data="carousel" class="overflow-hidden "> <div class="container overflow-visible"> <div x-ref="wrap"> <ul x-ref="list" class="inline-flex md:flex gap-x-[calc(30/375*100vw)] md:gap-x-[calc(60/1440*100%)] [&.onDrag_a]:pointer-events-none select-none"> <li x-data="opengraph" class="md-max:min-w-[calc(9/10*100%)] md:w-[calc(333/1120*100%)] transition-opacity duration-300" :class="loaded ? 'opacity-100' : 'opacity-0'"> <a href="https://web.archive.org/web/20240420173452/https://evolution.cartaholdings.co.jp/article-0019/" class="c-thumbnail-hover flex-shrink-0 w-[calc(9/10*100%)] md:w-auto" target="_blank"> <div class="c-thumbnail-hover__image l-frame l--n-3 l--d-2 rounded "> <img src="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/img_evolution_0019-1.jpeg" alt=""/> </div> <time class="block mt-16 md:mt-24 text-ja-en-label-m"> 2023.2.17 </time> <span class="block mt-10 md:mt-14 text-ja-title-m [.bg-gray-bg_&]:text-black [.bg-white_&]:text-gray-text"> 今、CARTAとして本当のスタートを切るとき。経営陣に聞く、新中期経営方針に込めた想いと自分たちの使命 </span> </a> </li> <li x-data="opengraph" class="md-max:min-w-[calc(9/10*100%)] md:w-[calc(333/1120*100%)] transition-opacity duration-300" :class="loaded ? 'opacity-100' : 'opacity-0'"> <a href="https://web.archive.org/web/20240420173452/https://evolution.cartaholdings.co.jp/article-0001/" class="c-thumbnail-hover flex-shrink-0 w-[calc(9/10*100%)] md:w-auto" target="_blank"> <div class="c-thumbnail-hover__image l-frame l--n-3 l--d-2 rounded "> <img src="https://web.archive.org/web/20240420173452im_/https://cartaholdings.co.jp/wp-content/uploads/2023/07/img_evolution_0001-01.jpg" alt=""/> </div> <time class="block mt-16 md:mt-24 text-ja-en-label-m"> 2023.2.01 </time> <span class="block mt-10 md:mt-14 text-ja-title-m [.bg-gray-bg_&]:text-black [.bg-white_&]:text-gray-text"> 経営トップによる対談インタビュー。経営理念策定プロジェクトの裏側と新生CARTA HDに懸ける想いを聞く </span> </a> </li> </ul> </div> </div> </div> </div> </section> <footer class="pt-100 md:pt-140 bg-white"> <ol class="container l-grid l--col-2 xl:l--col-3 l--space-p-[60/1120] gap-y-0"> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/message/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Top Message </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 代表挨拶 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/purpose/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Purpose </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> ブランドパーパス </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/philosophy/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Philosophy </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 企業理念 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/board_members/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Board Members </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 経営陣紹介 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/profile/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Company Profile </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 会社概要 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/history/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> History・Awards </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 沿革・受賞歴 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/profile/#access"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Access </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> アクセス </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/group/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Group Companies </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> 関連会社 </span> </span> </a> </li> <li class="border-t border-b border-light-gray-line [&:nth-child(n+3)]:xl-max:border-t-0 [&:nth-child(n+4)]:xl:border-t-0"> <a class="relative block pt-20 pb-15 md:pt-29 md:pb-28 group" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/logo/"> <span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-700 group-hover:origin-left group-hover:duration-500 group-hover:scale-x-100"> </span> <span class="absolute inset-0 bg-black/[0.03] origin-right scale-x-0 transition-[transform] ease-3 duration-500 group-hover:origin-left group-hover:duration-700 group-hover:scale-x-100"> </span> </span> <span class="flex flex-col relative "> <span class="flex items-center justify-between uppercase gap-x-10 text-ja-en-title-l "> <span class="transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px]"> Logo </span> <svg width="6" height="8" class="shrink-0 -mt-2 transition-[transform] duration-500 ease-3 group-hover:translate-x-[-10px]"><use href="https://cartaholdings.co.jp/wp-content/themes/mytheme/build/sprites/general.svg#arrow-right"/></svg> </span> <span class="text-light-gray-text mt-3 md:mt-10 text-ja-label-xxs transition-[transform] duration-600 ease-3 group-hover:translate-x-[10px] "> ロゴについて </span> </span> </a> </li> </ol> <div class="base-breadcrumb container !pr-0 lg:px-[min(calc(3/36*100%),7.5rem)] mt-100 md:mt-140 pb-30 md:pb-20 overflow-hidden text-ja-en-label-m"> <ol class="flex items-center gap-x-10"> <li><a class="c-text-hover" href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/">HOME</a></li> <li> <a href="https://web.archive.org/web/20240420173452/https://cartaholdings.co.jp/company/" class="c-text-hover"> Company </a> </li> <li> <span class=""> Top Message </span> </li> </ol> </div> </footer> </main> <footer class="sticky top-full bg-black text-white"> <div class="absolute w-full h-full top-0"> <video x-data="video" x-ref="video" class="w-full h-full object-cover" playsinline muted loop autoplay> <source src="/web/20240420173452im_/https://cartaholdings.co.jp/company/message/" 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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452/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/20240420173452im_/https://cartaholdings.co.jp/wp-content/themes/mytheme/assets/common/dentsu.svg" alt=""/> </p> </div> </div> </footer> <div x-cloak x-data="debugGrid" :class="!show && 'hidden'" class="debug-grid"> <div class="container"> <div></div> </div> </div> </body> </html>

CINXE.COM

代表挨拶 ｜ 株式会社CARTA HOLDINGS

代表挨拶｜株式会社CARTA HOLDINGS