.libre-service-page{--index-navy:#102f50;--index-paper:#faf9f5;--index-line:#dcd9d0;background:var(--index-paper);color:var(--index-navy);overflow:clip}.service-index-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.service-index-hero{position:relative;min-height:470px;display:grid;align-items:center;isolation:isolate;overflow:hidden}.service-index-hero__world{position:absolute;inset:0;z-index:-2;background:url('../../images/service-world.webp') 67% 45%/cover no-repeat}.service-index-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.98) 4%,rgba(255,255,255,.87) 39%,rgba(255,255,255,.2) 75%),linear-gradient(0deg,var(--index-paper),transparent 38%)}.service-index-hero__inner{position:relative;padding-block:7.5rem 5rem}.service-index-hero__copy{max-width:560px}.service-index-hero__en{font-family:var(--font-logo);font-size:clamp(3.8rem,7vw,6.3rem);line-height:.9;letter-spacing:.04em}.service-index-hero__jp{margin-top:.8rem;font-family:var(--font-serif);font-size:.85rem}.service-index-hero h1{margin-top:2rem;font-family:var(--font-serif);font-size:clamp(2rem,3.7vw,3.25rem);font-weight:500;letter-spacing:.04em}.service-index-hero__copy>p:last-child{margin-top:1.2rem;font-size:.96rem;line-height:1.9}.service-index-hero__bird{position:absolute;right:18%;top:37%;width:72px;filter:drop-shadow(0 0 12px rgba(22,173,213,.4))}.service-index-hero__breadcrumb{position:absolute;left:0;right:0;bottom:1.5rem}.service-index-hero__breadcrumb .breadcrumb{margin:0}
.service-value{padding-block:clamp(5rem,9vw,8rem);border-top:1px solid var(--index-line)}.service-value__header{text-align:center}.service-value__header>p{font-family:var(--font-logo);font-size:.72rem;letter-spacing:.2em;color:#6b7f91}.service-value__header h2{margin-top:1rem;font-family:var(--font-serif);font-size:clamp(2rem,3.6vw,3rem);font-weight:500}.service-value__header>div{margin-top:1.25rem;color:#607080;font-size:.9rem;line-height:1.9}.service-value__flow{display:grid;grid-template-columns:220px 54px 220px 54px 220px;align-items:center;justify-content:center;margin-top:3.7rem}.service-value__step{display:grid;place-items:center;width:220px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;text-align:center}.service-value__step strong{font-family:var(--font-serif);font-size:1.5rem;font-weight:500}.service-value__step span{margin-top:-1.7rem;font-family:var(--font-logo);font-size:.7rem;letter-spacing:.13em}.service-value__step p{margin-top:-1.4rem;color:#607080;font-size:.78rem;line-height:1.7}.service-value__step--create{color:#1789C4}.service-value__step--deliver{color:#D87832}.service-value__step--grow{color:#4D9366}.service-value__flow>i{position:relative;color:#81919c;font-style:normal;text-align:center}.service-value__flow>i:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#ccd4d6}.service-value__flow>i{z-index:1}.service-quick-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:4rem}.service-quick-nav a{display:flex;gap:.7rem;align-items:baseline;padding:.8rem .25rem;border-bottom:2px solid var(--service-accent);font-size:.78rem}.service-quick-nav b{font-family:var(--font-logo);font-size:1.35rem;font-weight:400;color:var(--service-accent)}
.service-index-list{border-top:1px solid var(--index-line)}.service-index-row{position:relative;display:grid;grid-template-columns:80px minmax(300px,.9fr) minmax(360px,1.25fr);gap:2.7rem;align-items:center;min-height:285px;padding-block:2.8rem;border-bottom:1px solid var(--index-line);scroll-margin-top:150px}.service-index-row__number{display:grid;place-items:center;width:72px;height:72px;background:var(--service-accent);color:#fff;font-family:var(--font-logo);font-size:2.5rem}.service-index-row__label{font-family:var(--font-logo);font-size:.7rem;letter-spacing:.17em;color:#617588}.service-index-row__copy h2{margin-top:.55rem;font-family:var(--font-serif);font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:600}.service-index-row__catch{margin-top:1.15rem;font-family:var(--font-serif);font-size:clamp(1.1rem,1.7vw,1.42rem);line-height:1.6}.service-index-row__desc{margin-top:.7rem;color:#607080;font-size:.78rem;line-height:1.75}.service-index-row__visual{display:block;aspect-ratio:1918/820;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000)}.service-index-row__visual:focus-visible{outline:2px solid var(--service-accent);outline-offset:4px}.service-index-row__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}.service-index-row__link{position:absolute;right:.4rem;bottom:2.8rem;display:flex;align-items:center;gap:.8rem;padding:.45rem .2rem .45rem 1.4rem;background:rgba(255,255,255,.82);font-size:.75rem}.service-index-row__link:before{content:"";position:absolute;left:0;bottom:0;width:36px;height:1px;background:var(--service-accent);transition:width .3s}.service-index-row__link b{font-size:1rem;transition:transform .3s}.service-index-row:hover .service-index-row__visual img{transform:scale(1.02)}.service-index-row:hover .service-index-row__link:before{width:58px}.service-index-row:hover .service-index-row__link b{transform:translateX(5px)}
.service-page-cta{position:relative;min-height:360px;display:flex;align-items:center;background-position:center;background-size:cover;overflow:hidden}.service-page-cta__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,39,67,.94),rgba(9,65,101,.62))}.service-page-cta__inner{position:relative;color:#fff}.service-page-cta__eyebrow{font-family:var(--font-logo);font-size:.72rem;letter-spacing:.2em}.service-page-cta__catch{margin-top:1rem;font-family:var(--font-serif);font-size:clamp(2rem,3.8vw,3.25rem);font-weight:500}.service-page-cta__text{margin-top:1rem}.service-page-cta__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:250px;margin-top:2rem;padding:1rem 3.5rem;border:1px solid rgba(255,255,255,.8);font-size:.85rem;text-align:center;transition:background .3s}.service-page-cta__button span:last-child{position:absolute;right:1.5rem}.service-page-cta__button:hover{background:rgba(255,255,255,.13)}
.service-index-hero__en,.service-index-hero__jp,.service-index-hero h1,.service-index-hero__copy>p:last-child{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.libre-service-page.is-ready .service-index-hero__en,.libre-service-page.is-ready .service-index-hero__jp,.libre-service-page.is-ready .service-index-hero h1,.libre-service-page.is-ready .service-index-hero__copy>p:last-child{opacity:1;transform:none}.libre-service-page.is-ready .service-index-hero__jp{transition-delay:.1s}.libre-service-page.is-ready .service-index-hero h1{transition-delay:.18s}.libre-service-page.is-ready .service-index-hero__copy>p:last-child{transition-delay:.28s}.service-value__step{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.service-value__flow.is-in-view .service-value__step{opacity:1;transform:none}.service-value__flow.is-in-view .service-value__step--deliver{transition-delay:.18s}.service-value__flow.is-in-view .service-value__step--grow{transition-delay:.36s}
@media(max-width:1023px){.service-index-hero__bird{right:10%}.service-value__flow{grid-template-columns:190px 42px 190px 42px 190px}.service-value__step{width:190px}.service-index-row{grid-template-columns:68px minmax(250px,.9fr) minmax(280px,1fr);gap:1.5rem}.service-index-row__number{width:60px;height:60px;font-size:2rem}}
@media(max-width:767px){.service-index-container{width:calc(100% - 40px)}.service-index-hero{min-height:390px}.service-index-hero__world{background-position:61% center}.service-index-hero:after{background:linear-gradient(90deg,rgba(6,35,60,.76),rgba(6,35,60,.3)),linear-gradient(0deg,rgba(6,35,60,.55),transparent 42%)}.service-index-hero__inner{padding-block:7rem 4.5rem;color:#fff}.service-index-hero__en{font-size:clamp(2.7rem,12vw,3.5rem)}.service-index-hero h1{margin-top:1.5rem;font-size:clamp(1.65rem,7.2vw,2rem)}.service-index-hero__copy>p:last-child{font-size:.82rem}.service-index-hero__bird{right:8%;top:25%;width:52px}.service-index-hero__breadcrumb{bottom:.8rem;color:#fff}.service-value{padding-block:4.5rem}.service-value__header h2{font-size:1.75rem;line-height:1.5}.service-value__flow{display:flex;flex-direction:column;margin-top:2.8rem}.service-value__step{width:150px}.service-value__step span{margin-top:-1.2rem}.service-value__step p{margin-top:-1rem;font-size:.7rem}.service-value__flow>i{height:42px;line-height:42px;transform:rotate(90deg)}.service-value__flow>i:before{display:none}.service-quick-nav{display:block;margin-top:3rem}.service-quick-nav a{padding:.65rem 0}.service-index-row{display:grid;grid-template-columns:48px 1fr;gap:.9rem 1rem;min-height:0;padding-block:2.8rem;scroll-margin-top:110px}.service-index-row__number{width:48px;height:48px;font-size:1.6rem}.service-index-row__copy{min-width:0}.service-index-row__copy h2{font-size:clamp(1.35rem,6vw,1.6rem)}.service-index-row__catch{font-size:1rem}.service-index-row__desc{font-size:.78rem}.service-index-row__visual{grid-column:1/-1;aspect-ratio:1918/820;margin-top:.5rem;mask-image:linear-gradient(90deg,#000,#000);-webkit-mask-image:linear-gradient(90deg,#000,#000)}.service-index-row__visual img{object-position:center}.service-index-row:hover .service-index-row__visual img{transform:scale(1.02)}.service-index-row__link{position:relative;grid-column:1/-1;right:auto;bottom:auto;justify-self:end;margin-top:-.25rem}.service-index-row__link:before,.service-index-row:hover .service-index-row__link:before{width:100%}.service-page-cta{min-height:350px;text-align:center}.service-page-cta__inner{padding-block:4rem}.service-page-cta__button{width:100%;max-width:310px}}
@media(max-width:374px){.service-index-container{width:calc(100% - 32px)}.service-index-row{grid-template-columns:42px 1fr}.service-index-row__number{width:42px;height:42px;font-size:1.4rem}.service-index-row__copy h2{font-size:1.3rem}.service-index-row__catch{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.service-index-hero__en,.service-index-hero__jp,.service-index-hero h1,.service-index-hero__copy>p:last-child,.service-value__step,.service-index-row__visual img,.service-index-row__link:before,.service-index-row__link b{opacity:1;transform:none;transition:none}}

/* OUR VALUE: 接続線は残し、円の間の矢印記号だけを表示しない */
.service-value__flow > i {
	color: transparent;
	font-size: 0;
}

@media (max-width: 767px) {
	.service-value__flow > i {
		width: 1px;
		height: 42px;
		transform: none;
	}

	.service-value__flow > i::before {
		display: block;
		inset: 4px 0;
		width: 1px;
		height: auto;
	}
}