@charset "UTF-8";
/* ============================================================
   こだわり商品研究所｜アバウト方式（会社紹介）
   prefix : kdw-about__
   方向性 : researcher-profile（商品選び）に統一
   color  : 赤 #aa1f1f → #d94545 ／ 枠・小見出し=薄ピンク ／ マーカー #ffeb99
   設置   : https://www.kodawari-net.com/img/css/about.css
   ============================================================ */

.kdw-about__wrap{
  --about-red:#aa1f1f;
  --about-red-lt:#d94545;
  --about-border:#f0d0d0;     /* カード枠（薄ピンク） */
  --about-pink-a:#fdf4f4;     /* 小見出し背景（薄ピンク・明） */
  --about-pink-b:#faeaea;     /* 小見出し背景（薄ピンク・暗） */
  --about-kw-bg:#fff3f3;      /* チップ背景 */
  --about-lead-a:#fff8f0;     /* リード背景 */
  --about-lead-b:#fff3e8;
  --about-marker:#ffeb99;     /* 黄マーカー */
  --about-ink:#333;
  --about-ink-soft:#666;
  --about-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo",sans-serif;

  font-family:var(--about-sans);
  color:var(--about-ink);
  line-height:1.8;
  font-size:16px;
  max-width:760px;
  margin:0 auto;
  padding:0 8px;
  background:none;
  box-sizing:border-box;
  -webkit-text-size-adjust:100%;
}
.kdw-about__wrap *{box-sizing:border-box;}

/* theme CSS の干渉対策（:where で低詳細度に） */
.kdw-about__wrap :where(p,h2,h3,ul,li,figure){
  margin:0 !important;
  padding:0;
  list-style:none;
  text-align:left;
}
.kdw-about__wrap img{max-width:100%;height:auto;display:block;border:0;}
.kdw-about__wrap a{color:var(--about-red);}

/* ---- メイン見出し（赤ベタ塗り・白抜き） ---- */
.kdw-about__wrap .kdw-about__heading{
  font-size:22px !important;
  font-weight:bold;
  text-align:center !important;
  color:#fff !important;
  margin:0 0 24px !important;
  padding:16px 20px;
  background:linear-gradient(135deg,var(--about-red) 0%,var(--about-red-lt) 100%);
  border-radius:8px;
  letter-spacing:.05em;
  box-shadow:0 4px 12px rgba(170,31,31,.2);
  line-height:1.5;
}
.kdw-about__heading-mark{
  display:inline-block;margin-right:8px;font-size:18px;vertical-align:2px;
}

/* ---- バナー ---- */
.kdw-about__banner{margin:0 auto 18px;}
.kdw-about__banner img{width:100%;max-width:700px;margin:0 auto;border-radius:10px;}

/* ---- リード（テーマ） ---- */
.kdw-about__lead{
  background:linear-gradient(135deg,var(--about-lead-a) 0%,var(--about-lead-b) 100%);
  border:1px solid var(--about-border);
  border-radius:12px;
  padding:18px 16px;
  text-align:center;
  font-weight:bold;
  line-height:1.85;
  color:var(--about-ink);
  margin-bottom:22px;
}
.kdw-about__lead .kdw-about__tag{
  display:inline-block;
  background:linear-gradient(135deg,var(--about-red) 0%,var(--about-red-lt) 100%);
  color:#fff;font-size:14px;border-radius:6px;padding:2px 12px;margin-top:8px;
}

/* ---- 共通カード（薄ピンク枠＋やわらか影） ---- */
.kdw-about__card{
  background:#fff;
  border:1.5px solid var(--about-border);
  border-radius:12px;
  padding:18px 14px;
  box-shadow:0 4px 14px rgba(170,31,31,.06);
  margin-bottom:18px;
}

/* ---- 小見出し（薄ピンク背景） ---- */
.kdw-about__wrap .kdw-about__card-title{
  font-size:18px !important;
  font-weight:bold;
  color:var(--about-red) !important;
  text-align:center !important;
  background:linear-gradient(135deg,var(--about-pink-a) 0%,var(--about-pink-b) 100%);
  border:1px solid var(--about-border);
  border-radius:8px;
  padding:10px 14px;
  margin:0 0 16px !important;
  letter-spacing:.04em;
}

