:root{--color-blue:#12a9d8;--color-blue-dark:#0e8cb5;--color-purple:#5b5ea6;--color-purple-dark:#4a4d8a;--gradient-main:linear-gradient(135deg,var(--color-blue) 0%,var(--color-purple) 100%);--color-text:#2c2c2c;--color-text-sub:#666;--color-text-light:#999;--color-logo-gray:#808285;--color-white:#fff;--color-bg-light:#f5f7fa;--color-bg-gray:#eeeff2;--color-border:#ddd;--container-max:1200px;--container-pad:clamp(16px, 4vw, 40px);--header-height:120px;--section-pad:clamp(60px, 8vw, 100px);--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--transition:.18s ease-out;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 20px rgba(0,0,0,.1);--shadow-lg:0 8px 40px rgba(0,0,0,.12)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.container--narrow{max-width:800px}.section{padding-block:var(--section-pad)}.section--gray{background-color:var(--color-bg-light)}.section-head{text-align:center;margin-bottom:clamp(40px, 5vw, 64px)}.section-label{display:inline-block;font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-blue);margin-bottom:12px}.section-title{font-size:clamp(2.4rem, 3.5vw, 3.6rem);font-weight:var(--font-weight-bold);line-height:1.4;color:var(--color-text)}.section-title--white{color:var(--color-white)}.section-desc{font-size:clamp(1.4rem, 1.8vw, 1.6rem);color:var(--color-text-sub);margin-top:16px;max-width:600px;margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:1.5rem;font-weight:var(--font-weight-bold);border-radius:50px;transition:all var(--transition);white-space:nowrap}.btn--primary{background:var(--gradient-main);color:var(--color-white);box-shadow:0 4px 16px rgba(18,169,216,.35)}.btn--primary:hover{transform:translateY(-5px);box-shadow:0 8px 28px rgba(18,169,216,.45)}.btn--outline{background:0 0;color:var(--color-white);border:2px solid rgba(255,255,255,.7)}.btn--outline:hover{background:rgba(255,255,255,.15)}.btn--outline-dark{background:0 0;color:var(--color-blue);border:2px solid var(--color-blue)}.btn--outline-dark:hover{background:var(--color-blue);color:var(--color-white)}.btn--lg{padding:18px 48px;font-size:1.7rem;min-width:260px}.btn__arrow{display:inline-block;width:20px;height:20px;position:relative}.btn__arrow:after{content:'';display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-top:5px}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:var(--color-white);z-index:1000;box-shadow:var(--shadow-sm);transition:background var(--transition),box-shadow var(--transition)}.header.is-transparent{background:0 0;box-shadow:none}.header.is-transparent .header__logo-default{filter:invert(1)}.header__logo-color{display:none}.header:not(.is-transparent) .header__logo-default{display:none}.header:not(.is-transparent) .header__logo-color{display:block}.header .container{height:100%}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.header__logo{flex-shrink:0}.header__logo img{height:64px;width:auto;max-width:none}.header__nav{display:flex;align-items:center;gap:32px}.header__nav-list{display:flex;align-items:center;gap:28px}.header__nav-link{font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text);padding-block:4px;position:relative;transition:color var(--transition)}.header__nav-link:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-purple);transition:width var(--transition)}.header__nav-link:hover{color:var(--color-blue)}.header__nav-link:hover:after{width:100%}.header__cta{flex-shrink:0}.hamburger{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:6px}.hamburger__bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition)}.hamburger.is-open .hamburger__bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-open .hamburger__bar:nth-child(2){opacity:0}.hamburger.is-open .hamburger__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sp-nav{display:none;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100dvh - var(--header-height));background:var(--color-white);z-index:999;padding:32px var(--container-pad);overflow-y:auto;transform:translateX(100%);transition:transform var(--transition)}.sp-nav.is-open{transform:translateX(0)}.sp-nav__list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-border)}.sp-nav__item{border-bottom:1px solid var(--color-border)}.sp-nav__link{display:flex;align-items:center;justify-content:space-between;padding:18px 4px;font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--color-text)}.sp-nav__link:after{content:'';display:block;width:8px;height:8px;border-top:2px solid var(--color-text-sub);border-right:2px solid var(--color-text-sub);transform:rotate(45deg)}.sp-nav__cta{margin-top:32px}.sp-nav__cta .btn{width:100%}.footer{position:relative;overflow:hidden;background:#1e2233;color:rgba(255,255,255,.75);padding-top:clamp(48px, 6vw, 72px)}.footer:before{content:'';position:absolute;top:0;left:0;width:58%;height:100%;background:var(--gradient-main);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);opacity:.18;pointer-events:none;z-index:0}.footer .container{position:relative;z-index:1}.footer__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer__logo img{height:64px;width:auto;filter:invert(1);margin-bottom:16px}.footer__tagline{font-size:1.6rem;line-height:1.7}.footer__address{font-style:normal;font-size:1.4rem;line-height:1.9;color:rgba(255,255,255,.5);margin-top:16px}.footer__logo-group{display:inline-grid}.footer__since{font-size:.85rem;font-weight:var(--font-weight-bold);letter-spacing:.2em;color:var(--color-blue);margin-bottom:12px}.footer__nav-title{font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:16px;letter-spacing:.05em}.footer__nav-list{display:flex;flex-direction:column;gap:10px}.footer__nav-link{font-size:1.6rem;color:rgba(255,255,255,.6);border-bottom:2px solid transparent;padding-bottom:2px;transition:color var(--transition),border-color var(--transition)}.footer__nav-link:hover{color:var(--color-white);border-bottom-color:var(--color-purple)}.footer__nav-link--main{font-weight:var(--font-weight-bold);color:rgba(255,255,255,.85)}.footer__nav-list--sub .footer__nav-link{padding-left:24px;position:relative}.footer__nav-list--sub .footer__nav-link:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:2px;background:var(--gradient-main);border-radius:1px}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:20px;text-align:center}.footer__copy{font-size:1.2rem;color:rgba(255,255,255,.4)}.page-hero{padding-top:calc(var(--header-height) + clamp(40px, 5vw, 60px));padding-bottom:clamp(40px, 5vw, 60px);background:var(--color-bg-light)}.page-hero__label{font-size:1.2rem;font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-blue);margin-bottom:12px}.page-hero__title{font-size:clamp(2.8rem, 4vw, 4.2rem);font-weight:var(--font-weight-bold);line-height:1.3}.page-hero__desc{font-size:1.5rem;color:var(--color-text-sub);margin-top:16px;max-width:600px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.breadcrumb__item{display:flex;align-items:center;gap:8px;font-size:1.2rem;color:var(--color-text-sub)}.breadcrumb__item:not(:last-child):after{content:'/';color:var(--color-text-light)}.breadcrumb__link{color:var(--color-blue)}.breadcrumb__link:hover{text-decoration:underline}[data-anim]{opacity:0;transform:translate3d(0,20px,0)}[data-anim].is-visible{animation:wise-fade-in .5s cubic-bezier(.22,1,.36,1) both}[data-anim][data-delay="1"].is-visible{animation-delay:.08s}[data-anim][data-delay="2"].is-visible{animation-delay:.16s}[data-anim][data-delay="3"].is-visible{animation-delay:.24s}[data-anim][data-delay="4"].is-visible{animation-delay:.32s}[data-anim][data-delay="5"].is-visible{animation-delay:.4s}@keyframes wise-fade-in{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.page-hero--sub{padding:0;background:0 0}.page-hero__upper{position:relative;overflow:hidden;padding-top:calc(var(--header-height) + clamp(40px, 5vw, 60px));padding-bottom:clamp(48px, 6vw, 72px);background:var(--color-bg-light)}.page-hero__deco{position:absolute;inset:0;pointer-events:none;z-index:0}.page-hero__ring{position:absolute;border-radius:50%;border:5px solid}.page-hero__ring--1{width:340px;height:340px;top:-90px;right:-90px;border-color:rgba(18,169,216,.32)}.page-hero__ring--2{width:230px;height:230px;top:10px;right:60px;border-color:rgba(91,94,166,.26)}.page-hero__ring--3{width:130px;height:130px;top:50px;right:-10px;border-color:rgba(18,169,216,.18)}.page-hero__upper .container{position:relative;z-index:1}.page-hero__intro{background:var(--gradient-main);padding-top:calc(clamp(36px, 5vw, 64px) + clamp(48px, 10vw, 130px));padding-bottom:clamp(36px, 5vw, 64px);clip-path:polygon(0 clamp(48px, 10vw, 130px), 100% 0, 100% 100%, 0 100%)}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:48px}.hero-intro__body{flex:1;min-width:0}.hero-intro__title{font-size:clamp(1.9rem, 2.3vw, 2.4rem);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:8px;line-height:1.4}.hero-intro__desc{font-size:1.4rem;color:rgba(255,255,255,.82);line-height:1.75;max-width:560px;overflow-wrap:break-word;word-break:auto-phrase}.hero-intro__btn{flex-shrink:0;padding:16px 36px;font-size:1.5rem;font-weight:var(--font-weight-bold);border-radius:50px;background:var(--color-white);color:var(--color-blue-dark);box-shadow:0 4px 16px rgba(0,0,0,.15);transition:transform var(--transition),box-shadow var(--transition)}.hero-intro__btn:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,.2)}.cta-banner{padding-block:var(--section-pad);background:var(--gradient-main);position:relative;overflow:hidden}.cta-banner:before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;border:80px solid rgba(255,255,255,.05);border-radius:50%}.cta-banner:after{content:'';position:absolute;bottom:-40%;left:5%;width:300px;height:300px;border:50px solid rgba(255,255,255,.04);border-radius:50%}.cta-banner__inner{position:relative;z-index:1;text-align:center}.cta-banner__title{font-size:clamp(2.4rem, 3.5vw, 3.4rem);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:1.5;margin-bottom:12px}.cta-banner__sub{font-size:clamp(1.4rem, 1.8vw, 1.6rem);color:rgba(255,255,255,.85);margin-bottom:36px}.cta-banner__actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.cta-banner__actions .btn--outline{border-color:rgba(255,255,255,.65);color:rgba(255,255,255,.9)}.cta-banner__actions .btn--outline:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.95);color:var(--color-white)}.btn--cta-white{background:var(--color-white);color:var(--color-blue-dark);box-shadow:0 6px 24px rgba(0,0,0,.2)}.btn--cta-white:hover{background:var(--gradient-main);color:var(--color-white);transform:translateY(-5px);box-shadow:0 12px 36px rgba(18,169,216,.45)}.post-list{display:flex;flex-direction:column;gap:0}.post-item{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;padding:16px 0;border-bottom:1px solid var(--color-border);align-items:start;transition:opacity var(--transition)}.post-item:hover{opacity:.75}.post-item:first-child{padding-top:0}.post-item__date{font-size:1.2rem;color:var(--color-text-light);white-space:nowrap;padding-top:2px}.post-item__cat{grid-column:1;grid-row:2;font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-blue);padding:2px 8px;background:rgba(18,169,216,.1);border-radius:2px;white-space:nowrap;align-self:start}.post-item__title{grid-column:2;grid-row:1/3;font-size:1.6rem;font-weight:var(--font-weight-medium);line-height:1.6;color:var(--color-text)}.post-item__title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media (max-width:768px){.header__nav,.header__cta{display:none}.hamburger{display:flex}.sp-nav{display:block}.footer__inner{grid-template-columns:1fr;gap:32px}.footer:before{width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 38%,0 58%)}.page-hero__ring--1{width:200px;height:200px;top:-50px;right:-50px}.page-hero__ring--2{width:130px;height:130px;top:0;right:20px}.page-hero__ring--3{display:none}.hero-intro{flex-direction:column;align-items:flex-start;gap:20px}.hero-intro__btn{width:100%;justify-content:center}.cta-banner__actions{flex-direction:column}.cta-banner__actions .btn{width:100%;min-width:unset}}@media (max-width:768px){:root{--header-height:72px}.header__logo img{height:48px}}@media (max-width:480px){:root{--header-height:64px}.header__logo img{height:40px}}.content-layout{display:grid;grid-template-columns:1fr 240px;gap:48px;align-items:start}.content-main{min-width:0;overflow-x:clip}.content-side{display:flex;flex-direction:column;gap:32px;position:sticky;top:calc(var(--header-height) + 24px)}.widget{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:0;overflow:hidden;box-shadow:var(--shadow-sm)}.widget__title{background:var(--gradient-main);color:#fff;font-size:1.3rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:11px 20px;margin-bottom:0;border-bottom:none}.widget__list{display:flex;flex-direction:column;gap:4px;padding:12px 20px 16px}.widget__link{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;font-size:1.4rem;color:var(--color-text);border-bottom:1px solid #eee;transition:color var(--transition)}.widget__link:after{content:'›';font-size:1.8rem;line-height:1;color:var(--color-blue);font-weight:var(--font-weight-regular);flex-shrink:0}.widget__link:hover{color:var(--color-blue)}.cat-tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.cat-tag{display:inline-block;padding:4px 6px;font-size:1.2rem;color:var(--color-text);background:var(--color-white);border-radius:50px;border:1.5px solid #bbb;transition:color var(--transition),background var(--transition),border-color var(--transition)}.cat-tag:hover{color:var(--color-blue);background:rgba(18,169,216,.06);border-color:var(--color-blue)}.widget__archive{display:flex;flex-direction:column;padding:8px 20px 16px}.archive-year{border-bottom:1px solid #eee}.archive-year__label{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;list-style:none;user-select:none;transition:color var(--transition)}.archive-year__label::-webkit-details-marker{display:none}.archive-year__label::marker{content:none}.archive-year__label:after{content:'+';font-size:1.8rem;font-weight:var(--font-weight-regular);color:var(--color-text-light);line-height:1}details[open]>.archive-year__label:after{content:'−'}.archive-year__label:hover{color:var(--color-blue)}.archive-year__months{display:flex;flex-direction:column;padding:4px 0 8px 12px}.archive-year__link{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;font-size:1.3rem;color:var(--color-text);transition:color var(--transition)}.archive-year__link:after{content:'›';font-size:1.8rem;line-height:1;color:var(--color-blue);font-weight:var(--font-weight-regular);flex-shrink:0}.archive-year__link:hover{color:var(--color-blue)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px}.pagination__item{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text-sub);border:1px solid var(--color-border);transition:background var(--transition),color var(--transition),border-color var(--transition)}.pagination__item:hover{background:var(--color-bg-light);border-color:var(--color-blue);color:var(--color-blue)}.pagination__item--current{background:var(--gradient-main);color:var(--color-white);border-color:transparent;pointer-events:none}.pagination a.page-numbers,.pagination span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:6px;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text-sub);border:1px solid var(--color-border);text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pagination a.page-numbers:hover{background:var(--color-bg-light);border-color:var(--color-blue);color:var(--color-blue)}.pagination .page-numbers.current{background:var(--gradient-main);color:var(--color-white);border-color:transparent;pointer-events:none}.pagination .page-numbers.dots{border:none;min-width:auto}.entry-hero__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.entry-hero__title{font-size:clamp(2rem, 3.5vw, 3rem);line-height:1.5;margin-bottom:24px}.entry-page{padding-top:clamp(40px, 6vw, 72px)}.entry__header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.entry__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.entry__title{font-size:clamp(2rem, 3vw, 2.6rem);font-weight:var(--font-weight-bold);line-height:1.5;color:var(--color-text)}.entry__eyecatch{margin-bottom:40px;border-radius:10px;overflow:hidden;aspect-ratio:866/380}.entry__eyecatch img{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}.entry__body{font-size:1.6rem;line-height:1.9;color:var(--color-text);overflow-wrap:break-word;word-break:break-word}.entry__body img,.entry__body iframe,.entry__body table{max-width:100%}.entry__body .wp-block-table{margin:1.6em 0}.entry__body .wp-block-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:1.45rem}.entry__body .wp-block-table thead,.entry__body .wp-block-table tfoot{border:none}.entry__body .wp-block-table th,.entry__body .wp-block-table td{width:50%;padding:10px 14px;border:1px solid var(--color-border);line-height:1.6}.entry__body .wp-block-table thead th{background:var(--color-bg-gray);font-weight:var(--font-weight-bold);text-align:center}.entry__body pre,.entry__body code{max-width:100%;overflow-x:auto;white-space:pre-wrap}.entry__body p+p{margin-top:1.5em}.entry__body h2{font-size:2rem;font-weight:var(--font-weight-bold);margin-top:2.5em;margin-bottom:.8em;padding-left:12px;border-left:4px solid var(--color-blue)}.entry__body h3{font-size:1.8rem;font-weight:var(--font-weight-bold);margin-top:2em;margin-bottom:.6em}.entry__body ul,.entry__body ol{margin-top:1em;margin-bottom:1em;padding-left:1.8em}.entry__body ul li{list-style:disc;margin-bottom:.4em}.entry__body ol li{list-style:decimal;margin-bottom:.4em}.entry-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.entry-nav__item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--color-bg-light);border-radius:6px;border-top:3px solid transparent;transition:background var(--transition),box-shadow var(--transition)}.entry-nav__item:hover{background:var(--color-bg-gray);box-shadow:var(--shadow-sm)}.entry-nav__item--prev{align-items:flex-start;border-top-color:var(--color-blue)}.entry-nav__item--next{align-items:flex-end;text-align:right;border-top-color:var(--color-purple)}.entry-nav__label{font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-blue)}.entry-nav__item--prev .entry-nav__label:before{content:'← '}.entry-nav__item--next .entry-nav__label:after{content:' →'}.entry-nav__item--next .entry-nav__label{color:var(--color-purple)}.entry-nav__title{font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.entry__back{display:flex;justify-content:center;margin-top:40px}.recommend-posts{margin-top:48px;padding-top:40px;border-top:1px solid var(--color-border)}.recommend-posts__title{font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color-text);padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid var(--color-blue);display:inline-block}.recommend-posts__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none}.recommend-card__link{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--color-bg-light);border-radius:8px;height:100%;transition:background var(--transition),box-shadow var(--transition)}.recommend-card__link:hover{background:var(--color-bg-gray);box-shadow:var(--shadow-sm)}.recommend-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recommend-card__date{font-size:1.2rem;color:var(--color-text-light)}.recommend-card__title{font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.6}@media (max-width:768px){.content-layout{grid-template-columns:1fr;gap:40px}.content-side{position:static;flex-direction:row;flex-wrap:wrap;gap:16px;min-width:0}.widget{flex:1 1 200px;min-width:0;max-width:100%}.recommend-posts__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.entry-nav{grid-template-columns:1fr}.entry-nav__item--next{align-items:flex-start;text-align:left}.recommend-posts__list{grid-template-columns:1fr}}