/* ===== OUR PRODUCTS（ISLAND HERB） ===== */
:root{--sage:#6B7F6E;--sage-dk:#566858}
.ih .ph{width:100%;height:100%}
.ico-ph{display:block;border:1px dashed currentColor;border-radius:50%;opacity:.7}
.ih .i,.ih .i-s{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* 冒頭のキャッチ */
.ih-catch{font-size:clamp(20px,2.3vw,30px);font-weight:400;letter-spacing:.18em;line-height:2;color:var(--forest)}
.ih-intro p.en{font-family:var(--en);letter-spacing:.08em;color:var(--moss);margin-top:18px}

/* 2カラム（SERVICESと同じ組み方） */
.ih-row{padding:clamp(80px,10vw,140px) 0}
.ih-row + .ih-row{border-top:1px solid var(--line)}
.ih-row__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.ih-row.is-rev .ih-row__img{order:2}
.ih-row__img{aspect-ratio:4/5;overflow:hidden}
.ih-name{font-family:var(--en);font-weight:400;font-size:clamp(30px,3.6vw,46px);letter-spacing:.12em;color:var(--sage-dk);line-height:1.1}
.ih-name small{display:block;font-family:var(--en);font-size:13px;letter-spacing:.08em;color:var(--moss);margin-top:14px;line-height:1.8}
.ih-h{font-size:clamp(18px,1.8vw,22px);font-weight:500;letter-spacing:.12em;line-height:1.9;margin:36px 0 18px}
.ih-p{color:var(--ink-soft)}
.ih-p + .ih-p{margin-top:14px}

/* CHURA HERB */
.ih-chura{background:var(--sage);color:#F1EFE7;padding:clamp(88px,11vw,150px) 0}
.ih-chura__head{text-align:center}
.ih-chura__head .s{font-size:13px;letter-spacing:.24em;color:#DCE2D8;line-height:2}
.ih-chura__head h2{font-family:var(--en);font-weight:400;font-size:clamp(32px,4.4vw,56px);letter-spacing:.22em;margin:16px 0 20px}
.ih-chura__head p.lead{letter-spacing:.16em;line-height:2.1}
.bounty{display:grid;grid-template-columns:1fr 1fr;margin:clamp(56px,7vw,88px) auto 0;max-width:880px;border-top:1px solid rgba(241,239,231,.35);border-bottom:1px solid rgba(241,239,231,.35)}
.bounty > div{padding:36px clamp(16px,3vw,40px);text-align:center}
.bounty > div + div{border-left:1px solid rgba(241,239,231,.35)}
.bounty .i-s{width:36px;height:36px;margin:0 auto 10px;display:block;color:#E3E7DF}
.bounty h3{font-family:var(--en);font-weight:400;font-size:clamp(16px,1.6vw,19px);letter-spacing:.14em}
.bounty ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;font-size:14px;letter-spacing:.14em}
.bounty li{white-space:nowrap}
.ih-chura__life{text-align:center;margin:clamp(56px,7vw,88px) auto 0;letter-spacing:.16em;line-height:2.3}
.feats-h{text-align:center;font-family:var(--en);font-weight:400;font-size:clamp(18px,2vw,22px);letter-spacing:.2em;margin-top:clamp(72px,9vw,112px)}
.feats-h small{display:block;font-family:var(--jp);font-size:14px;letter-spacing:.24em;margin-top:6px;color:#DCE2D8}
.feats{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:40px auto 0;max-width:980px}
.feats li{text-align:center;padding:8px 10px;font-size:14px;letter-spacing:.14em;line-height:1.7}
.feats li + li{border-left:1px solid rgba(241,239,231,.3)}
.feats .i{width:44px;height:44px;display:block;margin:0 auto 14px;color:#F1EFE7}
.ih-chura__note{max-width:42em;margin:clamp(48px,6vw,72px) auto 0;font-size:14px;line-height:2.2;color:#E6E9E2}

/* Listen to your skin */
.ih-listen{padding:clamp(80px,10vw,140px) 0}
.ih-listen__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.ih-listen__img{aspect-ratio:4/5;overflow:hidden}
.ih-listen p.en{font-family:var(--en);letter-spacing:.08em;color:var(--moss)}
.ih-listen h2{font-size:clamp(19px,2vw,26px);font-weight:400;letter-spacing:.16em;line-height:2;margin:16px 0 28px;color:var(--forest)}
.ih-listen ul{list-style:none;border-top:1px solid var(--line)}
.ih-listen li{display:grid;grid-template-columns:22px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.85;color:var(--ink-soft)}
.ih-listen li svg{width:18px;height:18px;fill:none;stroke:var(--sage-dk);stroke-width:1.6;margin-top:4px}

/* Online Store（ご購入・お問い合わせをまとめる） */
.ih-store{background:var(--sand);padding:clamp(80px,10vw,130px) 0}
.ih-store__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.ih-store__img{aspect-ratio:4/3;overflow:hidden}
.ih-store h2{font-family:var(--en);font-weight:400;font-size:clamp(30px,3.6vw,46px);letter-spacing:.1em;color:var(--forest);line-height:1.1}
.ih-store h2 small{display:block;font-family:var(--jp);font-size:14px;letter-spacing:.24em;color:var(--moss);margin-top:12px}
.ih-store p.t{color:var(--ink-soft);margin:24px 0 32px}
.btn-store{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;background:var(--sage-dk);color:#F2EFE6;font-size:15px;letter-spacing:.14em;max-width:420px;transition:background .3s}
.btn-store:hover{background:var(--forest)}
.btn-store svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.ih-store__sub{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:28px}
.ih-store__sub a{display:inline-flex;align-items:center;gap:10px}
.ih-store__sub svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}

/* For Professional */
.pro{border-top:1px solid var(--line)}
.pro a{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px)}
.pro__title{font-family:var(--en);font-weight:400;font-size:clamp(26px,3vw,38px);letter-spacing:.1em;line-height:1.3;color:var(--forest)}
.pro__title small{display:block;font-family:var(--jp);font-weight:400;font-size:13px;letter-spacing:.18em;color:var(--moss);margin-top:10px}
.pro p{font-size:14px;color:var(--ink-soft);margin-top:16px;max-width:36em}
.pro__go{display:inline-flex;align-items:center;gap:12px;font-family:var(--en);font-size:13px;letter-spacing:.2em;color:var(--forest);border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}
.pro__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.pro a:hover .pro__go{opacity:.7}

@media (max-width:860px){
  .ih-row__in,.ih-listen__in,.ih-store__in,.bounty{grid-template-columns:1fr}
  .ih-row.is-rev .ih-row__img{order:0}
  .ih-row__img,.ih-listen__img{aspect-ratio:4/3}
  .bounty > div + div{border-left:0;border-top:1px solid rgba(241,239,231,.35)}
  .feats{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .feats li + li{border-left:0}
  .pro a{grid-template-columns:1fr}
}
@media (max-width:420px){ .feats{grid-template-columns:repeat(2,1fr)} }