/*
Theme Name: オモ謎
Theme URI: https://omonazo.omomo-inc.com/
Author: OMOMO Inc.
Description: オモ謎のWordPressテーマです。
Version: 1.5.7
Text Domain: omonazo
*/

:root{--om-blue:#0553dd;--om-blue-strong:#003da8;--om-blue-soft:#eaf1ff;--om-yellow:#ffd43b;--om-ink:#333;--om-muted:#555;--om-bg:#f7f8fa;--om-line:#cad8f2;--om-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--om-bg);color:var(--om-ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:var(--om-blue)}
img{max-width:100%;height:auto}
.omonazo-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}

.omonazo-site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--om-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.omonazo-site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
.omonazo-site-brand{display:flex;align-items:center;gap:14px;min-width:0}
.omonazo-site-logo{display:inline-flex;width:140px;line-height:0}
.omonazo-site-tagline{margin:0;padding-left:14px;border-left:1px solid var(--om-line);color:var(--om-ink);font-size:14px;font-weight:800;letter-spacing:.02em;line-height:1.45;white-space:nowrap}
.omonazo-site-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800}
.omonazo-site-nav a{color:var(--om-ink);text-decoration:none}
.omonazo-site-nav>a:not(.omonazo-site-nav__cta){padding:7px 0;border-bottom:2px solid transparent;transition:color .22s ease,border-color .22s ease}
.omonazo-site-nav__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border:2px solid var(--om-ink);border-radius:999px;background:var(--om-yellow);font-weight:900;box-shadow:0 0 0 rgba(5,83,221,0);transition:background-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.omonazo-site-nav>a:not(.omonazo-site-nav__cta):hover{color:var(--om-blue);border-color:var(--om-blue)}.omonazo-site-nav__cta:hover{background:#ffe47a;box-shadow:0 8px 18px rgba(5,83,221,.18);transform:translateY(-3px) scale(1.02)}}

.omonazo-page-hero{position:relative;padding:76px 0 64px;background-color:#f2f6ff;background-image:radial-gradient(circle at 1px 1px,rgba(5,83,221,.14) 1.15px,transparent 1.25px);background-size:22px 22px}
.omonazo-page-hero h1{position:relative;width:fit-content;max-width:100%;margin:8px 0 0;padding-right:58px;font-size:clamp(38px,6vw,62px);line-height:1.2;letter-spacing:-.04em}
.omonazo-page-hero h1::after{position:absolute;top:8px;right:31px;width:12px;height:12px;border-radius:50%;background:var(--om-yellow);box-shadow:18px 13px 0 var(--om-blue),4px 28px 0 #89adff;content:""}
.omonazo-page-hero>div>p:last-child{max-width:760px;margin:20px 0 0;color:var(--om-muted);font-size:18px}
.omonazo-eyebrow{margin:0;color:var(--om-blue);font-size:13px;font-weight:900;letter-spacing:.14em}
.omonazo-breadcrumb{padding:16px 0;color:var(--om-muted);font-size:13px}
.omonazo-breadcrumb a{color:inherit;text-decoration:none}
.omonazo-content{padding:62px 0 108px}
.omonazo-content h2{line-height:1.45}
.omonazo-work-page{background-color:#f2f6ff;background-image:radial-gradient(circle at 1px 1px,rgba(5,83,221,.14) 1.15px,transparent 1.25px);background-size:22px 22px}
.omonazo-work-page .omonazo-breadcrumb{padding:16px 0 0}
.omonazo-work-page .omonazo-page-hero{padding-top:48px;padding-bottom:32px;background:transparent}
.omonazo-work-page .omonazo-content{padding-top:28px;background:transparent}
.single-omonazo_work .omonazo-work-page .omonazo-page-hero{padding-bottom:28px}
.single-omonazo_work .omonazo-work-page .omonazo-content{padding-top:22px}

.omonazo-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.omonazo-work-card{overflow:hidden;border:1px solid var(--om-line);border-radius:12px;background:#fff}
.omonazo-work-card a{display:block;color:inherit;text-decoration:none}
.omonazo-work-card__image{aspect-ratio:16/10;overflow:hidden;background:#eef2f8}
.omonazo-work-card__image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease}
.omonazo-work-card a:hover .omonazo-work-card__image img{transform:scale(1.025)}
.omonazo-work-card__body{padding:22px}
.omonazo-work-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;color:var(--om-blue-strong);font-size:12px;font-weight:800}
.omonazo-work-card__meta span{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:4px 10px;border:1px solid var(--om-line);border-radius:999px;background:var(--om-blue-soft);line-height:1.2}
.omonazo-work-card h2{margin:0 0 10px;font-size:22px;line-height:1.45}
.omonazo-work-card p{margin:0;color:var(--om-muted);font-size:15px}
.omonazo-work-card__client{display:block;margin-top:14px;font-size:13px;font-weight:700}

.omonazo-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px}
.omonazo-work-main{min-width:0}
.omonazo-work-main h2{margin-top:2em;font-size:clamp(26px,4vw,36px)}
.omonazo-work-main p,.omonazo-work-main li{font-size:17px}
.omonazo-work-main .entry-content>*:first-child{margin-top:0}
.omonazo-work-image{margin:0 0 38px;overflow:hidden;border-radius:12px;background:#eef2f8}
.omonazo-work-image img{display:block;width:100%}
.omonazo-work-aside{position:sticky;top:110px;align-self:start;padding:24px;border:1px solid var(--om-line);border-top:7px solid var(--om-blue);border-radius:12px;background:#fff}
.omonazo-work-facts{display:grid;gap:17px;margin:0}
.omonazo-work-facts div{padding-bottom:17px;border-bottom:1px solid var(--om-line)}
.omonazo-work-facts div:last-child{padding-bottom:0;border-bottom:0}
.omonazo-work-facts dt{color:var(--om-muted);font-size:12px;font-weight:800}
.omonazo-work-facts dd{margin:3px 0 0;font-weight:700}
.omonazo-tags{display:flex;flex-wrap:wrap;gap:7px}
.omonazo-tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--om-blue-soft);color:var(--om-blue-strong);font-size:12px;text-decoration:none}
.omonazo-work-gallery{margin-top:58px;padding-top:1px;border-top:1px solid var(--om-line)}
.omonazo-work-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.omonazo-work-gallery__item{margin:0;overflow:hidden;border:1px solid var(--om-line);border-radius:10px;background:#fff}
.omonazo-work-gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.omonazo-work-gallery__item figcaption{padding:9px 12px;color:var(--om-muted);font-size:13px}
.omonazo-work-back{margin-top:58px;text-align:center}
.omonazo-button--back{gap:8px}

.omonazo-policy-card{max-width:900px;padding:clamp(26px,5vw,54px);border:1px solid var(--om-line);border-radius:16px;background:#fff}
.omonazo-policy-intro{margin:0 0 28px;color:var(--om-muted)}
.omonazo-policy-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:23px 0;border-top:1px solid var(--om-line)}
.omonazo-policy-section__number{display:grid;width:34px;height:34px;margin-top:2px;place-items:center;border-radius:50%;background:var(--om-blue-soft);color:var(--om-blue);font-size:13px;font-weight:800}
.omonazo-policy-section h2{margin:0 0 5px;font-size:19px}
.omonazo-policy-section p{margin:0;color:var(--om-muted);font-size:15px}
.omonazo-policy-contact{margin-top:30px;padding:25px;border-radius:12px;background:var(--om-blue-soft);text-align:center}
.omonazo-policy-contact p{margin:0}
.omonazo-policy-contact .omonazo-button{margin-top:14px;border-color:var(--om-ink);background:var(--om-yellow);color:var(--om-ink)}

.omonazo-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:11px 20px;border:2px solid var(--om-blue);border-radius:999px;background:var(--om-blue);box-shadow:0 0 0 rgba(5,83,221,0);color:#fff;font-weight:900;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.button-arrow-icon{display:block;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.omonazo-button:focus-visible{outline:3px solid rgba(5,83,221,.28);outline-offset:3px}
@media(hover:hover){
  .omonazo-button:hover{border-color:var(--om-blue-strong);background:var(--om-blue-strong);box-shadow:0 8px 18px rgba(5,83,221,.22);color:#fff;transform:translateY(-3px) scale(1.02)}
  .omonazo-button:hover .button-arrow-icon{transform:translateX(3px)}
  .omonazo-button:hover .button-arrow-icon--back{transform:translateX(-3px)}
  .omonazo-policy-contact .omonazo-button:hover{border-color:var(--om-ink);background:#ffe47a;box-shadow:0 8px 18px rgba(255,210,46,.24);color:var(--om-ink)}
}
.omonazo-button--external{gap:8px;padding:10px 15px;border:1px solid var(--om-blue);border-radius:10px;background:var(--om-blue);box-shadow:none;color:#fff;font-size:14px}
.omonazo-external-link-icon{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){
  .omonazo-button--external:hover{border-color:var(--om-blue-strong);background:var(--om-blue-strong);box-shadow:0 6px 14px rgba(5,83,221,.2);color:#fff;transform:translateY(-2px)}
  .omonazo-button--external:hover .omonazo-external-link-icon{transform:translate(2px,-2px)}
}
.omonazo-pagination{margin-top:48px}
.omonazo-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.omonazo-pagination a,.omonazo-pagination span{display:grid;min-width:42px;height:42px;padding:0 12px;place-items:center;border:1px solid var(--om-line);border-radius:8px;background:#fff;text-decoration:none}
.omonazo-pagination .current{background:var(--om-blue);color:#fff}

.omonazo-site-footer{padding:30px 0 92px;border-top:1px solid var(--om-line);background:#fff}
.omonazo-site-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px}
.omonazo-site-footer__company{display:flex;align-items:center;gap:10px 16px}
.omonazo-site-footer__company-link{display:inline-flex;align-items:center;gap:7px;color:var(--om-blue);font-weight:800;text-decoration:none}
.omonazo-site-footer__certification{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:var(--om-blue-soft);color:var(--om-blue-strong);font-size:12px;font-weight:700;line-height:1.35}
.omonazo-site-footer__legal{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.omonazo-site-footer__legal a{font-size:14px;font-weight:700;text-decoration:none}
.omonazo-site-footer__legal small{color:var(--om-muted);font-size:12px;letter-spacing:.02em}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:860px){.omonazo-work-page .omonazo-page-hero{padding-bottom:20px}.omonazo-work-page .omonazo-content{padding-top:14px}.single-omonazo_work .omonazo-work-page .omonazo-page-hero{padding-bottom:18px}.single-omonazo_work .omonazo-work-page .omonazo-content{padding-top:12px}.omonazo-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omonazo-work-layout{grid-template-columns:1fr;gap:32px}.omonazo-work-aside{position:static;padding:20px 22px}.omonazo-work-back{margin-top:32px}.omonazo-site-nav>a:not(.omonazo-site-nav__cta){display:none}}
@media(max-width:560px){.omonazo-shell{width:min(100% - 28px,1120px)}.omonazo-site-header__inner{gap:10px;min-height:70px}.omonazo-site-brand{gap:8px}.omonazo-site-logo{width:94px}.omonazo-site-tagline{padding-left:8px;font-size:11px;letter-spacing:0;line-height:1.4}.omonazo-site-nav__cta{min-height:40px;padding:8px 11px;font-size:12px}.omonazo-page-hero{padding:52px 0 46px}.omonazo-page-hero h1{padding-right:43px;font-size:30px}.omonazo-page-hero h1::after{top:5px;right:23px;width:10px;height:10px;box-shadow:14px 11px 0 var(--om-blue),3px 23px 0 #89adff}.omonazo-page-hero>div>p:last-child{font-size:16px}.omonazo-content{padding:44px 0 76px}.omonazo-work-page .omonazo-page-hero{padding-top:30px;padding-bottom:14px}.omonazo-work-page .omonazo-content{padding-top:10px;padding-bottom:56px}.single-omonazo_work .omonazo-work-page .omonazo-page-hero{padding-bottom:12px}.single-omonazo_work .omonazo-work-page .omonazo-content{padding-top:8px}.omonazo-work-layout{gap:24px}.omonazo-work-aside{padding:18px 20px}.omonazo-work-facts{gap:12px}.omonazo-work-facts div{padding-bottom:12px}.omonazo-work-back{margin-top:26px}.omonazo-works-grid,.omonazo-work-gallery__grid{grid-template-columns:1fr}.omonazo-policy-card{padding:24px 20px}.omonazo-policy-section{grid-template-columns:32px minmax(0,1fr);gap:10px}.omonazo-policy-section__number{width:29px;height:29px;font-size:12px}.omonazo-site-footer__inner{grid-template-columns:1fr;justify-items:center;text-align:center}.omonazo-site-footer__company{flex-direction:column}.omonazo-site-footer__legal{align-items:center}}
@media(max-width:360px){.omonazo-site-tagline{display:none}.omonazo-site-logo{width:108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}