@charset "UTF-8";
/*!
 * front-page.css
 * トップページ専用スタイル（is_front_page()時のみ読み込み）
 * 設計方針：SMACSSのカテゴリ分けをコメントで明示 + BEM命名（.fp- プレフィックスでCocoon本体のクラスと衝突回避）
 * 参照元: coqoon_newdesign_pc.png / coqoon_newdesign_sp.png / デザインシステムArtifact v0.1
 *
 * 【レスポンシブ方針：モバイルファースト】
 * メディアクエリを付けない基本スタイル＝SP（スマホ）デザインとし、
 * `@media (min-width: ...)` で画面が広くなるほどPC向けの見た目を足していく。
 * ブレークポイントはCocoon本体がPCナビ⇔ハンバーガーメニューを切り替える基準
 * （max-width:1023px = モバイル）に合わせて、`min-width: 1024px` をメインの
 * PC切り替え地点として統一している。
 */
.fp{--fp-teal:#017589;--fp-teal-dark:#00687d;--fp-crimson:#c6303b;--fp-green:#03a278;--fp-indigo:#4f4ca6;--fp-deepteal:#035565;--fp-ink:#1c2b3a;--fp-mist:#f1f8fa;--fp-charcoal:#2e3134;--fp-blue:#2d6bb8;--fp-gold:#9c7a2e;--fp-border:#dde5e5;--fp-paper:#fff;--fp-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",sans-serif;--fp-space-xs:8px;--fp-space-sm:16px;--fp-space-md:24px;--fp-space-lg:40px;--fp-space-xl:64px;font-family:var(--fp-font);color:var(--fp-ink);line-height:1.7}.fp *{box-sizing:border-box}.fp img{max-width:100%;display:block}.fp a{text-decoration:none}.fp-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.fp-section{padding:30px var(--fp-space-sm)}.fp-section--mist{background:var(--fp-mist)}.fp-section--cta{padding-top:10px;padding-bottom:10px}.fp-container{max-width:1256px;margin:0 auto}.fp-section__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--fp-space-sm);margin-bottom:var(--fp-space-lg)}.fp-section__title{margin:0;font-size:1.3rem;font-weight:800}.fp-section__title--center{margin:0 auto var(--fp-space-lg);text-align:center}.fp-section__more{font-size:.85rem;font-weight:700;color:var(--fp-teal);white-space:nowrap}.fp-grid{display:flex;gap:var(--fp-space-md);flex-wrap:wrap}.fp-grid>*{flex:1 1 100%}.fp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:6px;font-weight:700;font-size:.9rem;border:2px solid transparent;cursor:pointer;font-family:var(--fp-font);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.fp-btn--primary{background:var(--fp-teal-dark);color:#fff}.fp-btn--primary:hover{background:var(--fp-deepteal);color:#fff}.fp-btn--outline{background:0 0;color:var(--fp-teal-dark);border-color:var(--fp-teal-dark)}.fp-btn--outline:hover{background:var(--fp-teal-dark);color:#fff}.fp-btn--crimson{background:var(--fp-crimson);color:#fff}.fp-btn--crimson:hover{background:#a82932;color:#fff}.fp-btn--fill-onmist{background:#fff;color:var(--fp-deepteal)}.fp-btn--fill-onmist:hover{background:var(--fp-deepteal);color:#fff}.fp-btn--ghost-onmist{background:0 0;color:#fff;border-color:#fff}.fp-btn--ghost-onmist:hover{background:rgba(255,255,255,.28);color:#fff;border-color:#fff}.fp-hero{position:relative;padding:var(--fp-space-lg) var(--fp-space-sm);background:var(--fp-mist)}.fp-hero__inner{display:flex;flex-direction:column;gap:0;width:100%}.fp-hero__footer-wrap{position:relative;z-index:1;width:100%}.fp-hero__intro-wrap{position:relative;background:var(--fp-mist);width:calc(100% + (var(--fp-space-sm) * 2));margin-left:calc(var(--fp-space-sm) * -1);margin-right:calc(var(--fp-space-sm) * -1);padding:0 var(--fp-space-sm)}.fp-hero__title{margin:0 0 var(--fp-space-sm);font-size:1.7rem;font-weight:800;line-height:1.4}.fp-hero__lead{position:relative;z-index:2;width:calc(100% + (var(--fp-space-sm) * 2));margin-top:0;margin-right:calc(var(--fp-space-sm) * -1);margin-bottom:-20%;margin-left:calc(var(--fp-space-sm) * -1);padding:0 var(--fp-space-sm) 20%;font-size:.95rem;color:var(--fp-ink);background:linear-gradient(to bottom,var(--fp-mist) 0%,var(--fp-mist) 70%,rgba(241,248,250,.6) 85%,rgba(241,248,250,.2) 94%,rgba(241,248,250,0) 100%)}.fp-hero__stats{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;margin-top:var(--fp-space-md);margin-bottom:var(--fp-space-md)}.fp-stat{position:relative;display:flex;flex:0 0 100px;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:6px .68rem;box-sizing:border-box}.fp-stat__laurel{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}.fp-stat__num{position:relative;z-index:1;font-variant-numeric:tabular-nums;font-size:1.4rem;line-height:1.15;font-weight:800;color:var(--fp-ink)}.fp-stat__label{position:relative;z-index:1;font-size:.68rem;font-weight:700;color:var(--fp-ink);text-align:center}.fp-hero__actions{display:flex;flex-direction:column;gap:var(--fp-space-sm);width:100%}.fp-hero__actions .fp-btn{width:100%}.fp-hero__media{position:relative;z-index:1;width:calc(100% + (var(--fp-space-sm) * 2));margin-left:calc(var(--fp-space-sm) * -1);margin-right:calc(var(--fp-space-sm) * -1);aspect-ratio:4/3;overflow:hidden}.fp-hero__photo{display:block;width:100%;height:100%;background-color:var(--fp-ink);object-fit:cover;object-position:center}.fp-hero__badge-area{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}.fp-hero__badge{width:175px;height:175px;border-radius:50%;background:var(--fp-paper);border:4px solid var(--fp-teal);box-shadow:0 4px 16px rgba(28,43,58,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.9rem;font-weight:700;line-height:1.6;color:var(--fp-ink)}.fp-hero__badge span:nth-child(1),.fp-hero__badge span:nth-child(5){color:var(--fp-teal)}.fp-service-card{border:1px solid var(--fp-border);border-radius:10px;overflow:hidden;background:var(--fp-paper);display:flex;flex-direction:column}.fp-service-card__header{padding:var(--fp-space-sm) 18px;color:#fff;display:flex;align-items:center;gap:10px}.fp-service-card__icon{width:28px;height:28px;flex-shrink:0}.fp-service-card__title{margin:0;font-weight:800;font-size:1.125rem}.fp-service-card__subtitle{font-size:.72rem;opacity:.9;margin-top:2px}.fp-service-card--teal .fp-service-card__header{background:var(--fp-teal)}.fp-service-card--green .fp-service-card__header{background:var(--fp-green)}.fp-service-card--indigo .fp-service-card__header{background:var(--fp-indigo)}.fp-service-card__list{margin:0;padding:var(--fp-space-sm) 18px;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.9rem;flex:1}.fp-service-card__list li{padding-left:16px;position:relative}.fp-service-card__list li:before{content:"\203A";position:absolute;left:0;color:var(--fp-ink);opacity:.5}.fp-service-card__more{padding:0 18px var(--fp-space-sm);font-size:.85rem;font-weight:700}.fp-service-card--teal .fp-service-card__more{color:var(--fp-teal)}.fp-service-card--green .fp-service-card__more{color:var(--fp-green)}.fp-service-card--indigo .fp-service-card__more{color:var(--fp-indigo)}.fp-reasons__list{display:flex;gap:var(--fp-space-sm) var(--fp-space-md);flex-wrap:wrap;justify-content:center}.fp-reason{flex:0 1 28%;min-width:96px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--fp-space-xs)}.fp-reason__icon{width:77px;height:77px;border-radius:50%;background:var(--fp-paper);color:var(--fp-teal);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(28,43,58,.15)}.fp-reason__icon svg{width:53px;height:53px}.fp-reason:nth-child(1) .fp-reason__icon svg{width:64px;height:64px}.fp-reason__icon svg g{stroke-width:1.2px}.fp-reason__title{margin:0;font-size:.85rem;font-weight:800}.fp-reason__desc{margin:0;font-size:.78rem;color:var(--fp-ink);opacity:.75;display:none}.fp-tag{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff}.fp-tag--green{background:var(--fp-green)}.fp-tag--teal{background:var(--fp-teal)}.fp-tag--blue{background:var(--fp-blue)}.fp-tag--purple{background:var(--fp-indigo)}.fp-tag--dark{background:var(--fp-ink)}.fp-tag--gold{background:var(--fp-gold)}.fp-highlight{border:1px solid var(--fp-gold);border-radius:12px;background:var(--fp-paper);padding:var(--fp-space-md);display:flex;flex-direction:column;align-items:stretch;gap:var(--fp-space-md)}.fp-highlight__text{display:flex;flex-direction:row;align-items:center;gap:var(--fp-space-sm)}.fp-highlight__badge-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.fp-highlight__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--fp-space-xs)}.fp-highlight__badge-tag{display:inline-flex;padding:6px 16px;border-radius:999px;background:rgba(1,117,137,.12);color:var(--fp-teal-dark);font-size:.85rem;font-weight:700}.fp-highlight__title{margin:0;font-size:1.15rem;font-weight:800}.fp-highlight__desc{margin:0;font-size:.9rem;opacity:.85}.fp-highlight__media{width:100%;max-width:200px;margin:0 auto}.fp-highlight__btn{width:100%}.fp-case-card{border:1px solid var(--fp-border);border-radius:10px;padding:var(--fp-space-sm);display:flex;flex-direction:row;align-items:center;gap:var(--fp-space-sm);background:var(--fp-paper)}.fp-case-card__logo{flex:0 0 auto}.fp-case-card__logo-img{width:96px;height:96px;object-fit:contain;border:1px solid var(--fp-border);border-radius:6px;background:#fff}.fp-case-card__body{display:flex;flex-direction:column;gap:8px;min-width:0}.fp-case-card__logo-name{margin:0;font-weight:800;font-size:.9rem;letter-spacing:.01em}.fp-case-card__tags{display:flex;gap:6px;flex-wrap:wrap}.fp-case-card__title{margin:0;font-size:.95rem;font-weight:700;line-height:1.6}.fp-case-card__desc{margin:0;font-size:.82rem;opacity:.75}.fp-blog-card{position:relative;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--fp-border);border-radius:10px;overflow:hidden;background:var(--fp-paper)}.fp-blog-card__thumb{flex:0 0 92px;width:92px;height:92px;border-radius:8px;overflow:hidden;background:var(--fp-ink) center/cover no-repeat}.fp-blog-card__thumb img{width:100%;height:100%;object-fit:cover}.fp-blog-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.fp-blog-card__date{font-size:.72rem;color:var(--fp-ink);opacity:.6}.fp-blog-card__title{margin:0;font-size:.85rem;font-weight:700;line-height:1.6}.fp-blog-card__title a{color:var(--fp-ink)}.fp-blog-card__title a:after{content:"";position:absolute;inset:0}.fp-cta{background:var(--fp-deepteal);border-radius:10px;padding:var(--fp-space-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--fp-space-sm)}.fp-cta__icon{display:none}.fp-cta__text{flex:1 1 auto}.fp-cta__title{margin:0;color:#fff;font-size:1.15rem;font-weight:800}.fp-cta__lead{margin:4px 0 0;color:#cfe3e8;font-size:.85rem}.fp-cta__actions{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--fp-space-sm);width:100%}.fp-cta__actions .fp-btn{width:100%}@media screen and (min-width:600px){.fp-grid>*{flex:1 1 260px}.fp-grid>.fp-blog-card{flex:1 1 45%}.fp-grid>.fp-case-card{flex:1 1 calc(50% - var(--fp-space-md) / 2)}.fp-case-card__logo-img{width:128px;height:128px}}@media screen and (min-width:1024px){.fp-section{padding:30px var(--fp-space-md)}.fp-section__head{flex-direction:row;align-items:baseline;justify-content:space-between}.fp-section__title{font-size:1.5rem}.fp-grid>.fp-blog-card{flex:1 1 260px}.fp-hero{overflow:hidden;min-height:520px;display:flex;align-items:center;padding:var(--fp-space-xl) var(--fp-space-md)}.fp-hero__inner{max-width:1256px;margin:0 auto;gap:var(--fp-space-md)}.fp-hero__intro-wrap,.fp-hero__footer-wrap{max-width:520px;margin:0}.fp-hero__intro-wrap{width:100%;background:0 0;padding:0}.fp-hero__title{font-size:2.25rem}.fp-hero__lead{width:100%;font-size:1rem;margin-right:0;margin-bottom:0;margin-left:0;padding:0;background:0 0}.fp-hero__lead-break--sp{display:none}.fp-hero__stats{gap:6px;justify-content:flex-start}.fp-stat{flex:0 0 155px;min-height:71px;padding:8px .78rem}.fp-stat__num{font-size:1.6rem}.fp-stat__label{font-size:.78rem}.fp-hero__actions{flex-direction:row;width:auto}.fp-hero__actions .fp-btn{width:auto}.fp-hero__media{position:absolute;top:0;right:0;bottom:0;width:56%;margin:0;aspect-ratio:auto;border-radius:0;clip-path:polygon(200px 0,100% 0,100% 100%,0 100%)}.fp-hero__media:before{display:none}.fp-hero__badge-area{display:block}.fp-hero__badge{position:absolute;top:50%;left:calc(6vw + 314px);transform:translate(-50%,-50%);width:210px;height:210px;font-size:1rem}.fp-reason{flex:0 0 160px}.fp-reason__desc{display:block}.fp-blog-card{flex-direction:column;align-items:stretch;gap:0;padding:0}.fp-blog-card__thumb{width:100%;height:auto;flex-basis:auto;aspect-ratio:16/10;border-radius:0}.fp-blog-card__body{padding:var(--fp-space-sm);justify-content:flex-start}.fp-blog-card__title{font-size:.9rem}.fp-cta{flex-direction:row;align-items:center;text-align:left;gap:var(--fp-space-md);padding:var(--fp-space-lg) var(--fp-space-md)}.fp-cta__icon{display:flex;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);align-items:center;justify-content:center;color:#fff}.fp-cta__title{font-size:1.25rem}.fp-cta__lead{font-size:.9rem}.fp-cta__actions{flex-direction:row;width:auto;flex-wrap:wrap}.fp-cta__actions .fp-btn{width:auto}.fp-highlight{flex-direction:row;align-items:center;gap:96px;padding:var(--fp-space-lg)}.fp-highlight__text{flex:1 1 auto}.fp-highlight__desc{white-space:nowrap}.fp-highlight__media{flex:0 0 150px;max-width:150px;margin:0}.fp-highlight__btn{flex:0 0 auto;width:auto}}