/* ---- フロー（研究→厳選→解説） ---- */
.kdw-about__flow{margin-bottom:22px;}
.kdw-about__flow-step{
  background:#fff;
  border:1px solid var(--about-border);
  border-left:4px solid var(--about-red);
  border-radius:6px;
  padding:16px 14px 16px 58px;
  position:relative;
  box-shadow:0 4px 14px rgba(170,31,31,.06);
  line-height:1.8;
}
.kdw-about__flow-step + .kdw-about__flow-step{margin-top:30px;}
.kdw-about__flow-step .kdw-about__num{
  position:absolute;left:12px;top:14px;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--about-red) 0%,var(--about-red-lt) 100%);
  color:#fff;font-weight:bold;font-size:15px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 5px rgba(170,31,31,.3);
}
.kdw-about__flow-step:not(:last-child)::after{
  content:"";position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);
  width:0;height:0;
  border-left:8px solid transparent;border-right:8px solid transparent;
  border-top:11px solid var(--about-red);
}
.kdw-about__em,.kdw-about__em--main{color:var(--about-red);font-weight:bold;}
.kdw-about__strong{
  background:linear-gradient(transparent 60%,var(--about-marker) 60%);
  padding:0 2px;font-weight:bold;
}

/* ---- 創業27年リスト ---- */
.kdw-about__history-list{margin-top:4px;}
.kdw-about__history-item{
  display:flex;align-items:center;gap:10px;
  padding:11px 4px;
  border-bottom:1px dashed var(--about-border);
  flex-wrap:wrap;
}
.kdw-about__history-item:last-child{border-bottom:0;}
.kdw-about__history-item .kdw-about__badge{
  flex:0 0 auto;width:24px;height:24px;border-radius:6px;
  background:linear-gradient(135deg,var(--about-red) 0%,var(--about-red-lt) 100%);
  color:#fff;font-size:13px;font-weight:bold;
  display:flex;align-items:center;justify-content:center;
}
.kdw-about__history-item .kdw-about__h-from{color:var(--about-ink-soft);}
.kdw-about__history-item .kdw-about__h-arw{color:var(--about-red);font-weight:bold;}
.kdw-about__history-item .kdw-about__h-to{color:var(--about-red);font-weight:bold;}

/* ---- リンクカード ---- */
.kdw-about__linkcard{text-align:center;}
.kdw-about__linkcard p.kdw-about__lc-lead{
  text-align:center !important;color:var(--about-ink-soft);
  font-size:15px;margin:0 0 14px !important;line-height:1.8;
}
.kdw-about__linkimg{
  display:inline-block;max-width:100%;
  border-radius:10px;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.kdw-about__linkimg img{display:block;width:100%;height:auto;margin:0;border-radius:10px;}
.kdw-about__linkimg:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(170,31,31,.16);}
.kdw-about__linkimg--s{width:120px;}
.kdw-about__linkimg--m{width:300px;}
.kdw-about__linkimg--l{width:500px;}

/* ---- 動画 ---- */
.kdw-about__wrap .kdw-about__movie-label{
  text-align:center !important;font-weight:bold;
  color:var(--about-red) !important;margin:0 0 10px !important;
}
.kdw-about__movie{
  position:relative;width:100%;padding-top:56.25%;
  border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(170,31,31,.12);
}
.kdw-about__movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ====== パート2：実用情報 ====== */

/* キーワードチップ */
.kdw-about__keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.kdw-about__keywords .kdw-about__chip{
  background:var(--about-kw-bg);
  color:var(--about-red);
  border:1px solid var(--about-border);
  border-radius:999px;
  padding:5px 13px;font-size:14px;font-weight:bold;line-height:1.5;
}

/* 電話 */
.kdw-about__wrap .kdw-about__tel-num{text-align:center !important;margin:6px 0 12px !important;}
.kdw-about__tel-num a{
  font-family:var(--about-sans);
  font-size:30px !important;font-weight:bold;
  color:var(--about-red) !important;
  letter-spacing:.04em;text-decoration:none;
}
.kdw-about__tel-num small{
  display:block;font-size:13px;color:var(--about-ink-soft);
  font-weight:bold;letter-spacing:.08em;margin-bottom:2px;
}
.kdw-about__wrap .kdw-about__tel-note{
  font-size:14.5px;color:var(--about-ink-soft);
  line-height:1.85;text-align:left !important;
}

/* 決済 */
.kdw-about__wrap .kdw-about__pay-lead{font-size:15px;line-height:1.85;margin:0 0 12px !important;}
.kdw-about__pay-lead .kdw-about__em{color:var(--about-red);}
.kdw-about__pay img{width:100%;border-radius:10px;}
.kdw-about__pay a{
  display:block;border-radius:10px;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.kdw-about__pay a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(170,31,31,.16);}

/* ---- スマホ ---- */
@media screen and (max-width:600px){
  .kdw-about__wrap{font-size:15.5px;}
  .kdw-about__wrap .kdw-about__heading{font-size:17px !important;padding:14px 16px;}
  .kdw-about__wrap .kdw-about__card-title{font-size:16px !important;}
  .kdw-about__card{padding:16px 12px;}
  .kdw-about__flow-step{padding:14px 12px 14px 52px;}
  .kdw-about__tel-num a{font-size:26px !important;}
  .kdw-about__keywords{justify-content:flex-start;}
}