/* ============================================================
   こめて型オマージュ・TOPの中身用（2026-09-25 関谷さん「コメテのデザインをオマージュしてアイネットの中身・SVGや吹き出し・チラシの動きは同じ・ページ全部移植」）
   前提＝comete-shell.css（殻・書体・ボタン・角丸）の上に重ねる。アイネットの節・文言・動き（スライダー／吹き出し／チラシ／はな）はそのまま。
   写すもの＝こめてTOPの「淡い地の角丸48/48/120/48ヒーロー」「Georgia英字＋34px見出し」「紙色カード・線なし」「ピルの小見出し」
            「花びら番号」「淡地＋白箱のCTA」「水彩の飾り」「hero-noteの点付き注記」
   色＝紺 #1b3a5c・金 #c89c57／#a8783a・地 #fffdf9・淡地 #eef2f6・紙 #f4f6f9
   ============================================================ */
.cm-top{--tint:#eef2f6;--tint2:#f4f6f9;--navy:#1b3a5c;--gold:#c89c57;--gold-deep:#a8783a;--petal:#f3e6cf}
.cm-top main{overflow-x:clip}

/* ---------- ヒーロー＝淡い地の角丸ブロック（スライダーはそのまま中に） ---------- */
.cm-top .hero-home{margin:14px 24px 0!important;border-radius:48px 48px 120px 48px!important;overflow:hidden!important;isolation:isolate}
.cm-top .hero-home .hero-copy .eyebrow{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 18px;padding:5px 16px;border-radius:30px;background-color:rgba(255,253,249,.92);color:#000!important;font-family:"Zen Maru Gothic",sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:.05em!important;text-transform:none}
.cm-top .hero-home .hero-copy .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background-color:var(--gold)}
.cm-top .hero-home .hero-copy .eyebrow::after{content:none}
.cm-top .hero-home .button{box-shadow:none!important;background-image:none!important;background-color:var(--gold-deep)!important;color:#fff!important}
.cm-top .hero-home .text-link{font-weight:500}
.cm-top .home-seal{border-radius:50%;box-shadow:0 10px 24px rgba(27,58,92,.16)!important}

/* ---------- リボン＝こめての hero-note（点付き注記） ---------- */
.cm-top .home-ribbon{position:static!important;background-color:transparent!important;border:0!important;justify-content:center!important;gap:8px 26px!important;margin:20px 24px 0!important;padding:0 24px!important;color:#000!important;font-size:14px!important;font-weight:400!important;letter-spacing:.035em!important;width:auto!important;max-width:none!important}
.cm-top .home-ribbon span{display:inline-flex;align-items:center;gap:8px}
.cm-top .home-ribbon span::before{content:""!important;width:6px;height:6px;border-radius:50%;background-color:#7a8ea6;color:transparent!important;font-size:0}

/* ---------- 実際の現場の画像（帯）＝地はそのまま白・線なし ---------- */
.cm-top .rp-strip{border:0!important;background-color:transparent!important;padding:40px 0 20px!important}
.cm-top .rp-strip-head h2{font-size:26px!important}

/* ---------- 節の見出し＝Georgia英字＋34px/1.65 ---------- */
.cm-top .content-section{padding:100px 0!important;border-top:0!important}
.cm-top .content-section.tint{background-color:var(--tint2)!important}
.cm-top .s5-sechead h2,.cm-top .section-heading h2,.cm-top .flyer-gallery h2,.cm-top .s5-invite-box h2,.cm-top .s5-formsec h2{font-size:34px!important;line-height:1.65!important;letter-spacing:.055em!important;font-weight:500!important}
.cm-top .eyebrow{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:15px!important;letter-spacing:.18em!important;color:var(--gold-deep)!important;text-transform:uppercase}
.cm-top .eyebrow::before,.cm-top .eyebrow::after{display:none!important}
.cm-top .section-heading{margin-bottom:36px!important}

/* ---------- カード＝白地の節では紙色・線なし／淡地の節では白 ---------- */
.cm-top .content-section:not(.tint) .text-card,.cm-top .content-section:not(.tint) .s5-numcard,.cm-top .content-section:not(.tint) .s5-trust,.cm-top .content-section:not(.tint) .s5-card,.cm-top .content-section:not(.tint) .s5-step{background-color:var(--tint2)!important;border-color:transparent!important;box-shadow:none!important;border-radius:28px!important}
.cm-top .content-section.tint .text-card,.cm-top .content-section.tint .s5-numcard,.cm-top .content-section.tint .s5-trust,.cm-top .content-section.tint .service-card{background-color:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:28px!important}
.cm-top .service-card{border-radius:28px!important;box-shadow:none!important}
.cm-top .text-card h3,.cm-top .service-card h3,.cm-top .s5-numcard h3,.cm-top .s5-media h3,.cm-top .s5-step h3{font-weight:500!important;line-height:1.65!important}
.cm-top .text-card p,.cm-top .service-card p,.cm-top .s5-numcard p{font-size:16.5px}
.cm-top .circle-arrow{background-color:var(--tint)!important;color:var(--navy)!important;box-shadow:none!important}
.cm-top .s5-num{background-color:var(--tint)!important;color:var(--navy)!important;font-family:"Zen Maru Gothic",sans-serif!important}
.cm-top .s5-numcard .s5-num{font-family:Georgia,serif!important;color:var(--gold-deep)!important;background-color:transparent!important;font-size:30px!important;padding:0!important}

/* ---------- 流れの番号＝こめての花びら番号 ---------- */
.cm-top .s5-step-no{position:relative!important;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:92px;margin:0 auto 18px;font-size:12px!important;letter-spacing:.2em!important;color:var(--gold-deep)!important;line-height:1.4;top:auto!important;left:auto!important}
.cm-top .s5-step-no::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--petal);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 9C63-5 78 6 78 21C97 20 105 38 91 50C105 63 95 80 79 79C80 97 62 105 50 91C37 105 20 95 21 79C3 80-5 62 9 50C-5 37 5 20 21 21C20 3 38-5 50 9Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 9C63-5 78 6 78 21C97 20 105 38 91 50C105 63 95 80 79 79C80 97 62 105 50 91C37 105 20 95 21 79C3 80-5 62 9 50C-5 37 5 20 21 21C20 3 38-5 50 9Z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-10deg)}
.cm-top .s5-step:nth-child(2) .s5-step-no::before{transform:rotate(13deg);background-color:#dde6f0}
.cm-top .s5-step:nth-child(3) .s5-step-no::before{transform:rotate(-20deg);background-color:#dfeadf}
.cm-top .s5-step:nth-child(4) .s5-step-no::before{transform:rotate(8deg)}
.cm-top .s5-step:nth-child(5) .s5-step-no::before{transform:rotate(-14deg);background-color:#dde6f0}
.cm-top .s5-step-no b{background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--navy)!important;font-family:"Zen Maru Gothic",sans-serif!important;font-size:30px!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.05!important}

/* ---------- 無料の事前相談＝こめてのCTA（淡地＋白箱＋水彩） ---------- */
.cm-top .s5-invite{position:relative;overflow:hidden;background-color:var(--tint)!important;background-image:none!important;padding:80px 0!important}
.cm-top .s5-invite .wc{position:absolute;left:-60px;bottom:-120px;width:340px;opacity:.5;pointer-events:none}
.cm-top .s5-invite-box{position:relative;z-index:1;background-color:#fff!important;border:0!important;border-radius:32px!important;padding:48px 56px!important}
.cm-top .s5-invite-box .button{background-image:none!important;box-shadow:none!important;background-color:var(--gold-deep)!important;color:#fff!important}
.cm-top .s5-telrow{background-color:#fffdf9!important;padding:64px 0!important}
.cm-top .s5-telbig{font-family:"Zen Maru Gothic",sans-serif!important;font-weight:500!important;color:var(--navy)!important}
.cm-top .s5-points span{background-color:var(--tint)!important}
.cm-top .s5-formsec{background-color:var(--tint2)!important}
.cm-top .form-sample{border-radius:28px!important;background-color:#fff!important;border:0!important}
.cm-top .contact-band{background-color:var(--tint)!important;border-radius:0!important}

/* ---------- テーマ別のチラシ・吹き出し・はな＝触らない（動きは元のまま）。地だけ淡色に ---------- */
.cm-top .s5-onestop{background-color:#fffdf9!important}
.cm-top .s6-flyer{background-color:var(--tint2)!important;border-radius:28px}

/* ---------- スマホ・中幅 ---------- */
@media(max-width:960px){
  .cm-top .hero-home{margin:8px 14px 0!important;border-radius:30px 30px 70px 30px!important}
  .cm-top .content-section{padding:65px 0!important}
  .cm-top .s5-sechead h2,.cm-top .section-heading h2,.cm-top .flyer-gallery h2,.cm-top .s5-invite-box h2,.cm-top .s5-formsec h2{font-size:28px!important}
  .cm-top .home-ribbon{margin:14px 14px 0!important;gap:6px 16px!important;font-size:13px!important}
  .cm-top .s5-invite{padding:55px 0!important}.cm-top .s5-invite-box{padding:28px 22px!important;border-radius:24px!important}
  .cm-top .s5-step-no{width:76px;height:76px;margin:0 0 12px}
}
@media(max-width:640px){
  .cm-top .s5-sechead h2,.cm-top .section-heading h2{font-size:26px!important}
}

/* ---------- 手直し1：流れの番号の元の紺角丸を消して花びらに／フッターの水彩を枠内に ---------- */
.cm-top .s5-step-no{background:none!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;gap:2px!important;font-family:Georgia,serif!important}
.cm-top .s5-step-no b{color:var(--navy)!important;background:none!important;-webkit-text-fill-color:var(--navy)}
.cm-top .site-footer.ft{position:relative!important;overflow:hidden!important;isolation:isolate}
.cm-top .ft-main,.cm-top .ft-access,.cm-top .ft-bottom{position:relative;z-index:1}
.cm-top .ft-wc{position:absolute!important;pointer-events:none;opacity:.22;z-index:0}
.cm-top .ft-wc-a{right:-140px;top:-60px;width:420px}
.cm-top .ft-wc-b{left:-60px;bottom:120px;width:180px;opacity:.28}
@media(max-width:960px){.cm-top .ft-wc-a{width:260px;right:-90px;top:-40px}}

/* ---------- 手直し2（関谷さん）：メガメニュー左上の丸＝はなちゃんの写真／フッター一番下の丸い影は無し ---------- */
.cm-top .gnav-lead{position:relative;overflow:hidden}
.cm-top .gnav-lead img.gnav-hana{position:static;display:block;width:96px;height:96px;margin:0 0 14px;border-radius:50%;object-fit:cover;opacity:1;box-shadow:0 8px 20px rgba(27,58,92,.14)}
.cm-top .gnav-lead .gnav-lead-jp{margin-top:0}

/* ---------- 手直し3（関谷さん「TOPタイトル気をつけて」）：丸ゴシックで細くなった大見出しを写真の上で読める太さ・影に ---------- */
.cm-top .hero-home .hero-h1,.cm-top .hero-home .hero-slide-title,.cm-top .hero-home .hero-title-line{font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.35),0 4px 18px rgba(0,0,0,.4)!important}
.cm-top .hero-home h1.seo-h1{font-weight:700!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}

/* ============================================================
   下層ページ（.cm-page）＝こめての .pagehead（淡地・角丸36/36/80/36・水彩）＋ about-top の写真角丸
   中身の節・カード・帯は上の .cm-top 規則をそのまま共有（下層の body は cm-top cm-page の両方）
   ============================================================ */
.cm-page .breadcrumb{margin-top:16px!important;margin-bottom:10px!important;font-size:13px!important}
.cm-page .hero-inner{position:relative;overflow:hidden;isolation:isolate;margin:0 24px!important;padding:64px 0 60px!important;background-color:var(--tint)!important;border-radius:36px 36px 80px 36px!important}
.cm-page .hero-inner .hero-grid{margin-top:0!important;margin-bottom:0!important;align-items:center}
.cm-page .hero-inner .hero-image{width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover!important;border-radius:90px 28px 90px 28px!important;box-shadow:none!important;background-color:transparent!important}
.cm-page .hero-inner .hero-visual{height:auto!important}
.cm-page .hero-inner :is(.hero-h1,h1:not(.seo-h1)){font-family:"Zen Maru Gothic",sans-serif!important;font-size:clamp(28px,2.9vw,38px)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.055em!important;color:var(--navy)!important}
.cm-page .hero-inner h1.seo-h1,.cm-page .hero-inner .s5-seo{font-weight:500!important;color:var(--navy)!important}
@media(max-width:960px){
  .cm-page .hero-inner{margin:0 14px!important;padding:40px 0 44px!important;border-radius:28px 28px 60px 28px!important}
  .cm-page .hero-inner .hero-image{border-radius:60px 20px 60px 20px!important}
}
@media(max-width:640px){
  .cm-page .hero-inner{padding:32px 0 36px!important;border-radius:25px 25px 55px 25px!important}
}
/* メガメニューの現在地（所属群に下線） */
.cm-header .gnav-group.is-here .gnav-item::after{transform:scaleX(1)}
.cm-header .gnav-group.is-here .gnav-jp{color:var(--navy)}

/* ---------- 手直し4（関谷さん「まるいのがでてしまっています」）：水彩の丸い飾りは全部なし（見出し帯・事前相談の帯・フッター） ---------- */
.cm-page .hero-inner::before,.cm-page .hero-inner::after{content:none!important;display:none!important}
.cm-top .s5-invite .wc,.cm-top .ft-wc{display:none!important}

/* ---------- 手直し5：ドロワーの HOME はアイコンと文字を並べる（旧ドロワーの左右振り分け指定を打ち消す） ---------- */
.cm-shell .drawer-nav a.dn-home{justify-content:flex-start!important}