body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-gray-900);background:var(--color-white)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight)}h1,h2{font-family:var(--font-serif)}h3,h4,h5,h6{font-family:var(--font-sans)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-py)}.section--gray{background-color:var(--color-gray-100)}.section--green-pale{background-color:var(--color-green-pale)}.section--dark{background-color:var(--color-green-800);color:var(--color-white)}.section-label{display:inline-block;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-green-700);background-color:var(--color-green-50);padding:4px 12px;border-radius:2px;margin-bottom:var(--space-4)}.section-heading{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-6)}.section--dark .section-heading{color:var(--color-white)}.section-lead{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--color-gray-500);max-width:640px;margin-bottom:var(--space-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-body);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-decoration:none;cursor:pointer}.btn-primary{background-color:var(--color-accent);color:var(--color-white);padding:13px 28px;border:none}.btn-primary:hover{background-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-outline{background-color:transparent;color:var(--color-green-700);border:1.5px solid var(--color-green-700);padding:12px 24px}.btn-outline:hover{background-color:var(--color-green-700);color:var(--color-white)}.btn-white{background-color:var(--color-white);color:var(--color-green-700);padding:13px 28px;border:none}.btn-white:hover{background-color:var(--color-green-50);box-shadow:var(--shadow-btn-white-hover)}.btn-sm{font-size:var(--text-body-sm);padding:8px 16px}.btn-lg{font-size:var(--text-body-lg);padding:16px 36px}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-6);background:var(--color-green-700);color:var(--color-white);border-radius:var(--radius-sm);font-weight:var(--weight-bold)}.skip-link:focus{top:var(--space-4)}.hero{position:relative;display:flex;align-items:center;overflow:hidden}.hero--green{background:linear-gradient(135deg,var(--color-green-800) 0%,var(--color-green-900) 100%);color:var(--color-white)}.hero__bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,101,52,.82) 0%,rgba(20,83,45,.88) 100%);z-index:0}.hero--large{min-height:560px;padding-block:120px 100px}.hero--small{min-height:300px;padding-block:100px 60px}.hero__inner{position:relative;z-index:1}.hero__title{font-family:var(--font-serif);font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.hero__subtitle{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);opacity:.9;max-width:560px;margin-bottom:var(--space-10)}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}@media (max-width:640px){.hero--large{min-height:420px;padding-block:80px 60px}.hero--small{min-height:200px;padding-block:60px 40px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;text-align:center}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header .section-lead{margin-inline:auto}.cta-band{position:relative;padding-block:80px;text-align:center}.cta-band:before{content:'';position:absolute;inset:0;background-image:url(//info-port.co.jp/wp-content/themes/infoport-theme-main/assets/css/../images/appeal-bg.png);background-repeat:repeat;background-size:200px auto;opacity:.08;pointer-events:none}.cta-band__inner{position:relative;z-index:1}.cta-band__heading{font-family:var(--font-serif);font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.cta-band__text{font-size:var(--text-body-lg);opacity:.9;margin-bottom:var(--space-8)}.cta-band__actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media (max-width:640px){.cta-band__actions{flex-direction:column;align-items:center}.cta-band__actions .btn{width:100%;max-width:320px}}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-green)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.badge{display:inline-block;font-size:var(--text-label);font-weight:var(--weight-bold);padding:2px 8px;border-radius:2px;background-color:var(--color-green-50);color:var(--color-green-700)}.sr{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.sr.is-visible{opacity:1;transform:translateY(0)}.sr-delay-1{transition-delay:.1s}.sr-delay-2{transition-delay:.2s}.sr-delay-3{transition-delay:.3s}.sr-delay-4{transition-delay:.4s}.sr-delay-5{transition-delay:.5s}.sr-delay-6{transition-delay:.6s}.sr-delay-7{transition-delay:.7s}.sr-delay-8{transition-delay:.8s}.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}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);color:var(--color-green-700);transition:gap var(--duration-fast) var(--ease-out)}.link-arrow:hover{gap:var(--space-3)}.link-arrow:after{content:'→'}.card-service{position:relative;display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);text-decoration:none;color:var(--color-gray-900)}.card-service__icon{color:var(--color-green-600);margin-bottom:var(--space-4)}.card-service__name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.card-service__name{font-size:var(--text-h3);font-weight:var(--weight-bold)}.card-service__category{display:inline-block;font-size:var(--text-label);font-weight:var(--weight-bold);padding:2px 8px;border-radius:2px;background-color:var(--color-green-50);color:var(--color-green-700);white-space:nowrap}.card-service__desc{font-size:var(--text-body-sm);color:var(--color-gray-500);line-height:var(--leading-normal);flex:1;margin-bottom:var(--space-4)}.card-service:hover{box-shadow:var(--shadow-card-hover)}.card-service--thumb{padding:0}.card-service__thumb{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--color-gray-200)}.card-service__thumb-placeholder{width:100%;height:100%;background:var(--color-gray-200)}.card-service__thumb img{width:100%;height:100%;object-fit:cover;display:block}.card-service--thumb .card-service__body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.card-case{display:flex;flex-direction:column;text-decoration:none;color:var(--color-gray-900);overflow:hidden}.card-case__thumb{aspect-ratio:3/2;overflow:hidden}.card-case__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.card-case:hover .card-case__thumb img{transform:scale(1.03)}.card-case__body{padding:var(--space-7) var(--space-6)}.card-case__title{font-size:var(--text-h4);font-weight:var(--weight-bold);margin-top:var(--space-3);margin-bottom:var(--space-2)}.card-case__company{font-size:var(--text-body-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.card-case__metric{display:flex;align-items:baseline;gap:var(--space-1)}.card-case__metric-num{font-size:var(--text-metric);font-weight:var(--weight-bold);color:var(--color-gray-900);line-height:1}.card-case__metric-unit{font-size:var(--icon-sm);font-weight:var(--weight-bold);color:var(--color-green-700)}.card-case__metric-label{font-size:var(--text-body-sm);color:var(--color-gray-500);margin-left:var(--space-2)}.card-case:hover{box-shadow:var(--shadow-case-hover)}.metric-display{display:flex;align-items:baseline;gap:var(--space-1)}.metric-display__num{font-weight:var(--weight-bold);line-height:1}.metric-display__unit{font-weight:var(--weight-bold);color:var(--color-green-700)}.metric-display__label{font-size:var(--text-body-sm);color:var(--color-gray-500);margin-left:var(--space-2)}.metric-display--sm .metric-display__num{font-size:var(--text-metric)}.metric-display--sm .metric-display__unit{font-size:var(--icon-sm)}.metric-display--lg .metric-display__num{font-size:var(--text-metric-lg)}.metric-display--lg .metric-display__unit{font-size:clamp(22px,3vw,28px)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:var(--color-white);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal)}.site-header.is-scrolled{box-shadow:var(--shadow-sm)}.site-header.is-hidden{transform:translateY(-100%)}#main{padding-top:var(--nav-height)}.header-inner{display:flex;align-items:center;height:100%;gap:var(--space-6)}.site-logo{flex-shrink:0}.site-logo__text{font-family:var(--font-sans);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-green-800)}.site-logo img,.site-logo .custom-logo{height:54px;width:auto}.nav-desktop{flex:1;display:flex;justify-content:flex-end}.nav-menu{display:flex;align-items:center;gap:var(--space-1)}.nav-menu__item{position:relative}.nav-menu__item>a{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-gray-700);border-radius:var(--radius-sm);transition:color var(--duration-fast),background-color var(--duration-fast);white-space:nowrap}.nav-menu__item>a:hover,.nav-menu__item.is-current>a{color:var(--color-green-700);background-color:var(--color-green-pale)}.nav-chevron{transition:transform var(--duration-fast)}.nav-menu__item:hover .nav-chevron{transform:rotate(180deg)}.mega-menu{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal),transform var(--duration-normal) var(--ease-out);padding:var(--space-8) 0}.has-mega-menu:hover .mega-menu,.has-mega-menu:focus-within .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.mega-menu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background-color var(--duration-fast)}.mega-menu__item:hover{background-color:var(--color-green-pale)}.mega-menu__icon{display:flex;align-items:center;justify-content:center;width:var(--icon-md);height:var(--icon-md);color:var(--color-green-600);flex-shrink:0}.mega-menu__icon svg{width:24px;height:24px}.mega-menu__label{display:flex;flex-direction:column}.mega-menu__name{font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-gray-900)}.mega-menu__desc{font-size:var(--text-caption);color:var(--color-gray-500)}.has-dropdown:not(.has-mega-menu){position:static}.has-dropdown:not(.has-mega-menu) .sub-menu{position:fixed;top:var(--nav-height);left:0;transform:translateY(-4px);min-width:260px;background:var(--color-white);border:none;border-radius:0;box-shadow:none;padding:var(--space-2) 0;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) .25s,visibility var(--duration-fast) .25s,transform var(--duration-fast) .25s}.has-dropdown:not(.has-mega-menu):hover .sub-menu{transition:opacity var(--duration-fast),visibility var(--duration-fast),transform var(--duration-fast);opacity:1;visibility:visible;transform:translateY(0)}.sub-menu__item a{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm);white-space:nowrap;border-radius:0;transition:background-color var(--duration-fast)}.sub-menu__item a:hover{background-color:var(--color-green-pale)}.header-cta{display:flex;gap:var(--space-2);flex-shrink:0}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;z-index:1001}.nav-toggle__bar{display:block;width:100%;height:2px;background:var(--color-gray-900);border-radius:1px;transition:transform var(--duration-normal),opacity var(--duration-fast)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--color-white);z-index:999;overflow-y:auto;padding:var(--space-6);transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-out)}.nav-mobile.is-open{transform:translateX(0)}.nav-mobile__menu li a,.nav-mobile .nav-menu li a{display:block;padding:var(--space-4) 0;font-size:16px;font-weight:var(--weight-medium);border-bottom:1px solid var(--color-gray-200)}.nav-mobile .nav-menu{flex-direction:column;align-items:stretch;gap:0}.nav-mobile__cta{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.nav-mobile__cta .btn{width:100%;text-align:center}.nav-mobile .has-dropdown{position:relative}.nav-mobile .has-dropdown>a{padding-right:48px}.nav-mobile .has-dropdown>a .nav-chevron{display:none}.nav-mobile__accordion-toggle{position:absolute;right:0;top:0;height:60px;width:44px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;padding:0}.nav-mobile__accordion-toggle svg{transition:transform var(--duration-fast);display:block;flex-shrink:0}.nav-mobile .has-dropdown.is-open .nav-mobile__accordion-toggle svg{transform:rotate(180deg)}.nav-mobile .has-dropdown>.sub-menu{position:static !important;left:auto !important;display:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;min-width:0 !important;padding:var(--space-1) 0 var(--space-2) var(--space-5);background:var(--color-gray-50);width:100%}.nav-mobile .has-dropdown.is-open>.sub-menu{display:block !important}.nav-mobile .has-dropdown>.sub-menu li a{font-size:var(--text-body-sm);padding:var(--space-3) 0;color:var(--color-gray-600);border-bottom:none}body.nav-open{overflow:hidden}@media (max-width:1024px){.nav-desktop,.header-cta{display:none}.nav-toggle{display:flex;margin-left:auto}.nav-mobile{display:block}.mega-menu__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mega-menu__grid{grid-template-columns:1fr}}.site-footer{background:var(--color-green-900);color:var(--color-white)}.footer-main{padding:var(--space-16) 0 var(--space-12)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-10)}.footer-col__heading{font-size:var(--text-body);font-weight:var(--weight-bold);margin-bottom:var(--space-5);font-family:var(--font-sans)}.footer-col__heading--sub{margin-top:var(--space-8)}.footer-col__list li{margin-bottom:var(--space-2)}.footer-col__list a{font-size:var(--text-body-sm);opacity:.8;transition:opacity var(--duration-fast)}.footer-col__list a:hover{opacity:1}.footer-bottom{padding:var(--space-6) 0;border-top:1px solid rgba(255,255,255,.15)}.footer-copyright{font-size:var(--text-caption);opacity:.6;text-align:center}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-main{padding:var(--space-10) 0 var(--space-8)}}.breadcrumbs{background:var(--color-gray-100);padding:var(--space-3) 0}.breadcrumbs__list{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);flex-wrap:wrap}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs__item+.breadcrumbs__item:before{content:'>';color:var(--color-gray-300)}.breadcrumbs__item a{color:var(--color-gray-500);transition:color var(--duration-fast)}.breadcrumbs__item a:hover{color:var(--color-green-700)}.breadcrumbs__item[aria-current=page] span{color:var(--color-gray-700)}.error-404{min-height:50vh;display:flex;align-items:center}.error-404__inner{text-align:center}.error-404__title{font-size:var(--text-404);font-weight:var(--weight-bold);line-height:1;color:var(--color-green-200);margin-bottom:var(--space-4)}.error-404__heading{font-size:var(--text-h2);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.error-404__text{font-size:var(--text-body-lg);color:var(--color-gray-500);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.error-404__actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.default-page__header{margin-bottom:var(--space-8)}.default-page__title{font-size:var(--text-h2);font-weight:var(--weight-bold)}.default-page__thumb{margin-bottom:var(--space-8);border-radius:var(--radius-md);overflow:hidden}.default-page__content h2{font-size:var(--text-h3);margin-top:var(--space-10);margin-bottom:var(--space-4)}.default-page__content h3{font-size:var(--text-h4);margin-top:var(--space-8);margin-bottom:var(--space-3)}.default-page__content p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.default-page__content ul,.default-page__content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.default-page__content li{margin-bottom:var(--space-2);list-style:disc}.default-page__content img{border-radius:var(--radius-md);margin-block:var(--space-4)}.default-page__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.default-page__content table{width:100%;margin-bottom:var(--space-6);border:1px solid var(--color-gray-200)}.default-page__content th,.default-page__content td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);text-align:left}.default-page__content th{background:var(--color-gray-100);font-weight:var(--weight-bold);font-size:var(--text-body-sm)}.entry-content h2{font-family:var(--font-serif);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-gray-900);margin-top:var(--space-12);margin-bottom:var(--space-6)}.entry-content h3{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-gray-900);margin-top:var(--space-10);margin-bottom:var(--space-4)}.entry-content h4{font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-gray-900);margin-top:var(--space-8);margin-bottom:var(--space-3)}.entry-content p{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-gray-700);margin-bottom:var(--space-5)}.entry-content ul,.entry-content ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.entry-content li{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-gray-700);margin-bottom:var(--space-2)}.entry-content ul li{list-style-type:disc}.entry-content ol li{list-style-type:decimal}.entry-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-6)}.entry-content>*:first-child{margin-top:0}.entry-content a{color:var(--color-green-700);text-decoration:underline;text-underline-offset:2px}.entry-content a:hover{color:var(--color-green-600)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms !important;transition-duration:.01ms !important}.sr{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--color-green-700);outline-offset:2px}::selection{background:var(--color-green-200);color:var(--color-green-900)}