@charset "utf-8";

/* ========== いえみつ｜強み（3つ） ========== */
/* =========================
   POINT セクション（スクショ寄せ）
========================= */
:root{
  /* 背景：スクショのグレージュ寄り＋淡オレンジ */
  --pt-bg: #e7dfcf;
  --pt-text: #2a2a2a;
  --pt-muted: rgba(0,0,0,.55);

  /* POINT文字（白っぽい） */
  --pt-point: rgba(255,255,255,.82);

  /* 罫線 */
  --pt-line: rgba(120,110,90,.35);

  /* 余白感 */
  --pt-gutter: clamp(18px, 3vw, 34px);
}

.iemitsuPoints{
  /* background: var(--pt-bg); */
  padding: clamp(26px, 4.5vw, 56px) 0;
  color: var(--pt-text);
}

.iemitsuPoints__container{
  width: min(760px, 92vw); /* ご希望 */
  margin: 0 auto;
}

.iemitsuPoints__row{
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  /* gap: var(--pt-gutter); */
  gap: 20px;
  align-items: start;
  padding: clamp(10px, 2vw, 18px) 0;
}

/* 交互（POINT 02） */
.iemitsuPoints__row--reverse{
    grid-template-columns: 1fr 0.9fr;
}

.iemitsuPoints__row--reverse .iemitsuPoints__media{ order: 2; }
.iemitsuPoints__row--reverse .iemitsuPoints__content{ order: 1; }

.iemitsuPoints__media{
  margin: 0;
  /* スクショは画像が“余白のある箱”に置かれてる感じ → 内側余白を少し */
  padding: clamp(8px, 1.6vw, 14px);
}

.iemitsuPoints__media img{
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;  /* スクショの横長感 */
  object-fit: cover;
  display: block;
  border-radius: 0;     /* 角丸なし */
  box-shadow: none;     /* 影なし */
}

.iemitsuPoints__content{
  /* padding-top: clamp(6px, 1vw, 10px); */
}

/* POINT表示（でかく・薄く・左寄せ） */
.iemitsuPoints__point{
  margin: 0 0 clamp(10px, 1.6vw, 16px);
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--muted);
  /* font-size: clamp(22px, 3.2vw, 34px); */
  font-size: clamp(14px, 3.2vw, 18px);
  line-height: 1;
  text-transform: uppercase;
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}
.iemitsuPoints__point span{
  font-size: clamp(34px, 4.4vw, 56px);
  letter-spacing: .02em;
  color: var(--accent);
}

.iemitsuPoints__title{
  margin: 0 0 14px;
  font-size: clamp(16px, 2.1vw, 20px);
  line-height: 1.7;
  font-weight: 700;
}

.iemitsuPoints__text{
  margin: 0;
  font-size: 13px;
  line-height: 2.05;
  color: var(--pt-muted);
}

/* セクション間の罫線 */
.iemitsuPoints__line{
  border: none;
  height: 1px;
  background: var(--pt-line);
  margin: clamp(14px, 2.4vw, 22px) 0;
}

/* ========== SP（スクショの下部イメージ寄せ：縦積み） ========== */
@media (max-width: 640px){
  .iemitsuPoints__row{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .iemitsuPoints__row--reverse .iemitsuPoints__media{ order: 0; }
  .iemitsuPoints__row--reverse .iemitsuPoints__content{ order: 0; }

  .iemitsuPoints__media{
    padding: 0;
  }

  .iemitsuPoints__media img{
    aspect-ratio: 16 / 10;
  }

  .iemitsuPoints__content{
    padding: 0 2px 4px;
  }

  .iemitsuPoints__point{
    margin-bottom: 10px;
  }
}