/* Approved white editorial TOP. Local Japanese Mincho; UI/body remain Gothic. */
:root{--serif:'Hiragino Mincho ProN','Yu Mincho','YuMincho','Noto Serif JP',serif;--ink:#0a1733;--navy:#0b1931;--gold:#b69a55}
.site-header{background:#fff;color:var(--ink)}.desktop-nav .nav-contact{border:0;border-left:1px solid var(--line);border-radius:0;color:var(--ink);padding-left:30px}.menu-trigger{color:var(--ink)}.menu-lines{border-color:currentColor}.menu-lines:after{background:currentColor}.brand-name{font-family:var(--serif)}
.page-home main{background:#fff}.page-home h1,.page-home h2,.page-home .service h3{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}.page-home h2{font-size:clamp(32px,3.4vw,49px);line-height:1.5}.page-home .section{border-top:1px solid var(--line);padding-block:66px}.page-home .eyebrow{font-size:14px;color:#667386;letter-spacing:.13em;gap:30px;flex-direction:row-reverse;justify-content:flex-end}.page-home .eyebrow:after{background:var(--gold);width:70px}.page-home .text-link{border-color:#aab4c1;font-weight:400}.page-home .text-link:hover{color:#927431}.circle-arrow{display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:46px;height:46px;flex-shrink:0;color:var(--gold);font-family:Arial,sans-serif;font-size:25px}
.page-home .hero{background:#fff;color:var(--ink);overflow:hidden}.page-home .hero-grid{display:block;min-height:790px;padding-block:50px 45px}.hero-kicker{display:flex;align-items:center;gap:36px;font-family:Georgia,serif;font-size:13px;letter-spacing:.25em;color:#718096;margin-bottom:52px}.hero-kicker:before{content:'';width:75px;height:2px;background:var(--gold)}.page-home .hero h1{color:var(--ink);font-size:clamp(70px,7.65vw,120px);line-height:1.32;position:relative;z-index:1;white-space:nowrap}.hero-outline{position:absolute;right:-138px;top:18px;font-size:190px;font-weight:700;letter-spacing:-.065em;line-height:1;writing-mode:vertical-rl;color:transparent;-webkit-text-stroke:1px #d6dfea;user-select:none;z-index:-1}.page-home .hero-description{margin-left:59%;padding-top:32px;position:relative;z-index:1}.page-home .hero-description .hero-lead{font-family:var(--serif);color:var(--ink);font-size:23px;margin:0 0 12px;line-height:1.6;font-weight:600;white-space:nowrap}.page-home .hero-description p{color:var(--body);font-size:14px;line-height:1.9}.page-home .hero-description .text-link{margin-top:18px;gap:22px;padding-bottom:0;border:0}.hero-margin{position:absolute;bottom:54px;left:0;border-left:1px solid #aab4c1;padding:20px 25px 0;font:11px/1.9 Georgia,serif;letter-spacing:.23em;color:#728398}.hero-bottom{border-block:1px solid var(--line);font:11px/1.5 var(--serif);color:#8191a5;letter-spacing:.17em;padding:18px 0}.hero-bottom .wrap{display:flex;justify-content:space-between}.page-home .services{border-top:0;background:#fff}.page-home .service-grid{margin-top:48px}.page-home .service h3{font-size:32px;line-height:1.5}.page-home .service .product-name{font-size:44px}.page-home .service .eyebrow{display:block;color:#ac9053;font-size:14px;letter-spacing:.05em}.page-home .service h4{font-size:17px;font-weight:500;margin-bottom:14px}.page-home .service-description{font-size:16px;max-width:68%;min-height:115px}.page-home .service+.service .service-description{max-width:100%}.page-home .service-mascot{width:150px;right:30px;bottom:0}.page-home .service .text-link{font-size:15px}.page-home .service-break{display:none}
.page-home .home-works{background:#fff}.page-home .work-grid{gap:35px 28px}.page-home .work-card{background:transparent}.page-home .work-thumbnail{height:340px;background:#f7f8fa}.page-home .work-card:nth-child(n+4) .work-thumbnail{height:270px}.page-home .card-content{padding:12px 0 0}.page-home .card-content h3{font:500 18px/1.5 var(--serif);letter-spacing:0;margin:0 0 5px}.page-home .status{padding:0;border:0;background:none;color:#667386;font-size:13px;font-weight:400}.page-home .works-foot{border-top:0;flex-direction:row-reverse;margin-top:35px;padding-top:0}.page-home .works-foot p{font-size:13px}.page-home .works-foot .text-link{font-size:15px}.page-home .work-thumbnail .report-preview{padding:22px 14px}.page-home .work-thumbnail .report-columns{grid-template-columns:1fr}.page-home .work-thumbnail .sns-preview{display:block}.page-home .work-thumbnail .social-art{height:105px;font-size:19px}.page-home .work-thumbnail .social-post p{margin:8px 0}.page-home .work-thumbnail .social-icons{display:block}.page-home .work-thumbnail .schedule{display:none}
.page-home .about-teaser .wrap{display:grid;grid-template-columns:1.2fr 1fr;column-gap:65px}.page-home .about-teaser .eyebrow{grid-column:1;grid-row:1}.page-home .about-teaser h2{grid-column:1;grid-row:2/4;font-size:39px;margin-bottom:0}.page-home .about-teaser p:not(.eyebrow){grid-column:2;grid-row:2;font-size:15px;line-height:2}.page-home .about-teaser .text-link{grid-column:2;grid-row:3;justify-self:start}.page-home .about-teaser .outline-word{display:none}
.contact-band{background:var(--navy);padding-block:64px}.contact-band:after{display:none}.contact-band h2{font-family:var(--serif);font-weight:500;font-size:42px;line-height:1.5}.contact-invitation{display:flex;align-items:center;gap:30px;border-left:1px solid #647086;padding:20px 0 20px 55px;font:20px/1.8 var(--serif);min-height:130px}.contact-invitation .circle-arrow{width:86px;height:86px;font-size:40px;border-color:#d3dbea;color:#fff}.contact-invitation:hover .circle-arrow{background:#ffffff10}.site-footer{background:var(--navy);padding-block:30px}.site-footer nav{font-size:12px}.site-footer .brand-name{display:none}
@media(max-width:1150px) and (min-width:801px){.page-home .hero-grid{min-height:680px}.page-home .hero h1{font-size:7.8vw}.page-home .hero-description{margin-left:47%}.page-home .service h3{font-size:26px}.page-home .service-mascot{width:110px;right:20px}.page-home .service-description{max-width:72%}.page-home .about-teaser h2{font-size:32px}.contact-invitation{padding-left:25px;gap:20px;font-size:17px}.contact-band h2{font-size:34px}}
@media(max-width:800px){.page-home h2{font-size:28px}.page-home .section{padding-block:44px}.page-home .hero-grid{min-height:0;padding-block:35px 36px}.hero-kicker{font-size:9px;gap:18px;letter-spacing:.16em;margin-bottom:30px}.hero-kicker:before{width:36px}.page-home .hero h1{font-size:clamp(29px,8.45vw,62px);line-height:1.55;letter-spacing:-.05em}.hero-outline{font-size:110px;right:-75px;top:55px;opacity:.55}.page-home .hero-description{margin:40px 0 0;padding:0;max-width:540px}.page-home .hero-description .hero-lead{font-size:19px;white-space:normal;line-height:1.8}.page-home .hero-description p{font-size:16px;line-height:1.95}.page-home .hero-description .text-link{font-size:15px;margin-top:20px}.hero-margin{display:none}.hero-bottom{font-size:9px;padding:14px 0;letter-spacing:.04em}.hero-bottom .wrap>span:last-child{font-size:10px}.page-home .eyebrow{font-size:12px;gap:18px}.page-home .eyebrow:after{width:35px}.page-home .service-grid{margin-top:30px}.page-home .service h3{font-size:27px}.page-home .service .product-name{font-size:36px}.page-home .service-description{max-width:70%;font-size:16px;min-height:140px}.page-home .service h4{font-size:16px;max-width:75%}.page-home .service-mascot{position:absolute;width:92px;height:auto;right:0;bottom:82px;margin:0}.page-home .service+.service .service-description{min-height:0}.page-home .service+.service h4{max-width:100%}.page-home .service+.service{padding-bottom:0}.page-home .service-break{display:block}.page-home .work-grid{grid-template-columns:1fr;gap:32px}.page-home .work-card,.page-home .work-card:nth-child(n+4){grid-column:auto}.page-home .work-thumbnail,.page-home .work-card:nth-child(n+4) .work-thumbnail{height:265px}.page-home .card-content h3{font-size:21px}.page-home .card-content .status{font-size:14px}.page-home .works-foot{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-home .works-foot p{font-size:14px}.page-home .works-foot .text-link{font-size:16px;margin:0}.page-home .section-intro{font-size:16px}.page-home .about-teaser .wrap{display:block}.page-home .about-teaser h2{font-size:28px;margin-bottom:24px}.page-home .about-teaser p:not(.eyebrow){font-size:16px}.contact-band{padding-block:40px}.contact-band h2{font-size:29px}.contact-invitation{border-left:0;border-top:1px solid #647086;margin-top:28px;padding:25px 0 0;gap:23px;min-height:0;font-size:19px}.contact-invitation .circle-arrow{width:64px;height:64px;font-size:30px}.site-footer nav a{font-size:13px}}
@media(min-width:560px) and (max-width:800px){.page-home .work-grid{grid-template-columns:1fr 1fr}.page-home .work-card:last-child{grid-column:1/3}.page-home .service-mascot{width:120px;bottom:45px}}
.page-home h2 .phrase{display:inline-block}.page-home .work-strategy .work-thumbnail>img{object-fit:contain;object-position:center;background:#fff}.page-home .work-banner .work-thumbnail>img{object-position:center}
@media(max-width:800px){.page-home h2,.page-home .about-teaser h2{font-size:25px}}
/* Approved lower-page editorial designs: company, catalogue and contact. */
.page-company main h1,.page-company main h2,.page-company main h3,.page-works main h1,.page-works .catalog-label h2,.page-contact .contact-copy h1,.page-contact .contact-help h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.page-company .eyebrow,.page-contact .eyebrow{flex-direction:row-reverse;justify-content:flex-end;gap:28px;color:#7b8798;font-size:13px;letter-spacing:.12em}.page-company .eyebrow:after,.page-contact .eyebrow:after{background:var(--gold);width:65px}.page-company .section{padding-block:62px;border-bottom:1px solid var(--line)}.page-company .company-hero{padding-top:38px;padding-bottom:70px}.page-company .company-hero .wrap{min-height:275px}.page-company .company-hero h1{font-size:clamp(42px,4.4vw,66px);max-width:1200px;line-height:1.55}.page-company .company-hero .outline-word{writing-mode:vertical-rl;right:-75px;bottom:-58px;font-size:145px;opacity:.5;-webkit-text-stroke:1px #aabed7}.page-company .company-intro{gap:65px}.page-company .company-intro h2{font-size:44px;line-height:1.5;margin:0}.page-company .company-intro>p{border-left:1px solid var(--line);padding-left:65px;font-size:16px}.page-company .principles{background:white;color:var(--ink)}.page-company .principles p{color:var(--body)}.page-company .principles h2,.page-company .experience h2{font-size:36px;line-height:1.6}.page-company .principle-grid article{display:block;border-right:0;border-left:1px solid var(--line);padding-left:24px}.page-company .number{font:28px/1.4 var(--serif);color:var(--gold);display:block;margin-bottom:12px}.page-company .principle-grid h3{font-size:24px}.page-company .experience{background:white}.page-company .case-grid{display:block;margin-block:30px 20px}.page-company .case-grid article{display:grid;grid-template-columns:180px 1fr 1.15fr;gap:28px;padding:22px 0;border:0;border-top:1px solid var(--line);align-items:start}.page-company .case-grid article:last-child{border-bottom:1px solid var(--line)}.page-company .case-grid article .eyebrow{display:block;color:var(--ink);letter-spacing:0;margin:0;font:20px/1.7 var(--serif)}.page-company .case-grid article .eyebrow:after{display:none}.page-company .case-grid h3{font-size:19px;color:var(--ink);margin:0;font-weight:400;line-height:1.7;border-left:1px solid var(--line);padding-left:25px}.page-company .case-grid article>p:last-child{font-size:15px;line-height:1.8;border-left:1px solid var(--line);padding-left:25px}.page-company .company-details dl>div{border:0;border-top:1px solid var(--line)}.page-company .company-details dl>div:last-child{border-bottom:1px solid var(--line)}.page-company .company-details dt{background:transparent;padding:18px 0;font-weight:400}.page-company .company-details dd{padding:18px 0}.page-company .contact-band h2{font-weight:400}
.page-works .catalog-intro{padding-top:26px}.page-works .catalog-intro h1{font-size:54px;margin-bottom:18px}.page-works .catalog-intro>p:first-of-type{font-size:19px}.page-works .category-nav{justify-content:flex-start;gap:12px 28px;border-color:var(--line);padding-top:30px;font-weight:400}.page-works .catalog-row{grid-template-columns:245px minmax(0,1fr) 150px;gap:36px;padding:25px 0;border-color:#e3d8c2}.page-works .catalog-label h2{font-size:32px;display:block;margin-bottom:16px}.page-works .catalog-label h2:after{display:none}.page-works .catalog-label h2:before{content:'';display:block;width:48px;height:1px;background:var(--gold);margin-bottom:22px}.page-works .catalog-label p{font-size:15px}.page-works .status{background:transparent;border:0;padding:0;color:#6f7b8d;font-size:13px;font-weight:400}.page-works .catalog-preview{height:230px}.page-works .catalog-row#strategy .catalog-preview{height:260px}.page-works .catalog-row#lp .catalog-preview{height:340px}.page-works .catalog-row#video .catalog-preview{height:250px}.page-works .catalog-row#sns .catalog-preview{height:280px}.page-works .catalog-action .text-link{white-space:normal;text-align:left;color:var(--ink);font-size:15px;border:0;display:flex;flex-wrap:wrap;gap:12px;font-weight:400}.page-works .catalog-action .text-link span[aria-hidden]{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;font-size:22px;color:var(--gold)}.page-works .catalog-preview>button:focus-visible{outline-offset:6px}
.page-contact .contact-page{padding-top:32px}.page-contact .contact-grid{grid-template-columns:1fr 1.1fr;gap:60px}.page-contact .contact-copy h1{font-size:clamp(35px,3.3vw,49px);line-height:1.5;margin-bottom:40px}.page-contact .contact-grid>div:last-child{border-left:1px solid var(--line);padding-left:45px}.page-contact .contact-help{background:transparent;padding:34px 0 0;border-top:1px solid var(--line);border-radius:0;margin-top:40px}.page-contact .contact-help h2{font-size:24px;margin-bottom:24px}.page-contact .contact-help li{margin:19px 0;font-size:16px;gap:20px}.page-contact .contact-help li:before{content:'—';font-weight:400}.page-contact form{border:0;border-radius:0;box-shadow:none;padding:0}.page-contact .demo-notice{background:#faf7ed;margin-bottom:28px}.page-contact .required{background:#faf2dd;color:#8c702e;border:1px solid #e5d7af;border-radius:0}.page-contact .optional{border-radius:0}.page-contact input[type=text],.page-contact input[type=email],.page-contact textarea{border-radius:0}.page-contact .submit-button{background:var(--navy);border-color:var(--navy);border-radius:2px;width:auto;min-width:280px;font-weight:500}.page-contact .radio-label,.page-contact .consent{font-size:16px}.page-contact .field{margin-bottom:28px}
@media(max-width:1100px) and (min-width:801px){.page-works .catalog-row{grid-template-columns:180px minmax(0,1fr) 125px;gap:24px}.page-works .catalog-label h2{font-size:28px}.page-company .case-grid article{grid-template-columns:130px 1fr 1fr;gap:20px}.page-contact .contact-grid{gap:30px}.page-contact .contact-grid>div:last-child{padding-left:30px}}
@media(max-width:800px){.page-company .section{padding-block:42px}.page-company .company-hero{padding-top:20px}.page-company .company-hero .wrap{min-height:0;padding-bottom:25px}.page-company .company-hero h1{font-size:clamp(25px,6.7vw,43px);line-height:1.65}.page-company .company-hero .outline-word{position:absolute;writing-mode:horizontal-tb;font-size:85px;right:-30px;bottom:-22px;z-index:0;opacity:.18;margin:0}.page-company .eyebrow,.page-contact .eyebrow{font-size:12px;gap:20px}.page-company .eyebrow:after,.page-contact .eyebrow:after{width:38px}.page-company .company-intro h2{font-size:29px;margin-bottom:28px}.page-company .company-intro>p{border-left:0;padding-left:0;font-size:16px}.page-company .principles h2,.page-company .experience h2{font-size:27px;line-height:1.6}.page-company .principle-grid{gap:30px}.page-company .principle-grid article{padding-left:20px}.page-company .principle-grid h3{font-size:24px}.page-company .principle-grid p{font-size:16px}.page-company .case-grid article{display:block;padding:22px 0}.page-company .case-grid article .eyebrow{font-size:18px;margin-bottom:9px}.page-company .case-grid h3{padding:0;border:0;font-size:21px;margin-bottom:12px}.page-company .case-grid article>p:last-child{padding:0;border:0;font-size:16px}.page-company .company-details dt{padding:13px 0 3px;color:#718094;font-size:14px}.page-company .company-details dd{padding:3px 0 15px;font-size:16px}.page-works .catalog-intro{padding-top:18px}.page-works .catalog-intro h1{font-size:30px}.page-works .catalog-intro>p:first-of-type{font-size:16px}.page-works .category-nav{gap:8px;padding-top:22px}.page-works .category-nav a{border-radius:0}.page-works .catalog-row{display:flex;gap:18px;padding-block:30px}.page-works .catalog-label h2{font-size:29px;margin-bottom:10px}.page-works .catalog-label h2:before{margin-bottom:14px;width:35px}.page-works .catalog-label p{font-size:16px}.page-works .status{font-size:14px}.page-works .catalog-preview,.page-works .catalog-row#strategy .catalog-preview{height:auto;aspect-ratio:16/9}.page-works .catalog-row#lp .catalog-preview{height:280px;aspect-ratio:auto}.page-works .catalog-row#video .catalog-preview{height:280px;aspect-ratio:auto}.page-works .catalog-row#sns .catalog-preview{height:auto;aspect-ratio:auto}.page-works .catalog-row#ads .catalog-preview{height:230px;aspect-ratio:auto}.page-works .catalog-action .text-link{justify-content:flex-start;gap:22px;font-size:16px;padding:0;min-height:48px}.page-contact .contact-page{padding-top:18px}.page-contact .contact-grid{display:block}.page-contact .contact-copy h1{font-size:31px;margin-bottom:26px}.page-contact .contact-grid>div:last-child{padding-left:0;border-left:0;margin-top:36px}.page-contact .contact-help{margin-top:28px;padding-top:24px}.page-contact .contact-help h2{font-size:22px}.page-contact .submit-button{width:100%;min-width:0}.page-contact .demo-notice{margin-top:0}.page-contact .contact-help li{gap:12px}}
.page-company .phrase{display:inline-block}
@media(min-width:801px){.page-works .catalog-action .text-link{flex-direction:column;align-items:flex-start;gap:12px}}
.live-contact h2{font-family:var(--serif);font-size:29px;font-weight:500}.live-contact>.button{margin:28px 0;background:var(--navy);border-color:var(--navy);border-radius:2px}.live-contact>.note{font-size:14px}
