{"id":2,"date":"2024-03-21T07:36:05","date_gmt":"2024-03-20T22:36:05","guid":{"rendered":"https:\/\/marvie-jp.com"},"modified":"2026-07-20T11:43:58","modified_gmt":"2026-07-20T02:43:58","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/marvie-jp.com\/","title":{"rendered":"top"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\"> <!--noptimize--><style data-noptimize=\"1\">body.page-id-2 #header, body.page-id-2 #footer { display: none; }body.page-id-2 .l-content, body.page-id-2 .l-container,body.page-id-2 .c-postContent { max-width: none; padding: 0; margin: 0; }body.page-id-2 #content { padding: 0; margin: 0; }#mv4-root { width: 100vw; margin-left: calc(50% - 50vw); overflow-x: hidden; }   :root {   --bg: #FFFDF8;                    --bg-tint: #FFFDF8;   --ink: #202A68;                   --muted: #67709A;   --pink: #F94FA8;  --pink-soft: #FF8AC8;   --cyan: #10CFF2;  --cyan-soft: #66E8FF;   --yellow: #FFC94D; --yellow-soft: #FFF176;   --lavender: #C9C7FF;   --pink-ink: #D2478C;              --purple: #C9C7FF;                --blue: #10CFF2;                  --grad-main: linear-gradient(92deg, #FF8AC8, #C9C7FF, #66E8FF);   --grad-cta:  linear-gradient(92deg, #F94FA8, #C9C7FF, #10CFF2);   --grad-blue: linear-gradient(92deg, #10CFF2, #66E8FF);   --shadow-card: 0 14px 44px rgba(32, 42, 104, .10);   --radius-card: 20px;   --header-h: 76px; }   *, *::before, *::after { box-sizing: border-box; } html {   scroll-behavior: smooth; } body {   margin: 0;   font-family: \"Noto Sans JP\", sans-serif;   font-weight: 400;   color: var(--ink);   background: var(--bg);   -webkit-font-smoothing: antialiased;   overflow-x: hidden; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } ul, dl { margin: 0; padding: 0; list-style: none; } h1, h2, h3, p { margin: 0; } button { font-family: inherit; cursor: pointer; }  section[id], main [id] {   scroll-margin-top: var(--header-h); }  .skip-link {   position: absolute;   left: -999px;   top: 0;   background: #fff;   color: var(--ink);   padding: 10px 16px;   z-index: 999; } .skip-link:focus {   left: 8px;   top: 8px; }  .container {   max-width: 1160px;   margin: 0 auto;   padding: 0 24px; }   .grad-text {   background: var(--grad-main);   background-size: 200%;   -webkit-background-clip: text;   background-clip: text;   color: transparent;   animation: shift 8s ease infinite; } .grad-pink {   background-image: linear-gradient(92deg, #F94FA8, #C9C7FF); } .grad-blue {   background-image: linear-gradient(92deg, #10CFF2, #66E8FF); }  @keyframes shift {   0%   { background-position: 0% 50%; }   50%  { background-position: 100% 50%; }   100% { background-position: 0% 50%; } }   .btn {   display: inline-flex;   align-items: center;   gap: 6px;   padding: 15px 32px;   border-radius: 999px;   font-weight: 700;   font-size: 15px;   transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;   border: none; } .btn-primary {   position: relative;   overflow: hidden;   background-image: var(--grad-cta);   background-size: 200%;   color: #fff;   box-shadow: 0 10px 28px rgba(249, 79, 168, .32);   animation: shift 8s ease infinite; } .btn-primary:hover {   transform: translateY(-2px);   box-shadow: 0 14px 34px rgba(249, 79, 168, .40); }  .btn-primary::after {   content: \"\";   position: absolute;   top: 0;   left: -100%;   width: 60%;   height: 100%;   background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);   transform: skewX(-18deg);   pointer-events: none; } .btn-primary:hover::after {   left: 130%;   transition: left .7s ease; } .btn-outline {   background: #fff;   color: var(--ink);   border: 1.5px solid #ECE3F4; } .btn-outline:hover {   transform: translateY(-2px);   border-color: var(--purple);   box-shadow: var(--shadow-card); }   .section-label {   display: flex;   align-items: center;   gap: 10px;   font-size: 14px;   color: var(--muted);   margin-bottom: 18px;   font-weight: 500; } .label-bar {   width: 22px;   height: 3px;   border-radius: 2px;   background: var(--pink);   display: inline-block; } .label-num {   color: var(--pink);   font-weight: 400;   letter-spacing: .04em; }  .section {   position: relative;   padding: 120px 0;   overflow: hidden; } .section h2 {   font-size: clamp(26px, 3.4vw, 38px);   font-weight: 700;   line-height: 1.5;   max-width: 780px;   margin-bottom: 20px; } .section-lead {   color: var(--muted);   font-size: 16px;   line-height: 1.9;   max-width: 620px;   margin-bottom: 64px; }     #mv4-root.js .reveal {   opacity: 0;   translate: 0 28px;   transition: opacity .8s cubic-bezier(.2,.7,.2,1), translate .8s cubic-bezier(.2,.7,.2,1); } #mv4-root.js .reveal.is-visible {   opacity: 1;   translate: 0 0; }  #mv4-root.js .reveal-blur { filter: blur(6px); } #mv4-root.js .reveal-blur.is-visible { filter: blur(0); transition: filter .9s; }   @keyframes float {   0%, 100% { transform: translateY(0); }   50% { transform: translateY(-10px); } } .float-el { animation: float 7s ease-in-out infinite; } .float-el:nth-child(2) { animation-duration: 8s; animation-delay: .4s; } .float-el:nth-child(3) { animation-duration: 6.5s; animation-delay: .8s; } .float-el:nth-child(4) { animation-duration: 9s; animation-delay: .2s; }  @keyframes drift {   0%   { transform: translate(0, 0) scale(1); }   33%  { transform: translate(30px, -40px) scale(1.08); }   66%  { transform: translate(-24px, 20px) scale(0.94); }   100% { transform: translate(0, 0) scale(1); } } .blob {   position: absolute;   border-radius: 50%;   filter: blur(50px);   pointer-events: none;   animation: drift 26s ease-in-out infinite; }   .about-bg img, .process-bg img, .banner-bg img {   transform: scale(1.12); }   .site-header {   position: fixed;   top: 0; left: 0; right: 0;   z-index: 200;   height: var(--header-h);   background: rgba(255,255,255,.85);   backdrop-filter: blur(14px);   -webkit-backdrop-filter: blur(14px);   border-bottom: 1px solid rgba(0,0,0,.05);   transition: box-shadow .3s ease; } .site-header.is-scrolled {   box-shadow: 0 6px 24px rgba(32, 42, 104, .12); }  .scroll-progress {   position: absolute;   left: 0;   bottom: -3px;   width: 100%;   height: 3px;   background-image: var(--grad-main);   transform: scaleX(0);   transform-origin: left center;   will-change: transform; } .header-inner {   max-width: 1200px;   margin: 0 auto;   height: 100%;   padding: 0 24px;   display: flex;   align-items: center;   gap: 32px; } .logo {   display: flex;   align-items: center;   gap: 10px;   margin-right: auto; } .logo-img { height: 44px; width: auto; display: block; } .main-nav {   display: flex;   align-items: center;   gap: 30px; } .main-nav a {   font-size: 13px;   font-weight: 600;   letter-spacing: .08em;   text-transform: uppercase;   color: var(--ink);   position: relative; } .main-nav a::after {   content: \"\";   position: absolute;   left: 0; bottom: -6px;   width: 0; height: 2px;   background: var(--pink);   transition: width .25s ease; } .main-nav a:hover::after { width: 100%; }  .header-contact {   font-size: 13px;   font-weight: 700;   letter-spacing: .08em;   text-transform: uppercase;   color: var(--pink); } .header-contact:hover { text-decoration: underline; }  .hamburger {   display: none;   flex-direction: column;   justify-content: center;   gap: 5px;   width: 32px;   height: 32px;   background: none;   border: none;   padding: 0; } .hamburger span {   width: 100%;   height: 2px;   background: var(--ink);   border-radius: 2px;   transition: transform .3s ease, opacity .3s ease; } .hamburger[aria-expanded=\"true\"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .hamburger[aria-expanded=\"true\"] span:nth-child(2) { opacity: 0; } .hamburger[aria-expanded=\"true\"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }  .mobile-menu {   position: fixed;   inset: 0;   z-index: 190;   background: rgba(255,255,255,.98);   backdrop-filter: blur(10px);   display: flex;   align-items: center;   justify-content: center;   opacity: 0;   visibility: hidden;   transition: opacity .3s ease, visibility .3s ease; } .mobile-menu.is-open {   opacity: 1;   visibility: visible; } body.menu-locked { overflow: hidden; } .mobile-menu nav {   display: flex;   flex-direction: column;   align-items: center;   gap: 28px; } .mobile-menu a {   font-size: 22px;   font-weight: 700;   letter-spacing: .08em;   text-transform: uppercase;   color: var(--ink); } .mobile-contact {   color: var(--pink) !important; }   .hero {   position: relative;   min-height: 100vh;   display: flex;   align-items: center;   overflow: hidden;   background: linear-gradient(180deg, #FFFFFF 0%, var(--bg-tint) 100%); } .hero-blobs { position: absolute; inset: 0; z-index: 0; } .hero .blob-1 { width: 340px; height: 340px; top: 6%; right: 18%; background: radial-gradient(circle, rgba(249,79,168,.30), transparent 70%); } .hero .blob-2 { width: 420px; height: 420px; bottom: -6%; right: -4%; background: radial-gradient(circle, rgba(201,199,255,.28), transparent 70%); animation-duration: 30s; } .hero .blob-3 { width: 260px; height: 260px; top: 40%; right: 40%; background: radial-gradient(circle, rgba(16,207,242,.26), transparent 70%); animation-duration: 22s; } .hero .blob-4 { width: 200px; height: 200px; bottom: 20%; left: 6%; background: radial-gradient(circle, rgba(249,79,168,.18), transparent 70%); animation-duration: 34s; }  .hero-media {   position: absolute;   top: 0; right: 0;   width: 62%;   height: 100%;   z-index: 1;   background: radial-gradient(circle at 70% 40%, rgba(249,79,168,.16), transparent 60%),               linear-gradient(120deg, rgba(201,199,255,.14), rgba(16,207,242,.18));      -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%);   mask-image: linear-gradient(90deg, transparent 0%, #000 32%); } .hero::after {   content: \"\";   position: absolute;   left: 0; right: 0; bottom: -1px;   height: 160px;   z-index: 1;   pointer-events: none;   background: linear-gradient(180deg, rgba(255,253,248,0), #FFFDF8 92%); } .hero-flow, .hero-video {   position: absolute;   inset: 0;   width: 100%;   height: 100%;   object-fit: cover; } .hero-video { opacity: .9; }  .hero-inner {   position: relative;   z-index: 2;   max-width: 1160px;   width: 100%;   margin: 0 auto;   padding: 0 24px; } .hero-text { max-width: 620px; } .hero-text h1 {   font-size: clamp(30px, 4.6vw, 56px);   font-weight: 900;   line-height: 1.4;   letter-spacing: -.01em;   white-space: nowrap; } .hero-lead {   margin-top: 26px;   font-size: 16px;   line-height: 2;   color: var(--muted);   max-width: 500px; } .hero-text .btn { margin-top: 40px; }   .hero-floaters {   position: absolute;   inset: 0;   z-index: 2;   pointer-events: none; } .floater {   position: absolute;   animation: float 8s ease-in-out infinite; }  .f-1 { width: 88px; top: 22%; left: 60%; animation-duration: 7s; } .f-2 { width: 64px; top: 58%; left: 80%; animation-duration: 9s; animation-delay: .6s; } .f-3 { width: 36px; top: 70%; left: 56%; } .f-4 { width: 36px; top: 30%; left: 74%; animation-duration: 10s; animation-delay: .3s; }   @keyframes twinkle { 0%, 100% { opacity: .25; } 50% { opacity: .9; } } .f-twinkle {   animation: float 6.5s ease-in-out infinite, twinkle 4.8s ease-in-out infinite; }   .hero-ring {   position: absolute;   top: 50%;   right: 8%;   margin-top: -240px;   width: 480px;   height: 480px;   z-index: 1;   border-radius: 50%;   background: conic-gradient(from 0deg, rgba(249,79,168,.55), rgba(201,199,255,.12), rgba(16,207,242,.55), rgba(201,199,255,.12), rgba(249,79,168,.55));   -webkit-mask: radial-gradient(closest-side, transparent 78%, #000 79%);   mask: radial-gradient(closest-side, transparent 78%, #000 79%);   opacity: .35;   pointer-events: none;   animation: ringSpin 60s linear infinite; } @keyframes ringSpin { to { transform: rotate(360deg); } }  .scroll-indicator {   position: absolute;   left: 40px;   bottom: 48px;   z-index: 2;   display: flex;   flex-direction: column;   align-items: center;   gap: 10px; } .scroll-text {   writing-mode: vertical-rl;   font-size: 11px;   letter-spacing: .2em;   color: var(--muted);   font-weight: 500; } .scroll-line {   width: 1px;   height: 46px;   background: linear-gradient(180deg, var(--muted), transparent); }   .strengths-section { background: var(--bg-tint); } .section-bg-dots {   position: absolute;   top: -40px; right: -60px;   width: 420px; height: 420px;   background-image: radial-gradient(rgba(201,199,255,.35) 1.6px, transparent 1.6px);   background-size: 22px 22px;   opacity: .5;   z-index: 0; } .section-blob-soft {   position: absolute;   bottom: -120px; left: -100px;   width: 360px; height: 360px;   border-radius: 50%;   filter: blur(60px);   background: radial-gradient(circle, rgba(16,207,242,.22), transparent 70%);   z-index: 0; } .strengths-section .container { position: relative; z-index: 1; }  .strengths-grid {   display: grid;   grid-template-columns: repeat(4, 1fr);   gap: 28px; } .strength-card {   background: #fff;   border-radius: 50%;   max-width: 300px;   aspect-ratio: 1 \/ 1;   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   text-align: center;   padding: 28px 24px;   box-shadow: var(--shadow-card);   transition: transform .35s ease, box-shadow .35s ease; } .strength-card:hover {   transform: translateY(-6px);   box-shadow: 0 20px 54px rgba(32, 42, 104, .24); } .strength-icon { margin: 0 auto 14px; display: block; } .strength-card h3 {   font-size: 16px;   font-weight: 700;   margin-top: 10px;   margin-bottom: 8px; } .strength-card p {   font-size: 12.5px;   line-height: 1.6;   color: var(--muted); }   .services-section {   background: linear-gradient(160deg, #FDF9FB 0%, #F7F5FC 50%, #F4FAFE 100%); } .services-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 24px; } .service-card {   background: #fff;   border-radius: var(--radius-card);   padding: 36px 28px;   box-shadow: var(--shadow-card);   transition: transform .4s ease, box-shadow .35s ease;   transform-style: preserve-3d;   text-align: center; } .service-card:hover {   transform: translateY(-6px);   box-shadow: 0 20px 54px rgba(32, 42, 104, .24); }  .service-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 96px;   height: 96px;   border-radius: 24px;   margin: 0 auto 22px;   transition: scale .35s ease; } .service-card:hover .service-icon { scale: 1.06; } .services-grid .service-card:nth-child(1) .service-icon { background: linear-gradient(135deg, rgba(240,110,172,.14), rgba(181,139,224,.10)); } .services-grid .service-card:nth-child(2) .service-icon { background: linear-gradient(135deg, rgba(181,139,224,.14), rgba(111,181,236,.10)); } .services-grid .service-card:nth-child(3) .service-icon { background: linear-gradient(135deg, rgba(111,181,236,.14), rgba(240,110,172,.10)); } .services-grid .service-card:nth-child(4) .service-icon { background: linear-gradient(135deg, rgba(240,110,172,.14), rgba(111,181,236,.10)); } .services-grid .service-card:nth-child(5) .service-icon { background: linear-gradient(135deg, rgba(181,139,224,.14), rgba(240,110,172,.10)); } .services-grid .service-card:nth-child(6) .service-icon { background: linear-gradient(135deg, rgba(111,181,236,.14), rgba(181,139,224,.10)); } .service-card h3 {   font-size: 18px;   font-weight: 700;   margin-bottom: 8px; } .service-card p {   font-size: 13.5px;   color: var(--muted);   line-height: 1.7; }   .works-filter {   display: flex;   flex-wrap: wrap;   gap: 12px;   margin-bottom: 44px; } .filter-btn {   padding: 10px 22px;   border-radius: 999px;   border: 1.5px solid #ECE3F4;   background: #fff;   font-size: 13.5px;   font-weight: 500;   color: var(--muted);   transition: all .25s ease; } .filter-btn:hover {   border-color: var(--pink);   color: var(--pink); } .filter-btn.is-active {   background: var(--grad-cta);   color: #fff;   border-color: transparent; }  .works-grid {   display: grid;   grid-template-columns: repeat(4, 1fr);   gap: 22px; }  .work-card {   display: flex;   flex-direction: column;   background: #fff;   border-radius: var(--radius-card);   overflow: hidden;   box-shadow: var(--shadow-card);   color: inherit;   transition: opacity .4s ease, transform .4s ease, box-shadow .35s ease;   transform-style: preserve-3d; } .work-card.is-hidden {   display: none; } .work-card:hover {   transform: translateY(-6px);   box-shadow: 0 20px 54px rgba(32, 42, 104, .24); }  .work-thumb {   position: relative;   aspect-ratio: 4 \/ 3;   overflow: hidden;   background: linear-gradient(135deg, #F3E6F2, #E6EFFA); } .work-thumb img {   position: absolute;   inset: 0;   width: 100%;   height: 100%;   object-fit: cover;   transition: scale .6s ease; }  .work-card:hover .work-thumb img { scale: 1.08; }  .work-overlay {   position: absolute;   inset: 0;   display: flex;   flex-direction: column;   justify-content: flex-end;   padding: 18px;   background: linear-gradient(0deg, rgba(20,10,30,.88) 0%, rgba(20,10,30,.35) 55%, transparent 100%);   opacity: 0;   transition: opacity .35s ease; } .work-card:hover .work-overlay, .work-card:focus-visible .work-overlay, .work-card:focus-within .work-overlay { opacity: 1; } .work-summary {   color: #fff;   font-size: 12px;   line-height: 1.7;   margin-bottom: 8px; } .work-result {   color: #F5E9F1;   font-size: 11.5px;   font-weight: 700;   line-height: 1.6; }   .work-caption {   display: flex;   flex-direction: column;   gap: 4px;   padding: 14px 16px 18px; } .work-cat {   font-size: 11px;   font-weight: 700;   letter-spacing: .04em;   color: var(--pink-ink); } .work-title {   font-size: 14.5px;   font-weight: 700;   line-height: 1.5;   color: var(--ink); }  .works-more {   display: flex;   justify-content: center;   margin-top: 56px; }   .numbers-strip {   overflow: hidden;   padding: 56px 0;   background: linear-gradient(90deg, #FDF3F8, #F4EEFB, #EFF8FD); } .marquee {   overflow: hidden;   width: 100%; } .marquee-track {   display: flex;   width: max-content;   animation: marquee 46s linear infinite; } .marquee:hover .marquee-track {   animation-play-state: paused; } @keyframes marquee {   to { transform: translateX(-50%); } } .marquee-item {   display: flex;   flex-direction: column;   align-items: flex-start;   gap: 4px;   padding: 0 48px;   border-right: 1px solid rgba(58, 58, 71, .08);   white-space: nowrap; } .mq-num {   font-weight: 900;   font-size: clamp(40px, 4.5vw, 64px);   letter-spacing: -.02em;   color: var(--ink);   line-height: 1.05; } .mq-unit {   font-weight: 700;   font-size: 15px;   background-image: var(--grad-cta); } .mq-note {   font-size: 13px;   color: var(--muted); }   .process-section {   background: #fff; } .process-bg {   position: absolute;   inset: 0;   z-index: 0;   background: linear-gradient(100deg, #FDF3F8 0%, #F4EEFB 45%, #EFF8FD 100%); } .process-bg img {   width: 100%;   height: 100%;   object-fit: cover;   opacity: .8; } .process-section .container { position: relative; z-index: 1; }  .process-steps {   display: flex;   align-items: center;   justify-content: space-between;   gap: 8px;   flex-wrap: wrap; } .process-step {   display: flex;   flex-direction: column;   align-items: center;   gap: 14px;   text-align: center;   flex: 1;   min-width: 110px; } .process-icon {   width: 76px;   height: 76px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   background: #fff;   box-shadow: 0 12px 28px rgba(16, 207, 242, .22);   transition: scale .3s ease, box-shadow .3s ease; }  .process-step:hover .process-icon {   scale: 1.1;   box-shadow: 0 16px 34px rgba(16, 207, 242, .34); } .process-step p {   font-size: 13.5px;   font-weight: 700; } .process-arrow {   color: var(--purple);   font-size: 18px;   font-weight: 300;   flex: 0 0 auto; }   .about-section {   position: relative;   padding: 140px 0;   overflow: hidden;   text-align: center; } .about-bg {   position: absolute;   inset: 0;   z-index: 0;   background: linear-gradient(120deg, #E9F4FC 0%, #F7EDF7 60%, #FDF1F6 100%); } .about-bg img {   width: 100%;   height: 100%;   object-fit: cover; } .about-bg::after {   content: \"\";   position: absolute;   inset: 0;   background: rgba(255,255,255,.78); } .about-section .container {   position: relative;   z-index: 1;   max-width: 960px;  } .about-section .section-label { justify-content: center; } .about-section h2 {   font-size: clamp(26px, 4vw, 40px);   font-weight: 700;   margin-bottom: 26px; } .about-lead {   font-size: 15.5px;   line-height: 2.1;   color: var(--ink);   max-width: 920px;   margin-inline: auto; } @media (max-width: 900px) {   .br-wide { display: none; } }   .company-section { background: var(--bg-tint); } .company-grid {   display: grid;   grid-template-columns: 1fr 1fr;   gap: 32px;   align-items: stretch; } .company-banner {   border-radius: 24px;   overflow: hidden;   min-height: 320px;   background: linear-gradient(135deg, #66E8FF, #10CFF2 60%, #C9C7FF); } .company-banner img {   width: 100%;   height: 100%;   object-fit: cover;   min-height: 320px; } .company-card {   background: #fff;   border-radius: var(--radius-card);   box-shadow: var(--shadow-card);   padding: 40px; } .company-row {   display: flex;   gap: 20px;   padding: 16px 0;   border-bottom: 1px solid #F0EAF5; } .company-row:last-child { border-bottom: none; } .company-row dt {   flex: 0 0 90px;   font-size: 13px;   font-weight: 700;   color: var(--purple); } .company-row dd {   margin: 0;   font-size: 14px;   line-height: 1.8;   color: var(--ink); }   .news-list { max-width: 780px; } .news-item {   display: flex;   align-items: center;   gap: 24px;   padding: 22px 0;   border-bottom: 1px solid #F0EAF5; } .news-date {   flex: 0 0 100px;   color: var(--muted);   font-size: 13.5px; } .news-title {   flex: 1;   font-size: 14.5px; } .news-badge {   flex: 0 0 auto;   background: var(--pink);   color: #fff;   font-size: 10.5px;   font-weight: 700;   padding: 4px 10px;   border-radius: 999px;   letter-spacing: .04em; } .news-more {   margin-top: 44px; }   .banner-section {   position: relative;   min-height: 440px;   display: flex;   align-items: center;   overflow: hidden; } .banner-bg {   position: absolute;   inset: 0;   z-index: 0; } .banner-bg img {   width: 100%;   height: 100%;   object-fit: cover; } .banner-content {   position: relative;   z-index: 2;   max-width: 560px; } .banner-content h2 {   font-size: clamp(24px, 3.4vw, 32px);   font-weight: 700;   margin-bottom: 30px;   line-height: 1.6; } .banner-content-center {   max-width: 640px;   margin: 0 auto;   text-align: center; }  .recruit-section {   background: linear-gradient(90deg, #FFF6EC 0%, #FDF9FB 55%, transparent 100%); } .recruit-section .banner-bg {   background: linear-gradient(100deg, #FBE7D2 0%, #FCEFE0 40%, transparent 75%); } .recruit-section .banner-bg::after {   content: \"\";   position: absolute;   inset: 0;   background: linear-gradient(90deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.4) 45%, transparent 75%); }  .contact-section {   background: linear-gradient(120deg, #F4EEFB 0%, #FDF1F6 100%); } .contact-section .banner-content-center h2 { color: var(--ink); } .contact-blobs { position: absolute; inset: 0; z-index: 1; } .contact-blobs .blob-c1 {   width: 320px; height: 320px; top: -10%; left: 10%;   background: radial-gradient(circle, rgba(201,199,255,.28), transparent 70%);   animation-duration: 28s; } .contact-blobs .blob-c2 {   width: 280px; height: 280px; bottom: -12%; right: 12%;   background: radial-gradient(circle, rgba(249,79,168,.24), transparent 70%);   animation-duration: 24s; }   .site-footer {   background: #fff;   border-top: 1px solid #F0EAF5;   padding: 40px 0 0; } .footer-inner {   max-width: 1160px;   margin: 0 auto;   padding: 0 24px;   display: flex;   align-items: center;   justify-content: space-between;   gap: 24px;   flex-wrap: wrap;   padding-bottom: 32px; } .logo-sm .logo-img { height: 34px; } .footer-nav {   display: flex;   gap: 22px;   flex-wrap: wrap; } .footer-nav a {   font-size: 12.5px;   font-weight: 600;   letter-spacing: .08em;   text-transform: uppercase;   color: var(--muted); } .footer-nav a:hover { color: var(--pink); } .footer-sns {   display: flex;   gap: 16px; } .footer-sns a {   color: var(--muted);   display: flex; } .footer-sns a:hover { color: var(--pink); } .footer-bottom {   border-top: 1px solid #F5F0F8;   padding: 20px 24px;   text-align: center; } .footer-bottom p {   font-size: 12px;   color: var(--muted); }   @media (max-width: 1100px) {   .services-grid { grid-template-columns: repeat(2, 1fr); }   .works-grid { grid-template-columns: repeat(3, 1fr); }   .strengths-grid { grid-template-columns: repeat(2, 1fr); } }  @media (max-width: 900px) {   .main-nav, .header-contact { display: none; }   .hamburger { display: flex; }    .hero-media { width: 100%; opacity: .5; }   .hero-ring { width: 360px; height: 360px; margin-top: -180px; right: -8%; opacity: .28; }   .hero-text { max-width: 100%; }   .hero-text h1 { white-space: normal; }    .company-grid { grid-template-columns: 1fr; }   .company-banner { min-height: 220px; }   .company-banner img { min-height: 220px; }    .works-grid { grid-template-columns: repeat(2, 1fr); }    .process-steps { flex-direction: column; }   .process-arrow { transform: rotate(90deg); margin: 4px 0; }    .section { padding: 90px 0; } }  @media (max-width: 600px) {   .strengths-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }   .services-grid { grid-template-columns: 1fr; }   .works-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }   .news-item { flex-wrap: wrap; gap: 6px 24px; }   .news-date { flex: 0 0 100%; }   .company-card { padding: 26px; }   .company-row { flex-direction: column; gap: 4px; }   .footer-inner { flex-direction: column; text-align: center; } }   @media (prefers-reduced-motion: reduce) {   *, *::before, *::after {     animation-duration: .001ms !important;     animation-iteration-count: 1 !important;     transition-duration: .001ms !important;     scroll-behavior: auto !important;   }   #mv4-root.js .reveal { opacity: 1; translate: none; }   #mv4-root.js .reveal-blur { filter: none; }   .marquee-track { animation: none; } }   .works-hub-header {   position: fixed;   top: 0; left: 0; right: 0;   z-index: 200;   height: var(--header-h);   background: rgba(255,255,255,.9);   backdrop-filter: blur(14px);   -webkit-backdrop-filter: blur(14px);   border-bottom: 1px solid rgba(0,0,0,.05); } .works-hub-header .header-inner {   justify-content: space-between;   gap: 16px; } .works-hub-back {   font-size: 12.5px;   font-weight: 600;   letter-spacing: .06em;   color: var(--muted); } .works-hub-back:hover { color: var(--pink); }  .works-hub-hero {   padding: calc(var(--header-h) + 72px) 0 52px;   background: linear-gradient(160deg, #FDF9FB 0%, #F7F5FC 50%, #F4FAFE 100%); } .works-hub-eyebrow {   display: flex;   align-items: center;   gap: 10px;   font-size: 13px;   font-weight: 600;   letter-spacing: .08em;   color: var(--pink);   margin-bottom: 16px; } .works-hub-hero h1 {   font-size: clamp(30px, 5vw, 46px);   font-weight: 900;   line-height: 1.35;   margin-bottom: 18px; } .works-hub-lead {   color: var(--muted);   font-size: 15.5px;   line-height: 1.9;   max-width: 620px; } .works-hub-section {   padding: 48px 0 100px;   background: var(--bg); }   .work-card-open .work-detail {   margin-top: 10px;   padding-top: 12px;   border-top: 1px solid #F0EAF5;   display: flex;   flex-direction: column;   gap: 8px; } .work-detail-summary {   font-size: 12.5px;   line-height: 1.8;   color: var(--ink); } .work-detail-role {   font-size: 11.5px;   line-height: 1.6;   color: var(--muted); } .work-detail-role span {   font-weight: 700;   color: var(--purple);   margin-right: 6px; } .work-detail-result {   font-size: 12px;   font-weight: 700;   line-height: 1.6;   color: var(--pink-ink); }  .works-hub-footer {   background: #fff;   border-top: 1px solid #F0EAF5;   padding: 30px 24px;   text-align: center; } .works-hub-footer p {   font-size: 12px;   color: var(--muted); }   .detail-hero {   position: relative;   min-height: 320px;   display: flex;   align-items: flex-end;   padding: calc(var(--header-h) + 40px) 0 84px;   overflow: hidden;   isolation: isolate; } .detail-hero-bg {   position: absolute;   inset: 0;   z-index: -2; } .detail-hero-bg img {   width: 100%;   height: 100%;   object-fit: cover; } .detail-hero-overlay {   position: absolute;   inset: 0;   z-index: -1;   background: linear-gradient(180deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.82) 60%, #fff 100%); } .detail-hero .detail-blob-1 { width: 300px; height: 300px; top: -8%; right: 6%; background: radial-gradient(circle, rgba(240,110,172,.24), transparent 70%); } .detail-hero .detail-blob-2 { width: 260px; height: 260px; bottom: -14%; left: -4%; background: radial-gradient(circle, rgba(111,181,236,.22), transparent 70%); animation-duration: 30s; } .detail-hero-inner {   position: relative;   z-index: 1; } .detail-cat {   display: inline-block;   padding: 6px 16px;   border-radius: 999px;   background: rgba(255,255,255,.9);   border: 1px solid #F0DCEA;   color: var(--pink-ink);   font-size: 12.5px;   font-weight: 700;   letter-spacing: .04em;   margin-bottom: 16px; } .detail-title {   font-size: clamp(26px, 4.4vw, 42px);   font-weight: 700;   line-height: 1.4;   color: var(--ink);   max-width: 880px; } .detail-tags {   display: flex;   flex-wrap: wrap;   gap: 8px;   margin-top: 18px; } .detail-tag {   font-size: 12px;   font-weight: 500;   color: var(--muted);   background: rgba(255,255,255,.7);   border: 1px solid #ECE3F4;   border-radius: 999px;   padding: 4px 12px; } .detail-card {   position: relative;   z-index: 2;   max-width: 880px;   margin: -60px auto 0;   padding: clamp(28px, 5vw, 56px);   background: #fff;   border-radius: var(--radius-card);   box-shadow: var(--shadow-card); } .detail-lead {   font-size: 16px;   line-height: 1.9;   color: var(--ink);   margin-bottom: 32px; } .detail-image {   width: 100%;   border-radius: 16px;   box-shadow: 0 8px 24px rgba(58,58,71,.12); } .detail-video {   position: relative;   margin-top: 28px;   aspect-ratio: 16 \/ 9;   border-radius: 16px;   overflow: hidden;   box-shadow: 0 8px 24px rgba(58,58,71,.12); } .detail-video iframe {   position: absolute;   inset: 0;   width: 100%;   height: 100%;   border: 0; } .detail-meta {   margin: 36px 0 0;   border-top: 1px solid #F0EAF5; } .detail-meta-row {   display: grid;   grid-template-columns: 120px 1fr;   gap: 16px;   padding: 20px 0;   border-bottom: 1px solid #F0EAF5; } .detail-meta dt {   font-size: 13px;   font-weight: 700;   color: var(--purple);   letter-spacing: .04em; } .detail-meta dd {   margin: 0;   font-size: 15px;   line-height: 1.8;   color: var(--ink); } .detail-result {   font-weight: 700;   color: var(--pink-ink); } .detail-cta {   display: flex;   flex-wrap: wrap;   gap: 14px;   margin-top: 36px; } .detail-nav {   display: flex;   justify-content: space-between;   gap: 16px;   max-width: 880px;   margin: 48px auto 96px; } .detail-nav-link {   display: flex;   flex-direction: column;   gap: 6px;   flex: 1;   max-width: 48%;   padding: 18px 22px;   border-radius: 16px;   border: 1px solid #ECE3F4;   background: #fff;   transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .detail-nav-link:hover {   transform: translateY(-2px);   border-color: var(--purple);   box-shadow: var(--shadow-card); } .detail-nav-next { text-align: right; } .detail-nav-dir {   font-size: 12px;   font-weight: 700;   color: var(--pink);   letter-spacing: .04em; } .detail-nav-title {   font-size: 13.5px;   font-weight: 500;   color: var(--ink);   line-height: 1.5; }  @media (max-width: 640px) {   .detail-card { margin-top: -40px; border-radius: 16px; }   .detail-meta-row { grid-template-columns: 1fr; gap: 4px; }   .detail-nav { flex-direction: column; }   .detail-nav-link { max-width: 100%; }   .detail-nav-next { text-align: left; } }   .svc-hero {   position: relative;   padding: calc(var(--header-h) + 64px) 0 72px;   overflow: hidden;   isolation: isolate;   background: linear-gradient(180deg, #FDF3F8 0%, #F4F0FB 45%, #fff 100%); } .svc-hero .svc-blob-1 { width: 320px; height: 320px; top: -12%; right: 4%; background: radial-gradient(circle, rgba(240,110,172,.20), transparent 70%); } .svc-hero .svc-blob-2 { width: 280px; height: 280px; bottom: -18%; left: -6%; background: radial-gradient(circle, rgba(111,181,236,.18), transparent 70%); animation-duration: 30s; } .svc-hero-inner {   position: relative;   z-index: 1; }  .svc-hero-icon {   display: inline-flex;   align-items: center;   justify-content: center;   width: 96px;   height: 96px;   border-radius: 24px;   margin-bottom: 22px;   background: linear-gradient(135deg, rgba(240,110,172,.16), rgba(111,181,236,.12)); } .svc-hero-en {   font-size: 12.5px;   font-weight: 700;   letter-spacing: .12em;   color: var(--pink-ink);   margin-bottom: 10px; } .svc-hero-title {   font-size: clamp(26px, 4.4vw, 42px);   font-weight: 700;   line-height: 1.4;   color: var(--ink); } .svc-hero-lead {   margin-top: 16px;   max-width: 720px;   font-size: 16px;   line-height: 1.9;   color: var(--ink); }  .svc-section {   padding: 64px 0; } .svc-section-label {   display: flex;   align-items: center;   gap: 10px;   font-size: 13px;   font-weight: 700;   letter-spacing: .06em;   color: var(--purple);   margin-bottom: 32px; }   .svc-video-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 22px; } .svc-video-card {   display: flex;   flex-direction: column;   gap: 12px; } .svc-video-thumb {   position: relative;   display: block;   aspect-ratio: 16 \/ 9;   border-radius: 16px;   overflow: hidden;   background: linear-gradient(135deg, #F3E6F2, #E6EFFA);   box-shadow: var(--shadow-card); } .svc-video-thumb img {   position: absolute;   inset: 0;   width: 100%;   height: 100%;   object-fit: cover;   transition: scale .6s ease; } .svc-video-card:hover .svc-video-thumb img { scale: 1.06; }  .svc-play {   position: absolute;   top: 50%;   left: 50%;   width: 54px;   height: 54px;   transform: translate(-50%, -50%);   border-radius: 999px;   background: rgba(20, 10, 30, .55);   transition: background .25s ease; } .svc-play::after {   content: \"\";   position: absolute;   top: 50%;   left: 54%;   transform: translate(-50%, -50%);   border-style: solid;   border-width: 9px 0 9px 15px;   border-color: transparent transparent transparent #fff; } .svc-video-card:hover .svc-play { background: var(--pink); } .svc-video-title {   font-size: 13.5px;   font-weight: 500;   line-height: 1.6;   color: var(--ink);   display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden; }   .svc-photo-grid {   display: grid;   grid-template-columns: repeat(2, 1fr);   gap: 22px; } .svc-photo-grid img {   width: 100%;   aspect-ratio: 16 \/ 10;   object-fit: cover;   border-radius: 16px;   box-shadow: var(--shadow-card); }   .svc-archive {   padding: 8px 0 24px;   text-align: center; }   .svc-cta {   padding: 72px 0 96px; } .svc-cta-inner {   display: flex;   flex-direction: column;   align-items: center;   gap: 24px;   text-align: center;   padding: clamp(36px, 5vw, 64px) 24px;   border-radius: var(--radius-card);   background: linear-gradient(135deg, #FDF3F8, #F0F5FC);   box-shadow: var(--shadow-card); } .svc-cta-title {   font-size: clamp(19px, 2.6vw, 26px);   font-weight: 700;   color: var(--ink);   line-height: 1.5; }   .works-service-nav {   margin: 8px 0 44px; } .works-service-nav-label {   font-size: 13px;   font-weight: 700;   color: var(--purple);   margin-bottom: 14px; } .works-service-pills {   display: flex;   flex-wrap: wrap;   gap: 10px; } .works-service-pill {   padding: 8px 18px;   border-radius: 999px;   border: 1.5px solid #ECE3F4;   background: #fff;   font-size: 13px;   font-weight: 500;   color: var(--muted);   transition: all .25s ease; } .works-service-pill:hover {   border-color: var(--pink);   color: var(--pink);   transform: translateY(-2px); } .works-archive {   margin-top: 48px;   text-align: center; }  @media (max-width: 900px) {   .svc-video-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) {   .svc-video-grid { grid-template-columns: 1fr; }   .svc-photo-grid { grid-template-columns: 1fr; } } <\/style><!--\/noptimize--><div id=\"mv4-root\" class=\"no-js\"><a class=\"skip-link\" href=\"#top\">\u672c\u6587\u3078\u30b9\u30ad\u30c3\u30d7<\/a>  <header class=\"site-header\" id=\"site-header\">   <div class=\"header-inner\">     <a class=\"logo\" href=\"#top\" aria-label=\"Marvie \u30c8\u30c3\u30d7\u3078\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/marvie_logo_title.png\" alt=\"Marvie\" class=\"logo-img\">     <\/a>      <nav class=\"main-nav\" aria-label=\"\u30e1\u30a4\u30f3\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">       <a href=\"#strengths\">STRENGTHS<\/a>       <a href=\"#services\">SERVICE<\/a>       <a href=\"#works\">WORKS<\/a>       <a href=\"#company\">COMPANY<\/a>       <a href=\"#news\">NEWS<\/a>       <a href=\"#recruit\">RECRUIT<\/a>     <\/nav>      <a class=\"header-contact\" href=\"#contact\">CONTACT<\/a>      <button class=\"hamburger\" id=\"hamburger\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">       <span><\/span><span><\/span><span><\/span>     <\/button>   <\/div>   <div class=\"scroll-progress\" id=\"scroll-progress\" aria-hidden=\"true\"><\/div> <\/header>  <div class=\"mobile-menu\" id=\"mobile-menu\">   <nav aria-label=\"\u30e2\u30d0\u30a4\u30eb\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">     <a href=\"#strengths\">STRENGTHS<\/a>     <a href=\"#services\">SERVICE<\/a>     <a href=\"#works\">WORKS<\/a>     <a href=\"#company\">COMPANY<\/a>     <a href=\"#news\">NEWS<\/a>     <a href=\"#recruit\">RECRUIT<\/a>     <a href=\"#contact\" class=\"mobile-contact\">CONTACT<\/a>   <\/nav> <\/div>  <main>       <section class=\"hero\" id=\"top\">     <div class=\"hero-blobs\" aria-hidden=\"true\">       <span class=\"blob blob-1\" data-depth=\"0.4\"><\/span>       <span class=\"blob blob-2\" data-depth=\"0.7\"><\/span>       <span class=\"blob blob-3\" data-depth=\"0.3\"><\/span>       <span class=\"blob blob-4\" data-depth=\"0.55\"><\/span>     <\/div>     <div class=\"hero-media\" data-depth=\"0.15\" aria-hidden=\"true\">       <video class=\"hero-video\" autoplay muted loop playsinline preload=\"metadata\"              poster=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_prismatic_flow_clean.jpg\"              data-src=\"__HERO_VIDEO_URL__\"><\/video>       <img decoding=\"async\" class=\"hero-flow\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_prismatic_flow_clean.jpg\" alt=\"\" fetchpriority=\"high\">     <\/div>     <span class=\"hero-ring\" data-depth=\"0.6\" aria-hidden=\"true\"><\/span>     <div class=\"hero-floaters\" aria-hidden=\"true\">       <img loading=\"lazy\" decoding=\"async\" class=\"floater f-1\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_orb_pink_transparent-1.png\" alt=\"\" width=\"88\" height=\"88\" data-depth=\"1.6\">       <img loading=\"lazy\" decoding=\"async\" class=\"floater f-2\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_orb_orange_transparent-1.png\" alt=\"\" width=\"64\" height=\"64\" data-depth=\"2.4\">       <img loading=\"lazy\" decoding=\"async\" class=\"floater f-3 f-twinkle\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_orb_small_transparent-1.png\" alt=\"\" width=\"36\" height=\"36\" data-depth=\"1.0\">       <img loading=\"lazy\" decoding=\"async\" class=\"floater f-4 f-twinkle\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/hero_orb_small_transparent-1.png\" alt=\"\" width=\"36\" height=\"36\" data-depth=\"1.9\">     <\/div>     <div class=\"hero-inner\">       <div class=\"hero-text\">         <h1 class=\"reveal\">           <span class=\"grad-text grad-pink\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3067\u3001<\/span><br>           \u5fc3\u3092\u52d5\u304b\u3057\u3001<span class=\"grad-text grad-blue\">\u672a\u6765\u3092\u3064\u304f\u308b\u3002<\/span>         <\/h1>         <p class=\"hero-lead reveal\" style=\"transition-delay:.08s\">           Marvie\u306f\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3092\u8d77\u70b9\u306b\u3001\u5546\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306e\u9b45\u529b\u3092\u6700\u5927\u5316\u3059\u308b\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3092\u5c55\u958b\u3002\u6226\u7565\u7acb\u6848\u304b\u3089\u4f01\u753b\u30fb\u5236\u4f5c\u30fb\u5c55\u958b\u307e\u3067\u3001\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u3067\u652f\u63f4\u3057\u307e\u3059\u3002         <\/p>         <a class=\"btn btn-primary reveal\" href=\"#strengths\" style=\"transition-delay:.16s\">\u79c1\u305f\u3061\u306e\u5f37\u307f\u3092\u898b\u308b \u2192<\/a>       <\/div>     <\/div>     <div class=\"scroll-indicator\" aria-hidden=\"true\">       <span class=\"scroll-text\">SCROLL<\/span>       <span class=\"scroll-line\"><\/span>     <\/div>   <\/section>       <section class=\"section strengths-section\" id=\"strengths\">     <div class=\"section-bg-dots\" aria-hidden=\"true\"><\/div>     <div class=\"section-blob-soft\" aria-hidden=\"true\"><\/div>     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">02<\/span> \u79c1\u305f\u3061\u306e\u5f37\u307f<\/p>       <h2 class=\"reveal reveal-blur\">         <span class=\"grad-text grad-pink\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6<\/span>\u306e\u529b\u3067\u3001<br><span class=\"grad-text grad-blue\">\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3<\/span>\u306e\u53ef\u80fd\u6027\u3092\u62e1\u5f35\u3059\u308b\u3002       <\/h2>       <p class=\"section-lead reveal\">\u4f01\u753b\u529b\u3001\u8868\u73fe\u529b\u3001\u6280\u8853\u529b\u3092\u639b\u3051\u5408\u308f\u305b\u3001\u30d6\u30e9\u30f3\u30c9\u3084\u5546\u54c1\u306e\u4fa1\u5024\u3092\u6700\u5927\u5316\u3002\u751f\u6d3b\u8005\u306e\u5fc3\u3092\u52d5\u304b\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u679c\u306b\u3064\u306a\u3052\u307e\u3059\u3002<\/p>        <div class=\"strengths-grid\">         <article class=\"strength-card float-el reveal\">           <span class=\"strength-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/strength_creative_transparent-1.png\" alt=\"\" width=\"150\" height=\"150\">           <\/span>           <h3>\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u529b<\/h3>           <p>\u30c8\u30ec\u30f3\u30c9\u3092\u6349\u3048\u305f\u8868\u73fe\u3067\u3001\u5fc3\u3092\u52d5\u304b\u3059\u30a2\u30a4\u30c7\u30a2\u3092\u5275\u51fa<\/p>         <\/article>          <article class=\"strength-card float-el reveal\" style=\"transition-delay:.08s\">           <span class=\"strength-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/strength_strategy_transparent-1.png\" alt=\"\" width=\"150\" height=\"150\">           <\/span>           <h3>\u6226\u7565\u8a2d\u8a08\u529b<\/h3>           <p>\u58f2\u4e0a\u30fb\u63a1\u7528\u30fb\u8a8d\u77e5\u306a\u3069\u3001\u4e8b\u696d\u30b4\u30fc\u30eb\u304b\u3089\u9006\u7b97\u3057\u3066\u6226\u7565\u3092\u8a2d\u8a08<\/p>         <\/article>          <article class=\"strength-card float-el reveal\" style=\"transition-delay:.16s\">           <span class=\"strength-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/strength_production_transparent-1.png\" alt=\"\" width=\"150\" height=\"150\">           <\/span>           <h3>\u5236\u4f5c\u5b9f\u884c\u529b<\/h3>           <p>\u30c6\u30ec\u30d3\u756a\u7d44\u5236\u4f5c\u3067\u57f9\u3063\u305f\u3001\u9ad8\u54c1\u8cea\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u5b9f\u884c\u4f53\u5236<\/p>         <\/article>          <article class=\"strength-card float-el reveal\" style=\"transition-delay:.24s\">           <span class=\"strength-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/strength_promotion_transparent-1.png\" alt=\"\" width=\"150\" height=\"150\">           <\/span>           <h3>\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u529b<\/h3>           <p>SNS\u00d7\u30a4\u30d9\u30f3\u30c8\u00d7\u5e83\u544a\u3001\u591a\u69d8\u306a\u30c1\u30e3\u30cd\u30eb\u3067\u52b9\u679c\u7684\u306b\u4fa1\u5024\u3092\u5c4a\u3051\u308b<\/p>         <\/article>       <\/div>     <\/div>   <\/section>       <section class=\"section services-section\" id=\"services\">     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">03<\/span> \u4e8b\u696d\u9818\u57df<\/p>       <h2 class=\"reveal reveal-blur\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u8d77\u70b9\u3067\u3001<br>\u3042\u3089\u3086\u308b\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3092\u652f\u63f4\u3002<\/h2>       <p class=\"section-lead reveal\">\u6226\u7565\u7acb\u6848\u304b\u3089\u4f01\u753b\u30fb\u5236\u4f5c\u30fb\u5c55\u958b\u30fb\u52b9\u679c\u691c\u8a3c\u307e\u3067\u3002\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u624b\u6bb5\u3092\u7d44\u307f\u5408\u308f\u305b\u307e\u3059\u3002<\/p>        <div class=\"services-grid\">         <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1279\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_video_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>\u6620\u50cf\u30fb\u52d5\u753b\u5236\u4f5c<\/h3>           <p>WEB CM\u30fb\u7e26\u578b\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u30fb\u30d6\u30e9\u30f3\u30c9\u30e0\u30fc\u30d3\u30fc<\/p>         <\/a>          <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1280\" style=\"transition-delay:.06s\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_sns_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>SNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0<\/h3>           <p>\u6226\u7565\u8a2d\u8a08\u304b\u3089\u904b\u7528\u30fb\u5206\u6790\u6539\u5584\u307e\u3067<\/p>         <\/a>          <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1281\" style=\"transition-delay:.12s\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_campaign_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>YouTube\u30fb\u30c6\u30ec\u30d3\u756a\u7d44\u5236\u4f5c<\/h3>           <p>\u4f01\u696d\u516c\u5f0f\u30c1\u30e3\u30f3\u30cd\u30eb\u304b\u3089TV\u756a\u7d44\u307e\u3067\u4e00\u6c17\u901a\u8cab<\/p>         <\/a>          <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1282\" style=\"transition-delay:.18s\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_web_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>Web\u30fb\u30c7\u30b8\u30bf\u30eb\u5236\u4f5c<\/h3>           <p>\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u30fbLP\u30fbEC\u30fb\u30a2\u30d7\u30eaUI<\/p>         <\/a>          <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1283\" style=\"transition-delay:.24s\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_graphic_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>AI\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6<\/h3>           <p>AI\u751f\u6210\u00d7\u7de8\u96c6\u3067\u30e0\u30fc\u30d3\u30fc\u30fbMV\u30fbVJ\u7d20\u6750\u3092\u5236\u4f5c<\/p>         <\/a>          <a class=\"service-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1284\" style=\"transition-delay:.3s\">           <span class=\"service-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/service_event_transparent-1.png\" alt=\"\" width=\"72\" height=\"72\">           <\/span>           <h3>\u30a4\u30d9\u30f3\u30c8\u30fb\u5c55\u793a\u4f1a<\/h3>           <p>\u30d5\u30a7\u30b9\u30fb\u5c55\u793a\u4f1a\u30d6\u30fc\u30b9\u30fb\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u306e\u4f01\u753b\u5236\u4f5c<\/p>         <\/a>       <\/div>     <\/div>   <\/section>       <section class=\"section works-section\" id=\"works\">     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">04<\/span> \u5236\u4f5c\u5b9f\u7e3e<\/p>       <h2 class=\"reveal reveal-blur\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3067\u3001\u30d6\u30e9\u30f3\u30c9\u3068\u4eba\u3092\u3064\u306a\u3050\u3002<\/h2>        <div class=\"works-filter reveal\" role=\"group\" aria-label=\"\u5b9f\u7e3e\u30ab\u30c6\u30b4\u30ea\u30d5\u30a3\u30eb\u30bf\">         <button class=\"filter-btn is-active\" data-filter=\"all\" type=\"button\" aria-pressed=\"true\">\u3059\u3079\u3066<\/button>         <button class=\"filter-btn\" data-filter=\"\u6620\u50cf\u30fb\u52d5\u753b\" type=\"button\" aria-pressed=\"false\">\u6620\u50cf\u30fb\u52d5\u753b<\/button>         <button class=\"filter-btn\" data-filter=\"SNS\" type=\"button\" aria-pressed=\"false\">SNS<\/button>         <button class=\"filter-btn\" data-filter=\"\u30a4\u30d9\u30f3\u30c8\u30fbPR\" type=\"button\" aria-pressed=\"false\">\u30a4\u30d9\u30f3\u30c8\u30fbPR<\/button>         <button class=\"filter-btn\" data-filter=\"Web\u30fb\u30c7\u30b8\u30bf\u30eb\" type=\"button\" aria-pressed=\"false\">Web\u30fb\u30c7\u30b8\u30bf\u30eb<\/button>       <\/div>        <div class=\"works-grid\" id=\"works-grid\">         <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1188\" data-cats=\"\u6620\u50cf\u30fb\u52d5\u753b\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/creative-beauty-campaign-2.jpg\" alt=\"\u7f8e\u5bb9\u30b5\u30fc\u30d3\u30b9\u306e\u7d71\u5408\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">WEB CM\u3001\u7e26\u578b\u52d5\u753b\u3001LP\u3092\u3072\u3068\u3064\u306e\u4e16\u754c\u89b3\u3067\u8a2d\u8a08\u3002\u8a8d\u77e5\u304b\u3089\u691c\u8a0e\u307e\u3067\u3001\u63a5\u70b9\u3092\u6a2a\u65ad\u3057\u3066\u5236\u4f5c\u3057\u307e\u3057\u305f\u3002<\/p>               <p class=\"work-result\">\u52d5\u753b\u3068Web\u3092\u6a2a\u65ad\u3057\u305f\u3001\u4e00\u8cab\u6027\u306e\u3042\u308b\u30d6\u30e9\u30f3\u30c9\u4f53\u9a13\u3092\u69cb\u7bc9\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u6620\u50cf\u30fb\u52d5\u753b<\/span>             <span class=\"work-title\">\u7f8e\u5bb9\u30b5\u30fc\u30d3\u30b9\u306e\u7d71\u5408\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1206\" data-cats=\"\u6620\u50cf\u30fb\u52d5\u753b\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/work-channel-1.jpg\" alt=\"\u5c02\u9580\u30c1\u30e3\u30f3\u30cd\u30eb\u306e\u7acb\u3061\u4e0a\u3052\u30fb\u904b\u7528\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u4f01\u753b\u3001\u64ae\u5f71\u3001\u7de8\u96c6\u3001\u516c\u958b\u6539\u5584\u3092\u7a4d\u307f\u91cd\u306d\u3001\u5b66\u3073\u3068\u30a8\u30f3\u30bf\u30e1\u304c\u5171\u5b58\u3059\u308b\u30c1\u30e3\u30f3\u30cd\u30eb\u3078\u3002<\/p>               <p class=\"work-result\">\u958b\u59cb\u7d043\u30f6\u6708\u3067\u53ce\u76ca\u5316\u3001\u6700\u9ad878\u4e07\u56de\u518d\u751f\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u6620\u50cf\u30fb\u52d5\u753b<\/span>             <span class=\"work-title\">\u5c02\u9580\u30c1\u30e3\u30f3\u30cd\u30eb\u306e\u7acb\u3061\u4e0a\u3052\u30fb\u904b\u7528<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1208\" data-cats=\"\u30a4\u30d9\u30f3\u30c8\u30fbPR\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/music_fes-1.jpg\" alt=\"\u97f3\u697d\u30d5\u30a7\u30b9\u30fb\u30b9\u30c6\u30fc\u30b8\u5236\u4f5c\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u7a7a\u9593\u3001\u97f3\u3001\u9032\u884c\u3092\u3072\u3068\u3064\u306b\u675f\u306d\u3001\u89b3\u5ba2\u3068\u51fa\u6f14\u8005\u306e\u71b1\u91cf\u304c\u4ea4\u5dee\u3059\u308b\u5834\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>               <p class=\"work-result\">\u97f3\u697d\u30d5\u30a7\u30b930\u4ef6\u4ee5\u4e0a\u3001\u5927\u5b66\u5b66\u5712\u796d25\u6821\u4ee5\u4e0a\u3092\u652f\u63f4\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u30a4\u30d9\u30f3\u30c8\u30fbPR<\/span>             <span class=\"work-title\">\u97f3\u697d\u30d5\u30a7\u30b9\u30fb\u30b9\u30c6\u30fc\u30b8\u5236\u4f5c<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1204\" data-cats=\"SNS\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/sns-professional-education-2.jpg\" alt=\"\u5c02\u9580\u5bb6\u30b5\u30fc\u30d3\u30b9\u306eInstagram\u904b\u7528\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u96e3\u3057\u3044\u60c5\u5831\u3092\u3001\u4fdd\u5b58\u3057\u305f\u304f\u306a\u308b\u56f3\u89e3\u3078\u3002\u8a8d\u77e5\u3060\u3051\u3067\u306a\u304f\u76f8\u8ac7\u306b\u3064\u306a\u304c\u308b\u5c0e\u7dda\u3092\u8a2d\u8a08\u3057\u307e\u3057\u305f\u3002<\/p>               <p class=\"work-result\">\u4fdd\u5b58\u73871.5%\u8d85\u30011\u4e07\u30ea\u30fc\u30c1\u8d85\u306e\u6295\u7a3f\u3092\u5275\u51fa\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">SNS<\/span>             <span class=\"work-title\">\u5c02\u9580\u5bb6\u30b5\u30fc\u30d3\u30b9\u306eInstagram\u904b\u7528<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1190\" data-cats=\"\u6620\u50cf\u30fb\u52d5\u753b\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/creative-food-collaboration-2.jpg\" alt=\"\u98df\u54c1\u30d6\u30e9\u30f3\u30c9\u306e\u30b3\u30e9\u30dc\u52d5\u753b\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u89aa\u3057\u307f\u306e\u3042\u308b\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u3068\u5546\u54c1\u306e\u9b45\u529b\u3092\u639b\u3051\u5408\u308f\u305b\u3001SNS\u3067\u81ea\u7136\u306b\u5e83\u304c\u308b\u4f01\u753b\u3078\u3002<\/p>               <p class=\"work-result\">\u5546\u54c1\u7406\u89e3\u3068\u8a71\u984c\u6027\u3092\u4e21\u7acb\u3059\u308b\u77ed\u5c3a\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3092\u5236\u4f5c\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u6620\u50cf\u30fb\u52d5\u753b<\/span>             <span class=\"work-title\">\u98df\u54c1\u30d6\u30e9\u30f3\u30c9\u306e\u30b3\u30e9\u30dc\u52d5\u753b<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1210\" data-cats=\"\u30a4\u30d9\u30f3\u30c8\u30fbPR\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/booth-1.jpg\" alt=\"\u7523\u696d\u5c55\u793a\u4f1a\u306e\u30d6\u30fc\u30b9\u4f01\u753b\u30fb\u5236\u4f5c\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u4f1d\u3048\u308b\u60c5\u5831\u3092\u6574\u7406\u3057\u3001\u7acb\u3061\u6b62\u307e\u308a\u305f\u304f\u306a\u308b\u7a7a\u9593\u3068\u3001\u4f1a\u8a71\u304c\u59cb\u307e\u308b\u5c0e\u7dda\u3092\u8a2d\u8a08\u3002<\/p>               <p class=\"work-result\">\u591a\u696d\u7a2e\u306e\u5c55\u793a\u4f1a\u3067\u3001\u60c5\u5831\u3068\u4f53\u9a13\u3092\u4e21\u7acb\u3059\u308b\u30d6\u30fc\u30b9\u3092\u5236\u4f5c\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u30a4\u30d9\u30f3\u30c8\u30fbPR<\/span>             <span class=\"work-title\">\u7523\u696d\u5c55\u793a\u4f1a\u306e\u30d6\u30fc\u30b9\u4f01\u753b\u30fb\u5236\u4f5c<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1214\" data-cats=\"\u6620\u50cf\u30fb\u52d5\u753b\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/ai_frame1-1.jpg\" alt=\"AI\u3092\u6d3b\u7528\u3057\u305f\u30d6\u30e9\u30f3\u30c9\u30e0\u30fc\u30d3\u30fc\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u5b9f\u5199\u306e\u8cea\u611f\u3068\u751f\u6210\u8868\u73fe\u3092\u91cd\u306d\u3001\u73fe\u5b9f\u306e\u5ef6\u9577\u306b\u3042\u308b\u65b0\u3057\u3044\u30d6\u30e9\u30f3\u30c9\u4f53\u9a13\u3092\u5236\u4f5c\u3002<\/p>               <p class=\"work-result\">\u30a2\u30d1\u30ec\u30eb\u3001\u30a4\u30d9\u30f3\u30c8\u3001\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u5411\u3051\u306b12\u672c\u3092\u5236\u4f5c\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">\u6620\u50cf\u30fb\u52d5\u753b<\/span>             <span class=\"work-title\">AI\u3092\u6d3b\u7528\u3057\u305f\u30d6\u30e9\u30f3\u30c9\u30e0\u30fc\u30d3\u30fc<\/span>           <\/div>         <\/a>          <a class=\"work-card reveal\" href=\"https:\/\/marvie-jp.com\/?page_id=1212\" data-cats=\"Web\u30fb\u30c7\u30b8\u30bf\u30eb\">           <div class=\"work-thumb\">             <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/work-artist-site-1.jpg\" alt=\"\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u516c\u5f0fWeb\u30b5\u30a4\u30c8\" loading=\"lazy\" onerror=\"this.style.display='none'\">             <div class=\"work-overlay\">               <p class=\"work-summary\">\u4f5c\u54c1\u306e\u4f59\u97fb\u3092\u58ca\u3055\u305a\u3001\u60c5\u5831\u3078\u8ff7\u308f\u305a\u5c4a\u304f\u3002\u4e16\u754c\u89b3\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u4e21\u7acb\u3057\u307e\u3057\u305f\u3002<\/p>               <p class=\"work-result\">\u6d3b\u52d5\u306e\u9b45\u529b\u3092\u4f1d\u3048\u306a\u304c\u3089\u3001\u66f4\u65b0\u3057\u3084\u3059\u3044\u60c5\u5831\u69cb\u9020\u3078\u6574\u7406\u3002<\/p>             <\/div>           <\/div>           <div class=\"work-caption\">             <span class=\"work-cat\">Web\u30fb\u30c7\u30b8\u30bf\u30eb<\/span>             <span class=\"work-title\">\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u516c\u5f0fWeb\u30b5\u30a4\u30c8<\/span>           <\/div>         <\/a>       <\/div>        <div class=\"works-more reveal\">         <a class=\"btn btn-primary\" href=\"https:\/\/marvie-jp.com\/?page_id=1150\">\u3059\u3079\u3066\u306e\u5b9f\u7e3e\u3092\u898b\u308b \u2192<\/a>       <\/div>     <\/div>   <\/section>       <section class=\"numbers-strip reveal\" aria-label=\"\u5b9f\u7e3e\u30cf\u30a4\u30e9\u30a4\u30c8\">     <div class=\"marquee\" data-marquee>       <div class=\"marquee-track\">         <div class=\"marquee-item\"><span class=\"mq-num\">1M<\/span><span class=\"mq-unit grad-text\">views \u00d74<\/span><span class=\"mq-note\">TikTok\u65bd\u7b56\u3067100\u4e07\u56de\u518d\u751f\u52d5\u753b\u30924\u672c\u5275\u51fa<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">+1,200<\/span><span class=\"mq-unit grad-text\">LINE \/ 2days<\/span><span class=\"mq-note\">\u30a4\u30d9\u30f3\u30c8\u51fa\u5c552\u65e5\u9593\u3067\u53cb\u3060\u3061\u767b\u9332\u5897<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">10,000<\/span><span class=\"mq-unit grad-text\">followers<\/span><span class=\"mq-note\">\u516c\u5f0f\u30ad\u30e3\u30e9\u30af\u30bf\u30fcSNS\u904b\u7528\u30fb3\u30f6\u6708<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">No.1<\/span><span class=\"mq-unit grad-text\">\u8996\u8074\u71b1<\/span><span class=\"mq-note\">\u5728\u4eac\u30c6\u30ec\u30d3\u5c40 \u5236\u4f5c\u756a\u7d44 \u8996\u8074\u71b1\u30e9\u30f3\u30ad\u30f3\u30b01\u4f4d<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">780K<\/span><span class=\"mq-unit grad-text\">views<\/span><span class=\"mq-note\">YouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u7acb\u3061\u4e0a\u3052\u652f\u63f4<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">30+<\/span><span class=\"mq-unit grad-text\">festivals<\/span><span class=\"mq-note\">\u97f3\u697d\u30d5\u30a7\u30b9\u5236\u4f5c\u5b9f\u7e3e<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">25+<\/span><span class=\"mq-unit grad-text\">campuses<\/span><span class=\"mq-note\">\u5927\u5b66\u5b66\u5712\u796d\u30b9\u30c6\u30fc\u30b8\u5236\u4f5c<\/span><\/div>         <div class=\"marquee-item\"><span class=\"mq-num\">12+<\/span><span class=\"mq-unit grad-text\">AI movies<\/span><span class=\"mq-note\">AI\u751f\u6210\u30e0\u30fc\u30d3\u30fc\u5236\u4f5c<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">1M<\/span><span class=\"mq-unit grad-text\">views \u00d74<\/span><span class=\"mq-note\">TikTok\u65bd\u7b56\u3067100\u4e07\u56de\u518d\u751f\u52d5\u753b\u30924\u672c\u5275\u51fa<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">+1,200<\/span><span class=\"mq-unit grad-text\">LINE \/ 2days<\/span><span class=\"mq-note\">\u30a4\u30d9\u30f3\u30c8\u51fa\u5c552\u65e5\u9593\u3067\u53cb\u3060\u3061\u767b\u9332\u5897<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">10,000<\/span><span class=\"mq-unit grad-text\">followers<\/span><span class=\"mq-note\">\u516c\u5f0f\u30ad\u30e3\u30e9\u30af\u30bf\u30fcSNS\u904b\u7528\u30fb3\u30f6\u6708<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">No.1<\/span><span class=\"mq-unit grad-text\">\u8996\u8074\u71b1<\/span><span class=\"mq-note\">\u5728\u4eac\u30c6\u30ec\u30d3\u5c40 \u5236\u4f5c\u756a\u7d44 \u8996\u8074\u71b1\u30e9\u30f3\u30ad\u30f3\u30b01\u4f4d<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">780K<\/span><span class=\"mq-unit grad-text\">views<\/span><span class=\"mq-note\">YouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u7acb\u3061\u4e0a\u3052\u652f\u63f4<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">30+<\/span><span class=\"mq-unit grad-text\">festivals<\/span><span class=\"mq-note\">\u97f3\u697d\u30d5\u30a7\u30b9\u5236\u4f5c\u5b9f\u7e3e<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">25+<\/span><span class=\"mq-unit grad-text\">campuses<\/span><span class=\"mq-note\">\u5927\u5b66\u5b66\u5712\u796d\u30b9\u30c6\u30fc\u30b8\u5236\u4f5c<\/span><\/div>         <div class=\"marquee-item\" aria-hidden=\"true\"><span class=\"mq-num\">12+<\/span><span class=\"mq-unit grad-text\">AI movies<\/span><span class=\"mq-note\">AI\u751f\u6210\u30e0\u30fc\u30d3\u30fc\u5236\u4f5c<\/span><\/div>       <\/div>     <\/div>   <\/section>       <section class=\"section process-section\" id=\"process\">     <div class=\"process-bg\" aria-hidden=\"true\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process-bg-1.jpg\" alt=\"\" onerror=\"this.style.display='none'\">     <\/div>     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">05<\/span> \u79c1\u305f\u3061\u306e\u30d7\u30ed\u30bb\u30b9<\/p>       <h2 class=\"reveal reveal-blur\">\u8ab2\u984c\u767a\u898b\u304b\u3089\u6210\u679c\u5275\u51fa\u307e\u3067\u3001\u4e00\u8cab\u3057\u3066\u4f34\u8d70\u3057\u307e\u3059\u3002<\/h2>        <div class=\"process-steps\">         <div class=\"process-step reveal\">           <span class=\"process-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process_01_hearing_transparent.png\" alt=\"\" width=\"76\" height=\"76\">           <\/span>           <p>\u8ab2\u984c\u306e\u30d2\u30a2\u30ea\u30f3\u30b0<\/p>         <\/div>         <span class=\"process-arrow reveal\" aria-hidden=\"true\">\u2192<\/span>         <div class=\"process-step reveal\" style=\"transition-delay:.06s\">           <span class=\"process-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process_02_planning_transparent.png\" alt=\"\" width=\"76\" height=\"76\">           <\/span>           <p>\u6226\u7565\u30fb\u4f01\u753b\u7acb\u6848<\/p>         <\/div>         <span class=\"process-arrow reveal\" aria-hidden=\"true\">\u2192<\/span>         <div class=\"process-step reveal\" style=\"transition-delay:.12s\">           <span class=\"process-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process_03_creative_transparent.png\" alt=\"\" width=\"76\" height=\"76\">           <\/span>           <p>\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u5236\u4f5c<\/p>         <\/div>         <span class=\"process-arrow reveal\" aria-hidden=\"true\">\u2192<\/span>         <div class=\"process-step reveal\" style=\"transition-delay:.18s\">           <span class=\"process-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process_04_promotion_transparent.png\" alt=\"\" width=\"76\" height=\"76\">           <\/span>           <p>\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u5c55\u958b<\/p>         <\/div>         <span class=\"process-arrow reveal\" aria-hidden=\"true\">\u2192<\/span>         <div class=\"process-step reveal\" style=\"transition-delay:.24s\">           <span class=\"process-icon\">             <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/process_05_optimization_transparent.png\" alt=\"\" width=\"76\" height=\"76\">           <\/span>           <p>\u52b9\u679c\u691c\u8a3c\u30fb\u6539\u5584<\/p>         <\/div>       <\/div>     <\/div>   <\/section>       <section class=\"about-section\" id=\"about\">     <div class=\"about-bg\" aria-hidden=\"true\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/section_about_cityscape_clean.jpg\" alt=\"\" onerror=\"this.style.display='none'\">     <\/div>     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span>Marvie\u306b\u3064\u3044\u3066<\/p>       <h2 class=\"reveal reveal-blur grad-text grad-pink\">\u52d5\u304b\u3059\u306e\u306f\u3001\u5fc3\u3002<br>\u52d5\u304b\u3059\u306e\u306f\u3001\u672a\u6765\u3002<\/h2>       <p class=\"about-lead reveal\">         \u79c1\u305f\u3061\u306f\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306e\u529b\u3092\u4fe1\u3058\u3066\u3044\u307e\u3059\u3002\u3072\u3068\u3064\u306e\u30a2\u30a4\u30c7\u30a2\u304c\u3001\u4eba\u306e\u5fc3\u3092\u52d5\u304b\u3057\u3001\u793e\u4f1a\u3092\u52d5\u304b\u3057\u3001\u672a\u6765\u3092\u3064\u304f\u3063\u3066\u3044\u304f\u3002<br class=\"br-wide\">Marvie\u306f\u3001\u3053\u308c\u304b\u3089\u3082\u6311\u6226\u3057\u7d9a\u3051\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002       <\/p>     <\/div>   <\/section>       <section class=\"section company-section\" id=\"company\">     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">06<\/span> \u4f01\u696d\u60c5\u5831<\/p>       <h2 class=\"reveal reveal-blur\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306e\u529b\u3067\u3001\u8c4a\u304b\u306a\u793e\u4f1a\u306e\u5b9f\u73fe\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002<\/h2>        <div class=\"company-grid\">         <div class=\"company-banner reveal\">           <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/company_real_location.jpg\" alt=\"Marvie \u30aa\u30d5\u30a3\u30b9\uff08\u864e\u30ce\u9580\u30d2\u30eb\u30ba\uff09\" loading=\"lazy\" onerror=\"this.style.display='none'\">         <\/div>         <div class=\"company-card reveal\" style=\"transition-delay:.08s\">           <dl class=\"company-dl\">             <div class=\"company-row\">               <dt>\u4f1a\u793e\u540d<\/dt>               <dd>Marvie\u5408\u540c\u4f1a\u793e<\/dd>             <\/div>             <div class=\"company-row\">               <dt>\u6240\u5728\u5730<\/dt>               <dd>\u3012105-6415 \u6771\u4eac\u90fd\u6e2f\u533a\u864e\u30ce\u95801\u4e01\u76ee17\u756a1\u53f7 \u864e\u30ce\u9580\u30d2\u30eb\u30ba\u30d3\u30b8\u30cd\u30b9\u30bf\u30ef\u30fc15\u968e<\/dd>             <\/div>             <div class=\"company-row\">               <dt>\u8cc7\u672c\u91d1<\/dt>               <dd>5\u767e\u4e07\u5186<\/dd>             <\/div>             <div class=\"company-row\">               <dt>TEL<\/dt>               <dd>03-6824-7807<\/dd>             <\/div>             <div class=\"company-row\">               <dt>Mail<\/dt>               <dd>info@marvie-jp.com<\/dd>             <\/div>             <div class=\"company-row\">               <dt>\u4e8b\u696d\u5185\u5bb9<\/dt>               <dd>\u30c6\u30ec\u30d3\u756a\u7d44\u30fb\u30cd\u30c3\u30c8\u914d\u4fe1\u756a\u7d44\u5236\u4f5c\uff0fYouTube\u30fbSNS\u30fbWeb\u30b5\u30a4\u30c8\u7528\u52d5\u753b\u5236\u4f5c\uff0f\u6cd5\u4eba\u30fb\u500b\u4eba\u5411\u3051\u6620\u50cf\u5236\u4f5c\uff0fSNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30fb\u30a4\u30d9\u30f3\u30c8\u5236\u4f5c\uff0f\u30cd\u30c3\u30c8\u653e\u9001\u5c40\u300cTOKYO WAVE FM\u300d\u904b\u55b6\uff0f\u64ae\u5f71\u6a5f\u6750\u30ec\u30f3\u30bf\u30eb\u30fb\u53ce\u9332\u30b9\u30bf\u30b8\u30aa\u63d0\u4f9b<\/dd>             <\/div>           <\/dl>         <\/div>       <\/div>     <\/div>   <\/section>       <section class=\"section news-section\" id=\"news\">     <div class=\"container\">       <p class=\"section-label reveal\"><span class=\"label-bar\"><\/span><span class=\"label-num\">07<\/span> \u30cb\u30e5\u30fc\u30b9<\/p>        <ul class=\"news-list\">         <li class=\"news-item reveal\">           <span class=\"news-date\">2026.07.06<\/span>           <span class=\"news-title\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u3092\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3057\u307e\u3057\u305f<\/span>           <span class=\"news-badge\">NEW<\/span>         <\/li>         <li class=\"news-item reveal\" style=\"transition-delay:.06s\">           <span class=\"news-date\">2024.06.30<\/span>           <span class=\"news-title\">\uff0b\uff18\uff08\u305f\u3059\u306f\u3061\uff09\u69d8 \u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3CM\u5b9f\u7e3e\u3092\u516c\u958b\u3057\u307e\u3057\u305f<\/span>         <\/li>         <li class=\"news-item reveal\" style=\"transition-delay:.12s\">           <span class=\"news-date\">2024.06.13<\/span>           <span class=\"news-title\">\u97f3\u697d\u30d5\u30a7\u30b9\u30fb\u5927\u5b66\u5b66\u5712\u796d\u306e\u30b9\u30c6\u30fc\u30b8\u5236\u4f5c\u5b9f\u7e3e\u3092\u516c\u958b\u3057\u307e\u3057\u305f<\/span>         <\/li>         <li class=\"news-item reveal\" style=\"transition-delay:.18s\">           <span class=\"news-date\">2024.06.13<\/span>           <span class=\"news-title\">\u82f1\u96c5\u5802\u30b0\u30eb\u30fc\u30d7\uff08\u5c71\u68a8\uff09\u5e97\u8217\u65b0\u898f\u7acb\u3061\u4e0a\u3052\u3092\u652f\u63f4\u3057\u307e\u3057\u305f<\/span>         <\/li>       <\/ul>        <div class=\"news-more reveal\">         <a class=\"btn btn-outline\" href=\"https:\/\/marvie-jp.com\/?page_id=21\">\u30cb\u30e5\u30fc\u30b9\u4e00\u89a7\u3078 \u2192<\/a>       <\/div>     <\/div>   <\/section>       <section class=\"banner-section recruit-section\" id=\"recruit\">     <div class=\"banner-bg\" aria-hidden=\"true\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/recruit-team.jpg\" alt=\"\" onerror=\"this.style.display='none'\">     <\/div>     <div class=\"container\">       <div class=\"banner-content reveal\">         <h2>\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306e\u529b\u3067\u3001\u672a\u6765\u3092\u4e00\u7dd2\u306b\u3064\u304f\u308d\u3046\u3002<\/h2>         <a class=\"btn btn-primary\" href=\"#contact\">\u63a1\u7528\u60c5\u5831\u3092\u898b\u308b \u2192<\/a>       <\/div>     <\/div>   <\/section>       <section class=\"banner-section contact-section\" id=\"contact\">     <div class=\"contact-blobs\" aria-hidden=\"true\">       <span class=\"blob blob-c1\"><\/span>       <span class=\"blob blob-c2\"><\/span>     <\/div>     <div class=\"banner-bg\" aria-hidden=\"true\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/contact-hands.jpg\" alt=\"\" onerror=\"this.style.display='none'\">     <\/div>     <div class=\"container\">       <div class=\"banner-content banner-content-center reveal\">         <h2>\u3054\u76f8\u8ac7\u30fb\u3054\u8cea\u554f\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/h2>         <a class=\"btn btn-primary\" href=\"https:\/\/marvie-jp.com\/?page_id=23\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3078 \u2192<\/a>       <\/div>     <\/div>   <\/section>  <\/main>  <footer class=\"site-footer\">   <div class=\"footer-inner\">     <a class=\"logo logo-sm\" href=\"#top\" aria-label=\"Marvie \u30c8\u30c3\u30d7\u3078\">       <img decoding=\"async\" src=\"https:\/\/marvie-jp.com\/wp-content\/uploads\/2026\/07\/marvie_logo_title.png\" alt=\"Marvie\" class=\"logo-img\">     <\/a>      <nav class=\"footer-nav\" aria-label=\"\u30d5\u30c3\u30bf\u30fc\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">       <a href=\"#strengths\">STRENGTHS<\/a>       <a href=\"#services\">SERVICE<\/a>       <a href=\"#works\">WORKS<\/a>       <a href=\"#company\">COMPANY<\/a>       <a href=\"#news\">NEWS<\/a>       <a href=\"#recruit\">RECRUIT<\/a>     <\/nav>      <div class=\"footer-sns\">       <a href=\"#\" aria-label=\"Instagram\">         <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">           <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>           <circle cx=\"12\" cy=\"12\" r=\"4.2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>           <circle cx=\"17.3\" cy=\"6.7\" r=\"1.1\" fill=\"currentColor\"\/>         <\/svg>       <\/a>       <a href=\"#\" aria-label=\"X\">         <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">           <path d=\"M4 4l16 16M20 4L4 20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>         <\/svg>       <\/a>       <a href=\"#\" aria-label=\"YouTube\">         <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">           <rect x=\"2.5\" y=\"6\" width=\"19\" height=\"12\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>           <path d=\"M10.5 9.5l5 2.5-5 2.5v-5z\" fill=\"currentColor\"\/>         <\/svg>       <\/a>     <\/div>   <\/div>   <div class=\"footer-bottom\">     <p>&copy; Marvie LLC. All Rights Reserved.<\/p>   <\/div> <\/footer>  <!--noptimize--><script data-noptimize=\"1\">(() => {   'use strict';       document.getElementById('mv4-root').classList.replace('no-js', 'js');    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;       const healLazyImages = () => {     document.querySelectorAll('img.lazyload[data-src], img.lazyloading[data-src]').forEach((img) => {       if (img.dataset.srcset) { img.srcset = img.dataset.srcset; }       img.src = img.dataset.src;       img.classList.remove('lazyload', 'lazyloading');       img.classList.add('lazyloaded');     });   };   setTimeout(healLazyImages, 1000);   setTimeout(healLazyImages, 3000);   window.addEventListener('load', () => setTimeout(healLazyImages, 500));       const header = document.getElementById('site-header');   const progressBar = document.getElementById('scroll-progress');   const heroSection = document.querySelector('.hero');   const heroInner = document.querySelector('.hero-inner');   const heroFloaters = document.querySelector('.hero-floaters');      const bgImgs = document.querySelectorAll('.about-bg img, .process-bg img, .banner-bg img');   const visibleBgImgs = new Set();   if ('IntersectionObserver' in window && !prefersReducedMotion) {     const bgObserver = new IntersectionObserver((entries) => {       entries.forEach((entry) => {         if (entry.isIntersecting) visibleBgImgs.add(entry.target);         else visibleBgImgs.delete(entry.target);       });     }, { rootMargin: '0px' });     bgImgs.forEach((img) => bgObserver.observe(img));   }    let scrollTicking = false;   const onScrollFrame = () => {     const y = window.scrollY;           if (header) header.classList.toggle('is-scrolled', y > 10);           if (progressBar) {       const scrollable = document.documentElement.scrollHeight - window.innerHeight;       const ratio = scrollable > 0 ? y \/ scrollable : 0;       progressBar.style.transform = `scaleX(${ratio.toFixed(4)})`;     }      if (!prefersReducedMotion) {              const heroH = heroSection ? heroSection.offsetHeight : 0;       if (heroSection && y <= heroH) {         if (heroInner) {           heroInner.style.opacity = String(Math.max(0.15, 1 - (y \/ heroH) * 0.85));           heroInner.style.translate = `0 ${(-y * 0.12).toFixed(1)}px`;         }                  if (heroFloaters) heroFloaters.style.translate = `0 ${(y * 0.18).toFixed(1)}px`;       }               const vh = window.innerHeight;       visibleBgImgs.forEach((img) => {         const rect = img.getBoundingClientRect();         const rate = ((rect.top + rect.height \/ 2) \/ vh - 0.5) * -2;          img.style.translate = `0 ${(rate * 40).toFixed(1)}px`;       });     }      scrollTicking = false;   };   const requestScrollFrame = () => {     if (!scrollTicking) {       window.requestAnimationFrame(onScrollFrame);       scrollTicking = true;     }   };   document.addEventListener('scroll', requestScrollFrame, { passive: true });   onScrollFrame();       const heroVideo = document.querySelector('.hero-video');   const heroVideoUrl = heroVideo && heroVideo.dataset.src;   if (heroVideoUrl && !heroVideoUrl.includes('__') && !prefersReducedMotion) {     heroVideo.src = heroVideoUrl;     heroVideo.play().catch(() => {});   }       const hamburger = document.getElementById('hamburger');   const mobileMenu = document.getElementById('mobile-menu');    if (hamburger && mobileMenu) {     const closeMenu = () => {       mobileMenu.classList.remove('is-open');       document.body.classList.remove('menu-locked');       hamburger.setAttribute('aria-expanded', 'false');       hamburger.setAttribute('aria-label', '\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f');     };     const openMenu = () => {       mobileMenu.classList.add('is-open');       document.body.classList.add('menu-locked');       hamburger.setAttribute('aria-expanded', 'true');       hamburger.setAttribute('aria-label', '\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b');     };     document.addEventListener('keydown', (e) => {       if (e.key === 'Escape' && mobileMenu.classList.contains('is-open')) {         closeMenu();         hamburger.focus();       }     });      hamburger.addEventListener('click', () => {       const isOpen = hamburger.getAttribute('aria-expanded') === 'true';       isOpen ? closeMenu() : openMenu();     });     mobileMenu.querySelectorAll('a').forEach((link) => {       link.addEventListener('click', closeMenu);     });   }       const revealEls = document.querySelectorAll('.reveal');   if ('IntersectionObserver' in window && !prefersReducedMotion) {     const revealObserver = new IntersectionObserver((entries) => {       entries.forEach((entry) => {         if (entry.isIntersecting) {           entry.target.classList.add('is-visible');           revealObserver.unobserve(entry.target);         }       });     }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });      revealEls.forEach((el) => revealObserver.observe(el));   } else {     revealEls.forEach((el) => el.classList.add('is-visible'));   }       const parallaxEls = document.querySelectorAll('[data-depth]');   if (parallaxEls.length && !prefersReducedMotion) {     let mouseX = 0;     let mouseY = 0;     let ticking = false;      const applyParallax = () => {       const cx = mouseX - 0.5;       const cy = mouseY - 0.5;       parallaxEls.forEach((el) => {         const depth = parseFloat(el.dataset.depth) || 0;                  el.style.translate = `${(-cx * depth * 26).toFixed(1)}px ${(-cy * depth * 20).toFixed(1)}px`;       });       ticking = false;     };      window.addEventListener('mousemove', (e) => {       mouseX = e.clientX \/ window.innerWidth;       mouseY = e.clientY \/ window.innerHeight;       if (!ticking) {         window.requestAnimationFrame(applyParallax);         ticking = true;       }     });   }       const filterButtons = document.querySelectorAll('.filter-btn');   const workCards = document.querySelectorAll('.work-card');    filterButtons.forEach((btn) => {     btn.addEventListener('click', () => {       const filter = btn.dataset.filter;        filterButtons.forEach((b) => {         b.classList.remove('is-active');         b.setAttribute('aria-pressed', 'false');       });       btn.classList.add('is-active');       btn.setAttribute('aria-pressed', 'true');        workCards.forEach((card) => {         const cats = (card.dataset.cats || '').split(',').map((c) => c.trim());         const match = filter === 'all' || cats.includes(filter);          clearTimeout(card._hideTimer);         if (match) {           card.classList.remove('is-hidden');           card.style.opacity = '0';                      requestAnimationFrame(() => requestAnimationFrame(() => {             card.style.opacity = '1';           }));         } else {           card.style.opacity = '0';           card._hideTimer = setTimeout(() => card.classList.add('is-hidden'), 300);         }       });     });   });       document.querySelectorAll('#works-grid .work-card').forEach((card, i) => {     card.style.transitionDelay = `${i * 70}ms`;          card.addEventListener('transitionend', function clearDelay() {       card.style.transitionDelay = '';       card.removeEventListener('transitionend', clearDelay);     });   });       if (!prefersReducedMotion) {     const TILT_MAX_X = 6;      const TILT_MAX_Y = 8;      const tiltCards = document.querySelectorAll('.service-card, .work-card');     tiltCards.forEach((card) => {       const isWorkCard = card.classList.contains('work-card');       card.addEventListener('mousemove', (e) => {         const rect = card.getBoundingClientRect();         const px = (e.clientX - rect.left) \/ rect.width - 0.5;           const py = (e.clientY - rect.top) \/ rect.height - 0.5;         const rotX = (-py * TILT_MAX_X).toFixed(2);         const rotY = (px * TILT_MAX_Y).toFixed(2);                  const lift = isWorkCard ? ' translateY(-6px)' : '';         card.style.transition = 'transform 0s';         card.style.transform = `perspective(700px) rotateX(${rotX}deg) rotateY(${rotY}deg)${lift}`;       });       card.addEventListener('mouseleave', () => {         card.style.transition = '';         card.style.transform = '';       });     });   } })(); <\/script><!--\/noptimize--><\/div>","protected":false},"excerpt":{"rendered":"<p>\u672c\u6587\u3078\u30b9\u30ad\u30c3\u30d7 STRENGTHS SERVICE WORKS COMPANY NEWS RECRUIT CONTACT STRENGTHS SERVICE W&hellip;<\/p>\n","protected":false},"author":1,"featured_media":544,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"rttpg_featured_image_url":{"full":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title.png",2100,1500,false],"landscape":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title.png",2100,1500,false],"portraits":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title.png",2100,1500,false],"thumbnail":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title-150x150.png",150,150,true],"medium":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title-300x214.png",300,214,true],"large":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title-1024x731.png",1024,731,true],"1536x1536":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title-1536x1097.png",1536,1097,true],"2048x2048":["https:\/\/marvie-jp.com\/wp-content\/uploads\/2024\/05\/Marvie-Logo-Title-2048x1463.png",2048,1463,true]},"rttpg_author":{"display_name":"DSP","author_link":"https:\/\/marvie-jp.com\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u672c\u6587\u3078\u30b9\u30ad\u30c3\u30d7 STRENGTHS SERVICE WORKS COMPANY NEWS RECRUIT CO&hellip;","_links":{"self":[{"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marvie-jp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":293,"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/1396"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvie-jp.com\/index.php?rest_route=\/wp\/v2\/media\/544"}],"wp:attachment":[{"href":"https:\/\/marvie-jp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}