@charset "utf-8";
/* =========================================================
   導入事例詳細テンプレート（613:26272）。1rem = 100 design-px
   ========================================================= */
/* 事例の頭（Frame 854） */
.cd-head { display: flex; flex-direction: column; align-items: flex-start; gap: .27rem; }
.cd-head__t { display: flex; flex-direction: column; align-items: flex-start; gap: .18rem; }
.cd-co { height: .28rem; font-weight: 500; font-size: .18rem; line-height: .27692rem; letter-spacing: .0126rem; white-space: nowrap; }
.cd-h1 { font-weight: 700; font-size: .43424rem; line-height: .64rem; letter-spacing: .030397rem; white-space: normal; } /* 実際の事例タイトルは長いので折り返す（ダミーは <br> で改行） */

/* 課題・取り組み・成果（Frame 890） */
.cd-sum { display: flex; align-items: center; justify-content: center; gap: .32rem; margin: .42rem -.5rem 0; }
.cd-sum__card { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: calc(.20rem + .01rem); box-shadow: inset 0 0 0 .01rem #fff; }
.cd-sum__card--res { padding: calc(.20rem + .05rem); background: #4d3529; box-shadow: inset 0 0 0 .05rem #fd6a05; }
.cd-sum__card--res::after { content: ""; position: absolute; right: 0; top: 0; width: .44rem; height: .44rem; background: #fd6a05; clip-path: polygon(0 0, 100% 0, 100% 100%); }
.cd-sum__lb { display: flex; align-items: center; height: .40rem; padding: 0 .12rem; background: #feedcf; color: #fd6a05; font-weight: 700; font-size: .18623rem; line-height: .39574rem; letter-spacing: .027934rem; white-space: nowrap; }
.cd-sum__h { display: flex; align-items: center; gap: .09rem; height: .40rem; margin-top: .11rem; font-weight: 700; font-size: .18rem; line-height: .39844rem; letter-spacing: .027rem; white-space: nowrap; text-decoration: underline dotted; text-decoration-thickness: .07em; text-underline-offset: .2em; }
.cd-sum__h::before { content: ""; flex: none; width: .10392rem; height: .12rem; background: #feedcf; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.cd-sum__p { width: 3.07rem; margin-top: .09rem; font-size: .16rem; line-height: .28rem; letter-spacing: .024rem; }

/* 写真＋会社情報（Frame 850） */
.cd-info { display: flex; align-items: flex-start; gap: .39rem; width: 11.2518rem; margin: .53rem 0 -.1168rem; }
.cd-info__ph { flex: none; width: 7.11rem; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } /* アイキャッチ（16:9・文字入り）を切らずに出す */
.cd-info__box { flex: none; width: 3.75176rem; min-height: 4rem; display: flex; flex-direction: column; align-items: center; gap: .32rem; padding: .35rem .23048rem; background: #554a4a; }
.cd-info__logo { flex: none; width: 1.94rem; height: .83rem; object-fit: cover; }
.cd-info__dl { width: 3.290797rem; display: flex; flex-direction: column; font-size: .14184rem; letter-spacing: .021275rem; }
.cd-info__dl > div { position: relative; display: flex; align-items: flex-start; gap: .22rem; min-height: .31rem; }
.cd-info__dl > div + div { margin-top: .30rem; }
.cd-info__dl > div + div::before { content: ""; position: absolute; left: 0; right: 0; top: calc(-.15rem - .00443rem); height: .00886rem; background: #a8a8a8; }
.cd-info__dl dt { flex: none; width: .9308rem; font-weight: 700; line-height: .3014rem; }
.cd-info__dl dd { margin: 0; line-height: .3014rem; white-space: nowrap; }
.cd-info__dl dd a { display: block; width: 2.14rem; color: #fd6a05; line-height: .26rem; white-space: normal; overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: from-font; }

/* なぜ、ここまで変われたのか（Frame 894） */
.cd-lead { display: flex; flex-direction: column; align-items: center; gap: .43rem; margin-top: .73rem; }
.cd-lead p { height: 1.18rem; padding-left: .049377rem; font-weight: 700; font-size: .32918rem; line-height: .58733rem; letter-spacing: .049377rem; text-align: center; white-space: nowrap; }
.cd-lead img { width: .158897rem; height: 1.58706rem; margin: 0 -.008897rem -.01784rem 0; }

/* 本文の後ろ（Frame 966）→ フォーム */
.cd-svc { margin-top: 1.48rem; }
/* 旧サイトから移した事例記事（本文に白背景前提の .pc-article スタイルを含む）は白い面に載せる */
.pc-article { background: #fff; border-radius: .1rem; padding: .48rem .56rem; }