@charset "UTF-8";
/* 実績カード（トップ・/works・記事下部） -------------------------------------- */
/* PC 1600px基準 / SP 768px基準。編集時は同階層の _src を参照。 */

/* ===== 実績カード：3カラム（トップページ） ===== */
.sw-WorksCards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}
.sw-WorksCards .worksCard-Item .item-Link{display:block}
.sw-WorksCards .item-Thumbnail{border-radius:10px;overflow:hidden;aspect-ratio:3/2;background:#f0f0f0}
.sw-WorksCards .item-Thumbnail img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.sw-WorksCards .item-Label{display:inline-block;margin-bottom:12px;padding:5px 13px;border-radius:100px;background:#fab230;font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.sw-WorksCards .item-Text{margin-top:20px}
.sw-WorksCards .item-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.sw-WorksCards .item-Meta .meta-Client{font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}
.sw-WorksCards .item-Meta .meta-Date{font-family:Roboto,sans-serif;font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.06em;color:#888}
.sw-WorksCards .item-Title{margin:10px 0 0;font-weight:700;font-size:1.8rem;line-height:170%;letter-spacing:.06em;color:#2b2b2b;transition:color .3s}

/* ===== 実績カード：2カラム横並び（/works Interview） ===== */
.sw-WorksRows{margin:0;padding:0;list-style:none}
.sw-WorksRows .worksRow-Item + .worksRow-Item{margin-top:40px;padding-top:40px;border-top:1px solid #dfdfdf}
.sw-WorksRows .worksRow-Item .item-Link{display:grid;grid-template-columns:400px 1fr;gap:0 40px;align-items:start}
.sw-WorksRows .item-Thumbnail{border-radius:10px;overflow:hidden;aspect-ratio:3/2;background:#f0f0f0}
.sw-WorksRows .item-Thumbnail img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.sw-WorksRows .item-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.sw-WorksRows .item-Meta .meta-Label{padding:5px 13px;border-radius:100px;background:#fab230;font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.sw-WorksRows .item-Date{display:block;font-family:Roboto,sans-serif;font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.06em;color:#888}
.sw-WorksRows .item-Title{margin:10px 0 0;font-weight:700;font-size:2.2rem;line-height:165%;letter-spacing:.06em;color:#2b2b2b;transition:color .3s}
.sw-WorksRows .item-Client{margin:12px 0 0;font-weight:700;font-size:1.4rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}
.sw-WorksRows .item-Points{margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}
.sw-WorksRows .item-Points .points-Label{margin:0 0 8px;font-weight:700;font-size:1.2rem;letter-spacing:.08em;color:#888}
.sw-WorksRows .item-Points .points-List{margin:0;padding:0;list-style:none}
.sw-WorksRows .item-Points .points-List li{padding-left:18px;font-weight:500;font-size:1.3rem;line-height:180%;letter-spacing:.06em;color:#555;position:relative}
.sw-WorksRows .item-Points .points-List li::before{content:"";width:6px;height:6px;border-radius:50%;background:#fab230;position:absolute;top:.7em;left:2px}

/* ===== トップページ Works ===== */
.index-Works{padding:140px 0 0}
.index-Works .works-Layout{width:1200px;margin:0 auto}
.index-Works .works-Body{margin-top:60px}
.index-Works .works-ViewMore{margin-top:60px}

/* ===== /works Interview ===== */
.works-Interview{margin-top:60px;padding:70px 0 80px;background:url(../../../images/common/bg_pattern_noise_f8f8f8.jpg) 0 0/79px repeat;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.works-Interview .interview-Layout{width:960px;margin:0 auto}
.works-Interview .interview-Heading .heading-Description{margin:20px 0 0;font-weight:500;font-size:1.5rem;line-height:190%;letter-spacing:.08em;color:#2b2b2b}
.works-Interview .interview-List{margin-top:44px}

/* ===== /works 実績一覧の見出し ===== */
.works-ListHeading{width:960px;margin:80px auto 0}

/* ===== 記事下部：他のインタビュー記事 ===== */
.works-Other{padding:80px 0 100px;background:url(../../../images/common/bg_pattern_noise_f8f8f8.jpg) 0 0/79px repeat;border-top:1px solid #ececec}
.works-Other .other-Layout{width:960px;margin:0 auto}
.works-Other .other-List{margin-top:44px}
.works-Other .other-ViewMore{margin-top:56px;text-align:center}


/* ---------------- ~1600px ---------------- */
@media print,screen and (max-width:1600px){
/* ===== 実績カード：3カラム（トップページ） ===== */
.sw-WorksCards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:3vw 2.5vw}
.sw-WorksCards .worksCard-Item .item-Link{display:block}
.sw-WorksCards .item-Thumbnail{border-radius:0.625vw;overflow:hidden;aspect-ratio:3/2;background:#f0f0f0}
.sw-WorksCards .item-Thumbnail img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.sw-WorksCards .item-Label{display:inline-block;margin-bottom:0.75vw;padding:0.3125vw 0.8125vw;border-radius:6.25vw;background:#fab230;font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.sw-WorksCards .item-Text{margin-top:1.25vw}
.sw-WorksCards .item-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.25vw 1vw}
.sw-WorksCards .item-Meta .meta-Client{font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}
.sw-WorksCards .item-Meta .meta-Date{font-family:Roboto,sans-serif;font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.06em;color:#888}
.sw-WorksCards .item-Title{margin:0.625vw 0 0;font-weight:700;font-size:1.8rem;line-height:170%;letter-spacing:.06em;color:#2b2b2b;transition:color .3s}

/* ===== 実績カード：2カラム横並び（/works Interview） ===== */
.sw-WorksRows{margin:0;padding:0;list-style:none}
.sw-WorksRows .worksRow-Item + .worksRow-Item{margin-top:2.5vw;padding-top:2.5vw;border-top:1px solid #dfdfdf}
.sw-WorksRows .worksRow-Item .item-Link{display:grid;grid-template-columns:25vw 1fr;gap:0 2.5vw;align-items:start}
.sw-WorksRows .item-Thumbnail{border-radius:0.625vw;overflow:hidden;aspect-ratio:3/2;background:#f0f0f0}
.sw-WorksRows .item-Thumbnail img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.sw-WorksRows .item-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.375vw 0.875vw}
.sw-WorksRows .item-Meta .meta-Label{padding:0.3125vw 0.8125vw;border-radius:6.25vw;background:#fab230;font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.sw-WorksRows .item-Date{display:block;font-family:Roboto,sans-serif;font-weight:700;font-size:1.3rem;line-height:150%;letter-spacing:.06em;color:#888}
.sw-WorksRows .item-Title{margin:0.625vw 0 0;font-weight:700;font-size:2.2rem;line-height:165%;letter-spacing:.06em;color:#2b2b2b;transition:color .3s}
.sw-WorksRows .item-Client{margin:0.75vw 0 0;font-weight:700;font-size:1.4rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}
.sw-WorksRows .item-Points{margin-top:1.25vw;padding-top:1vw;border-top:1px solid #e5e5e5}
.sw-WorksRows .item-Points .points-Label{margin:0 0 0.5vw;font-weight:700;font-size:1.2rem;letter-spacing:.08em;color:#888}
.sw-WorksRows .item-Points .points-List{margin:0;padding:0;list-style:none}
.sw-WorksRows .item-Points .points-List li{padding-left:1.125vw;font-weight:500;font-size:1.3rem;line-height:180%;letter-spacing:.06em;color:#555;position:relative}
.sw-WorksRows .item-Points .points-List li::before{content:"";width:0.375vw;height:0.375vw;border-radius:50%;background:#fab230;position:absolute;top:.7em;left:0.125vw}

/* ===== トップページ Works ===== */
.index-Works{padding:8.75vw 0 0}
.index-Works .works-Layout{width:75vw;margin:0 auto}
.index-Works .works-Body{margin-top:3.75vw}
.index-Works .works-ViewMore{margin-top:3.75vw}

/* ===== /works Interview ===== */
.works-Interview{margin-top:3.75vw;padding:4.375vw 0 5vw;background:url(../../../images/common/bg_pattern_noise_f8f8f8.jpg) 0 0/4.9375vw repeat;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.works-Interview .interview-Layout{width:60vw;margin:0 auto}
.works-Interview .interview-Heading .heading-Description{margin:1.25vw 0 0;font-weight:500;font-size:1.5rem;line-height:190%;letter-spacing:.08em;color:#2b2b2b}
.works-Interview .interview-List{margin-top:2.75vw}

/* ===== /works 実績一覧の見出し ===== */
.works-ListHeading{width:60vw;margin:5vw auto 0}

/* ===== 記事下部：他のインタビュー記事 ===== */
.works-Other{padding:5vw 0 6.25vw;background:url(../../../images/common/bg_pattern_noise_f8f8f8.jpg) 0 0/4.9375vw repeat;border-top:1px solid #ececec}
.works-Other .other-Layout{width:60vw;margin:0 auto}
.works-Other .other-List{margin-top:2.75vw}
.works-Other .other-ViewMore{margin-top:3.5vw;text-align:center}

}


/* ---------------- ~1024px (SP) ---------------- */
@media print,screen and (max-width:1024px){
/* ===== 実績カード：3カラム（トップページ） ===== */
.sw-WorksCards{grid-template-columns:1fr;gap:7.2916666667vw 0}
.sw-WorksCards .item-Thumbnail{border-radius:1.5625vw}
.sw-WorksCards .item-Label{margin-bottom:2.0833333333vw;padding:0.9114583333vw 2.34375vw;font-size:2rem}
.sw-WorksCards .item-Text{margin-top:3.125vw}
.sw-WorksCards .item-Meta{gap:0.78125vw 2.6041666667vw}
.sw-WorksCards .item-Meta .meta-Client{font-size:2.2rem}
.sw-WorksCards .item-Meta .meta-Date{font-size:2.2rem}
.sw-WorksCards .item-Title{margin-top:1.5625vw;font-size:2.8rem;line-height:165%}

/* ===== 実績カード：2カラム横並び（SPは縦積み） ===== */
.sw-WorksRows .worksRow-Item + .worksRow-Item{margin-top:6.25vw;padding-top:6.25vw}
.sw-WorksRows .worksRow-Item .item-Link{grid-template-columns:1fr;gap:3.125vw 0}
.sw-WorksRows .item-Thumbnail{border-radius:1.5625vw}
.sw-WorksRows .item-Meta{gap:1.0416666667vw 2.34375vw}
.sw-WorksRows .item-Meta .meta-Label{padding:0.9114583333vw 2.34375vw;font-size:2rem}
.sw-WorksRows .item-Date{font-size:2.2rem}
.sw-WorksRows .item-Title{margin-top:1.5625vw;font-size:3rem;line-height:160%}
.sw-WorksRows .item-Client{margin-top:2.0833333333vw;font-size:2.4rem}
.sw-WorksRows .item-Points{margin-top:3.125vw;padding-top:2.6041666667vw}
.sw-WorksRows .item-Points .points-Label{margin-bottom:1.5625vw;font-size:2rem}
.sw-WorksRows .item-Points .points-List li{padding-left:3.3854166667vw;font-size:2.2rem;line-height:175%}
.sw-WorksRows .item-Points .points-List li::before{width:1.3020833333vw;height:1.3020833333vw;left:0.2604166667vw}

/* ===== トップページ Works ===== */
.index-Works{padding:15.625vw 0 0}
.index-Works .works-Layout{width:84.375vw}
.index-Works .works-Body{margin-top:7.8125vw}
.index-Works .works-ViewMore{margin-top:7.8125vw}

/* ===== /works Interview ===== */
.works-Interview{margin-top:7.8125vw;padding:8.3333333333vw 0 9.375vw}
.works-Interview .interview-Layout{width:84.375vw}
.works-Interview .interview-Heading .heading-Description{margin-top:3.125vw;font-size:2.4rem;line-height:180%}
.works-Interview .interview-List{margin-top:6.25vw}

/* ===== /works 実績一覧の見出し ===== */
.works-ListHeading{width:84.375vw;margin-top:11.4583333333vw}

/* ===== 記事下部：他のインタビュー記事 ===== */
.works-Other{padding:9.375vw 0 11.4583333333vw}
.works-Other .other-Layout{width:84.375vw}
.works-Other .other-List{margin-top:6.25vw}
.works-Other .other-ViewMore{margin-top:7.2916666667vw}

}


/* ---------------- hover ---------------- */
@media print and (any-hover:hover),screen and (min-width:1025px) and (any-hover:hover){
.sw-WorksCards .item-Link:hover .item-Thumbnail img,.sw-WorksRows .item-Link:hover .item-Thumbnail img{transform:scale(1.06)}
.sw-WorksCards .item-Link:hover .item-Title,.sw-WorksRows .item-Link:hover .item-Title{color:#fab230}
}