/* 楽一 カタログ・資料請求 一覧ページ 専用スタイル（class は rkc- で始まる）2026-11-06
   /rakuichi/common/rkform.css（帯なし・白地）と同じトーン。配色はオレンジ #f35c01 ＋グレーのみ */
.rkc{padding:16px 0 72px;background:#fff;}
.rkc-inner{width:1100px;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.rkc-pc{display:inline;}

/* 見出し */
.rkc-head{margin:8px 0 32px;}
.rkc-title{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.4;color:#111;letter-spacing:.02em;}
.rkc-lead{margin:0;font-size:15px;line-height:1.9;color:#333;}

/* カード3枚 */
.rkc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
.rkc-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe3ea;border-radius:16px;overflow:hidden;color:#1a1a1a;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
a.rkc-card:link,a.rkc-card:visited{color:#1a1a1a;}
.rkc-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.10);border-color:#f8b98f;color:#1a1a1a;text-decoration:none;}
.rkc-card:focus-visible{outline:3px solid rgba(243,92,1,.35);outline-offset:3px;}
.rkc-card--set{border-color:#f35c01;}
.rkc-card__ribbon{position:absolute;top:14px;left:14px;z-index:2;margin:0;padding:5px 12px;font-size:12px;font-weight:700;color:#fff;background:#f35c01;border-radius:999px;line-height:1.5;}

.rkc-card__visual{display:flex;align-items:center;justify-content:center;height:230px;padding:22px;background:linear-gradient(180deg,#f6f7f9 0%,#eceff4 100%);box-sizing:border-box;}
.rkc-card__visual img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 16px rgba(0,0,0,.14);border-radius:4px;transition:transform .25s ease;}
.rkc-card:hover .rkc-card__visual img{transform:scale(1.03);}
.rkc-card__visual--set{gap:12px;}
.rkc-card__visual--set img:first-child{max-height:82%;}
.rkc-card__visual--set img:last-child{max-width:52%;}

.rkc-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:22px 24px 24px;}
.rkc-card__tag{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#f35c01;}
.rkc-card__title{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.4;color:#111;}
.rkc-card__meta{margin:0 0 14px;font-size:12px;color:#777;}
.rkc-card__list{list-style:none;margin:0 0 20px;padding:0;}
.rkc-card__list li{position:relative;margin:0 0 6px;padding-left:24px;font-size:14px;line-height:1.7;color:#333;}
.rkc-card__list li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:#f35c01;}
.rkc-card__list li::after{content:"";position:absolute;left:4.5px;top:9.5px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.rkc-card__btn{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding:13px 16px;background:#f35c01;color:#fff;font-size:15px;font-weight:700;line-height:1.3;border-radius:999px;text-align:center;transition:background-color .2s;}
.rkc-card__btn small{margin-top:3px;font-size:11px;font-weight:400;opacity:.9;}
.rkc-card:hover .rkc-card__btn{background:#d04e00;}

/* 下段の導線 */
.rkc-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 0;}
.rkc-more__item{padding:22px 24px;background:#f6f7f9;border-radius:12px;}
.rkc-more__title{margin:0 0 6px;font-size:16px;font-weight:700;color:#111;}
.rkc-more__text{margin:0 0 12px;font-size:14px;line-height:1.7;color:#444;}
a.rkc-more__link,a.rkc-more__link:link,a.rkc-more__link:visited{display:inline-block;font-size:14px;font-weight:700;color:#d04e00;text-decoration:underline;}
.rkc-more__link::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border:solid #d04e00;border-width:2px 2px 0 0;transform:rotate(45deg);vertical-align:1px;}

@media all and (max-width:1024px){
  .rkc-grid{grid-template-columns:1fr 1fr;}
  .rkc-card--set{grid-column:1 / -1;}
}
@media all and (max-width:767px){
  .rkc{padding:8px 0 48px;}
  .rkc-pc{display:none;}
  .rkc-head{margin:4px 0 20px;}
  .rkc-title{font-size:24px;}
  .rkc-lead{font-size:14px;}
  .rkc-grid{grid-template-columns:1fr;gap:16px;}
  .rkc-card--set{grid-column:auto;}
  .rkc-card__visual{height:190px;padding:16px;}
  .rkc-card__body{padding:18px 18px 20px;}
  .rkc-card__title{font-size:18px;}
  .rkc-more{grid-template-columns:1fr;gap:12px;margin-top:28px;}
}