/* AWC 実績・事例ページ（2026-09-19）— プレフィックス awc- */
/* 文字色は本サイト共通の #232323（rgb 35,35,35）に統一。薄いグレー文字は使わない。文字サイズは本文16px以上・タグ類14px以上 */
:root{--awc-blue:#0071ff;--awc-ink:#232323;--awc-line:#dfe4ea;--awc-bg:#f4f7fb}

/* バッジ（チャネル） */
.awc-badge{display:inline-block;font-size:14px;line-height:1;padding:6px 10px;border-radius:3px;color:#fff;margin:0 4px 4px 0;vertical-align:middle;white-space:nowrap}
.awc-badge.-rakuten{background:#bf0000}.awc-badge.-amazon{background:#e0781a}.awc-badge.-yahoo{background:#c0186e}.awc-badge.-own{background:#0071ff}

/* 領域タブの件数 */
.awc-tabs .c-tag03 small{font-size:14px;margin-left:4px;font-weight:normal}

/* チャネルチップ */
.awc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.awc-chips__label{font-size:16px;font-weight:bold;color:var(--awc-ink);margin-right:6px}
.awc-chips__label::before{content:"";display:inline-block;width:4px;height:16px;background:var(--awc-blue);border-radius:2px;margin-right:8px;vertical-align:-2px}
.awc-chip{appearance:none;border:1px solid #9aa4b2;background:#fff;border-radius:4px;padding:9px 16px;font-size:16px;font-weight:bold;color:var(--awc-ink);cursor:pointer;line-height:1.3}
.awc-chip small{font-size:14px;margin-left:5px;font-weight:normal}
.awc-chip.is-on{background:var(--awc-ink);color:#fff;border-color:var(--awc-ink)}
.awc-chip.is-empty{opacity:.4;cursor:default}
.awc-chips__empty{margin-top:24px;font-size:16px;color:var(--awc-ink);text-align:center}

/* 一覧カードの成果ひとこと */
.awc-card-res{font-size:16px;color:var(--awc-blue);font-weight:bold;margin-top:6px}

/* 数字ストリップ（トップ上部・固定ページ内） */
.awc-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--awc-line);border-radius:8px;overflow:hidden;background:#fff;margin-top:24px}
.awc-strip>div{padding:16px 8px;text-align:center;border-right:1px solid var(--awc-line)}
.awc-strip>div:last-child{border-right:0}
.awc-strip .n{font-size:30px;font-weight:bold;color:var(--awc-blue);line-height:1.2}
.awc-strip .n span:not(.num){font-size:16px;color:var(--awc-ink);margin-left:2px}
.awc-strip .l{font-size:16px;color:var(--awc-ink);margin-top:4px}
@media(max-width:767px){.awc-strip{grid-template-columns:repeat(2,1fr)}.awc-strip>div:nth-child(2){border-right:0}.awc-strip>div:nth-child(-n+2){border-bottom:1px solid var(--awc-line)}}

/* 注目の事例 */
.awc-featured{margin-top:40px}
.awc-featured__title{font-size:22px;font-weight:bold;text-align:center;margin-bottom:6px;color:var(--awc-ink)}
.awc-featured__sub{font-size:16px;color:var(--awc-ink);text-align:center;margin-bottom:20px}
.awc-featured__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0}
@media(max-width:767px){.awc-featured__list{grid-template-columns:1fr}}
.awc-featured__item{border:2px solid var(--awc-blue);border-radius:8px;background:#fff;overflow:hidden}
.awc-featured__item a{display:block;color:var(--awc-ink);text-decoration:none}
.awc-featured__img{aspect-ratio:3/2;background:#eef1f5;overflow:hidden}
.awc-featured__img img{width:100%;height:100%;object-fit:cover;display:block}
.awc-featured__bd{padding:14px 16px 16px}
.awc-featured__big{font-size:28px;font-weight:bold;color:var(--awc-blue);line-height:1.2;margin:8px 0 4px}
.awc-featured__big span{font-size:16px;color:var(--awc-ink)}
.awc-featured__lb{font-size:16px;font-weight:bold;color:var(--awc-ink)}
.awc-featured__co{font-size:16px;color:var(--awc-ink);margin-top:4px}

/* 関連サービスカード（カテゴリページ・個別ページ共通） */
.awc-services{margin-top:48px}
.awc-services__title{font-size:22px;font-weight:bold;text-align:center;margin-bottom:20px;color:var(--awc-ink)}
.awc-services__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}
@media(max-width:767px){.awc-services__list{grid-template-columns:1fr}}
.awc-services__item a{display:block;border:1px solid var(--awc-line);border-radius:8px;background:#fff;padding:18px;color:var(--awc-ink);text-decoration:none;height:100%}
.awc-services__item b{display:block;font-size:17px;margin-bottom:6px}
.awc-services__item p{font-size:16px;color:var(--awc-ink);line-height:1.75}
.awc-services__item .more{display:block;font-size:16px;color:var(--awc-blue);font-weight:bold;margin-top:8px}

/* ---- 個別ページ（事例集型） ---- */
.awc-single__head{padding:32px 0 8px}
.awc-single__tags{margin-bottom:10px}
.awc-single__headline{font-size:28px;line-height:1.45;font-weight:bold;margin:0 0 8px;color:var(--awc-ink)}
.awc-single__co{font-size:16px;color:var(--awc-ink)}
.awc-single__co .ind{font-size:16px;color:var(--awc-ink);margin-left:8px}
@media(max-width:767px){.awc-single__headline{font-size:22px}}

.awc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media(max-width:767px){.awc-kpis{grid-template-columns:1fr}}
.awc-kpi{border:1px solid var(--awc-line);border-radius:8px;background:var(--awc-bg);padding:18px 14px;text-align:center}
.awc-kpi .n{font-size:36px;font-weight:bold;color:var(--awc-blue);line-height:1.15}
.awc-kpi .n span{font-size:16px;color:var(--awc-ink);margin-left:2px}
.awc-kpi .l{font-size:16px;color:var(--awc-ink);margin-top:4px}
.awc-kpis__period{font-size:16px;color:var(--awc-ink);text-align:right;margin-top:6px}

.awc-mainvis{margin-top:28px;text-align:center}
.awc-mainvis img{max-width:100%;height:auto;border-radius:8px}

.awc-sec{margin-top:56px}
.awc-sec__title{font-size:24px;font-weight:bold;text-align:center;margin-bottom:22px;position:relative;padding-bottom:12px;color:var(--awc-ink)}
.awc-sec__title:after{content:"";position:absolute;left:50%;bottom:0;width:40px;height:3px;background:var(--awc-blue);transform:translateX(-50%)}

.awc-info{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:start}
@media(max-width:767px){.awc-info{grid-template-columns:1fr}}
.awc-info table{width:100%;border-collapse:collapse;font-size:16px;color:var(--awc-ink)}
.awc-info th{width:140px;background:#f1f3f5;text-align:left;padding:10px 12px;border:1px solid var(--awc-line);font-weight:bold;vertical-align:top}
.awc-info td{padding:10px 12px;border:1px solid var(--awc-line);line-height:1.75}
.awc-info img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--awc-line)}
.awc-tag{display:inline-block;font-size:14px;padding:3px 10px;border:1px solid #9aa4b2;border-radius:3px;color:var(--awc-ink);margin:0 4px 4px 0;background:#fff}

.awc-ba{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:center}
@media(max-width:767px){.awc-ba{grid-template-columns:1fr}.awc-ba__arrow{transform:rotate(90deg)}}
.awc-ba__col{border:1px solid var(--awc-line);border-radius:8px;padding:18px;background:#fafbfc;height:100%}
.awc-ba__col.-after{background:var(--awc-bg);border-color:var(--awc-blue)}
.awc-ba__col h3{font-size:17px;margin:0 0 10px;color:var(--awc-ink)}
.awc-ba__col.-after h3{color:var(--awc-blue)}
.awc-ba__col ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.75;color:var(--awc-ink)}
.awc-ba__col li{padding-left:1.4em;text-indent:-1.4em;margin-bottom:6px}
.awc-ba__col li:before{content:"●";font-size:10px;margin-right:.6em;color:var(--awc-ink)}
.awc-ba__col.-after li:before{content:"✓";font-size:15px;color:var(--awc-blue);font-weight:bold}
.awc-ba__arrow{font-size:30px;text-align:center;color:var(--awc-blue)}

.awc-banner{background:var(--awc-blue);color:#fff;border-radius:8px;text-align:center;padding:14px 16px;font-size:18px;font-weight:bold;margin-bottom:16px;line-height:1.5}
.awc-measures{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:767px){.awc-measures{grid-template-columns:1fr}}
.awc-measure{border:1px solid var(--awc-line);border-radius:8px;background:#fff;padding:16px}
.awc-measure h3{display:inline-block;font-size:16px;background:var(--awc-ink);color:#fff;padding:4px 12px;border-radius:3px;margin:0 0 10px}
.awc-measure ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.75;color:var(--awc-ink)}
.awc-measure li{padding-left:1.4em;text-indent:-1.4em;margin-bottom:4px}
.awc-measure li:before{content:"✓";color:var(--awc-blue);font-weight:bold;margin-right:.6em}

.awc-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:36px}
@media(max-width:767px){.awc-detail{grid-template-columns:1fr}.awc-detail.-rev .awc-detail__img{order:0}}
.awc-detail.-rev .awc-detail__img{order:2}
.awc-detail.-noimg{grid-template-columns:1fr}
.awc-info.-full{grid-template-columns:1fr}
.awc-services__list.-one{grid-template-columns:repeat(3,1fr)}
.awc-detail__img img{width:100%;height:auto;border-radius:8px;border:1px solid var(--awc-line)}
.awc-detail h3{font-size:18px;margin:0 0 8px;color:var(--awc-ink)}
.awc-detail p{font-size:16px;line-height:1.8;color:var(--awc-ink)}
.awc-flow{margin-top:12px;font-size:16px;color:var(--awc-ink)}
.awc-flow__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.awc-flow__lb{font-weight:bold;font-size:16px;color:var(--awc-ink);width:60px}
.awc-flow__stp{border:1px solid #cbd1d8;border-radius:4px;padding:5px 10px;background:#fff}
.awc-flow__stp.-ai{border-color:#5b3fb5;background:#f2eefb;color:#3d2a80}
.awc-flow__ar{color:var(--awc-ink)}

.awc-result{display:grid;grid-template-columns:2fr 3fr;gap:24px;align-items:center}
@media(max-width:767px){.awc-result{grid-template-columns:1fr}}
.awc-result .awc-kpis{grid-template-columns:1fr;margin-top:0}
.awc-quote{border-left:4px solid var(--awc-blue);background:var(--awc-bg);padding:16px 18px;font-size:16px;line-height:1.8;color:var(--awc-ink);border-radius:0 8px 8px 0;margin-top:20px}
.awc-quote small{display:block;color:var(--awc-ink);margin-top:8px;font-size:16px}

.awc-cta{background:var(--awc-bg);border-radius:12px;padding:36px 24px;text-align:center;margin-top:56px}
.awc-cta__title{font-size:22px;font-weight:bold;margin-bottom:18px;color:var(--awc-ink)}
.awc-cta .c-button01,.awc-cta .c-button02{display:inline-block;margin:6px 8px}

/* 「一覧に戻る」〜関連事例の間隔（旧テンプレの u-pb60 相当。関連事例セクションは上余白を持たないためここで確保） */
.awc-single .p-works-single_bottom{margin-bottom:min(4.0816vw + 34.69px,100px)}