/* Kohana. build-07 r7 (2026-11-03, local prototype, not published) — loaded only by d7.html, after build07d.css.
   1. 口コミの評価の行: 「IBJ公式サイトに寄せられた口コミ14件｜平均評価5.0」 (phones: two lines, the ｜ hidden — build07b.css)
   2. IBJ AWARD の帯（最初の画面）: a quiet fade-in once on load (0.2s delay, 0.8s, opacity 0→1, 8px up), CSS only —
      shown without JavaScript, never replayed by scrolling, no motion with 「動きを減らす」; lighter shadow, gutter = the page's
   3. 代表カウンセラー: the line 「ちょっと聞いてほしい…」 a little larger, with more room above and below; the photo is unchanged
   4. 婚活の流れ: numbered steps on one line (a timeline), not cards — vertical on phones/tablets, six across on PC;
      the support cards (build07d.css) stay photo cards, so the two read differently
   5. 「あなたらしい幸せへ、一歩ずつ。」 closes 婚活の流れ (short, a normal-size LINE button);
      「これからのこと、気軽にお話ししませんか。」 is the final invitation (larger heading, two balanced lines)
   6. mahana: smaller heading and less space, the 会員さま優待 first, the jewelry photo unchanged */

/* 1 */
.voices .vc-meta .avg b{margin-left:.3em}

/* 2 */
.fv>.iaw-adopted{animation:iaw-in .8s cubic-bezier(.25,.1,.25,1) .2s both;box-shadow:0 3px 10px rgba(43,36,32,.06);padding-left:var(--pad,20px);padding-right:var(--pad,20px)}
@media(min-width:64em){.fv>.iaw-adopted{padding-left:6%;padding-right:6%}}
@keyframes iaw-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fv>.iaw-adopted{animation:none}}

/* 3 */
#counselor .quote{font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem);line-height:1.75;letter-spacing:.06em;margin:var(--ma-5) 0 var(--ma-4);border-left-color:rgba(176,138,62,.75)}

/* 4 */
#flow .steps{display:block;max-width:40em}
#flow .steps li{position:relative;background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 26px 64px;min-height:48px}
#flow .steps li:last-child{padding-bottom:0}
#flow .steps li::before{content:"";position:absolute;left:23px;top:54px;bottom:6px;width:1px;background:rgba(176,138,62,.45)}
#flow .steps li:last-child::before{content:none}
#flow .steps .n{position:absolute;left:0;top:0;width:47px;height:47px;justify-content:center;gap:0;border:1px solid rgba(176,138,62,.6);border-radius:50%;background:var(--shiro);font-size:1.1rem;letter-spacing:.04em}
#flow .steps .n::after{content:none}
#flow .steps li:last-child .n{background:#f6ecd6}
#flow .steps h3{margin-top:0;padding-top:9px}
#flow .steps p{margin-top:4px}
@media(min-width:64em){
 #flow .steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px;max-width:none}
 #flow .steps li{padding:0;min-height:0}
 #flow .steps li::before{left:60px;right:-12px;top:25px;bottom:auto;width:auto;height:1px}
 #flow .steps .n{position:relative;width:51px;height:51px;margin-bottom:18px}
 #flow .steps h3{padding-top:0}
}
#flow .flow-close{margin-top:var(--ma-6);text-align:center}
#flow .flow-close::before{content:"";display:block;width:48px;height:1px;margin:0 auto var(--ma-4);background:rgba(176,138,62,.6)}
#flow .flow-close .fc-t{font:500 clamp(1.2rem,1.05rem + .6vw,1.5rem)/1.6 var(--serif);letter-spacing:.06em;color:var(--sumi);margin:0}
#flow .flow-close .fc-l{margin:6px auto 0;font-size:15px;line-height:1.8;color:var(--cocoa)}
#flow .flow-close .cta-wrap2{margin-top:var(--ma-3)}

/* 5 */
#contact.talk.invite h2{font-size:clamp(1.6rem,1.3rem + 1.3vw,2.3rem);line-height:1.6;max-width:12.6em;margin-inline:auto}

/* 6 */
html[data-v="7"] #brand-introduction{--sec:56px}
@media(min-width:37.5em){html[data-v="7"] #brand-introduction{--sec:72px}}
@media(min-width:64em){html[data-v="7"] #brand-introduction{--sec:88px}}
#brand-introduction .mh-name{font-size:clamp(1.35rem,1.2rem + .6vw,1.7rem);margin-bottom:4px}
#brand-introduction h2{font-size:clamp(1.05rem,.98rem + .4vw,1.3rem);line-height:1.75;max-width:none}
#brand-introduction .perk{margin-top:var(--ma-3);padding:18px 20px}
#brand-introduction .mh-site{margin-top:var(--ma-3)}
#brand-introduction .more{margin-top:4px}
@media(min-width:64em){#brand-introduction .mh-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}}