@charset "UTF-8";
/* CEO × COO 対談（/our-team/ceo-coo-01/〜04/）4枚共通。ceo-coo-layout.php から直接読み込む
   ヘッダー・本文・連載ナビ・記事フッターは our-team/single.css（株主対談と共通）。ここは CEO×COO で異なる箇所のみ上書きする
   数値は Figma 第1回（993:421）の実測。以下は single.css と同値のため書かない
     質問 24/44・話者 18/30 Bold・発言 22.7/45.33・ブロック間 88・質問→話者 32・話者→発言 8・発言内の段落間 45.33（空行1行分）
   「仮」は Figma 未計測のもの。追って差し替える */

/* ヘッダー：チップなし。日付を左端に置き、行の高さはチップがあったときと同じ 28（Figma の日付の行送り） */
.c-single.-ceo-coo .c-single-header>time{margin-left:0;line-height:2.1rem}

/* ヘッダー：プロフィール写真は上揃えで切り出す（Figma は画像上端を枠の上端に合わせた CROP。経営陣カードの写真と同じ） */
.c-single.-ceo-coo .c-single-header>.speaker>.image>img{object-position:center top}

/* ヘッダー：リード文は最後（プロフィールの下 40）・本文と同じ 22.7/45.33 */
.c-single.-ceo-coo .c-single-header>.lead{margin:3rem 0 0;font-size:1.7rem;line-height:3.4rem}

/* ヘッダー：プロフィール2名横並び（第4回・各 508）。日付の後に幅 100% の ::before を挟んで改行し、2名を次の行に並べる */
.c-single.-ceo-coo .c-single-header.-pair::before{content:"";flex:0 0 100%;order:1}
.c-single.-ceo-coo .c-single-header.-pair>.speaker,
.c-single.-ceo-coo .c-single-header.-pair>.lead{order:2}
.c-single.-ceo-coo .c-single-header.-pair>.speaker{flex:0 0 38.1rem}

/* 本文：カラム 1280（左右 320）・下余白 118。株主対談は 1600px 未満で 1013 */
.c-single.-ceo-coo .c-single-body{margin:0 24rem;padding-bottom:8.85rem}

/* 本文：中見出し（第1回の冒頭のみ）。書式は質問と同じ 24/44。次のブロックまで 88（質問の margin-top） */
.c-single.-ceo-coo .c-single-body>h2{margin:0;font-size:1.8rem;line-height:3.3rem;letter-spacing:normal;font-feature-settings:normal}

/* 本文：締め（本文より薄い段落 22.67/44・不透明度 .8） */
.c-single.-ceo-coo .c-single-body p.closing{margin-top:6.6rem;line-height:3.3rem;opacity:.8}
.c-single.-ceo-coo .c-single-body p.closing+p.closing{margin-top:3.3rem}   /* 仮 */

/* 本文：写真 1280×720（16:9）。上下はブロック間 88（single.css） */
.c-single.-ceo-coo .c-single-body .wp-block-image>img{aspect-ratio:16/9;object-fit:cover}

/* 連載ナビ・記事フッター：本文と同じカラム 1280（株主対談は 1600px 未満で 1013） */
.c-single.-ceo-coo>.c-single-series{padding-left:24rem;padding-right:24rem}
.c-single.-ceo-coo>.c-single-footer{margin-left:24rem;margin-right:24rem}   /* 上余白 32 は our-team/single.css（株主対談と共通） */

/* 本文：囲み（第2回「創業時に決めた3つの条件」。地色・角丸20・上下40 左右48・22.67/44・1行目 Bold） */
.c-single.-ceo-coo .c-single-body>.box{margin:6.6rem 0 0;padding:3rem 3.6rem;border-radius:20px;background:#F2F4F7}
.c-single.-ceo-coo .c-single-body>.box>p{margin:0;font-size:1.7rem;line-height:3.3rem}
.c-single.-ceo-coo .c-single-body>.box>p.title{font-weight:bold}

/* 本文：出典注記（締めの下 88・17.33/44・不透明度 .5） */
.c-single.-ceo-coo .c-single-body>p.notes{margin-top:6.6rem;font-size:1.3rem;line-height:3.3rem;opacity:.5}

/* 記事末の CTA（本文カラム内・最後のブロックの下 88。上に細罫・上パディング56。テキストとボタンの間 48）
   見出し accent 18.67 Bold／本文 18.67・行の高さ 1.6・間 12／Outline ボタン 300×97 */
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta{margin:6.6rem 0 0;padding:4.2rem 0 0;border-top:1px solid rgba(34,34,34,.1)}
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item{display:flex;align-items:center;column-gap:3.6rem}
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item+.item{margin-top:6.6rem;padding-top:2.4rem}   /* 2枚目：1枚目の下 88・細罫なし・上パディング 32（1枚のまとまりとして見せる） */
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.text{flex:1 1 auto}
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.text>h1{color:#E35C44;font-size:1.4rem;font-weight:bold;line-height:1.6}
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.text>p{margin:.9rem 0 0;font-size:1.4rem;line-height:1.6}
.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.c-button{flex:0 0 auto;min-width:22.5rem}
/* 外部リンクの ↗ は general.css の .c-button[target=_blank]::after（アイコンの → を -45° 回転）をそのまま使う */

@media screen and (max-width: 959px){
	.c-single.-ceo-coo .c-single-header>.lead{margin-top:2rem;font-size:1.3rem;line-height:1.9}   /* 仮 */
	.c-single.-ceo-coo .c-single-header>time{line-height:1.7rem}   /* チップがあったときの行の高さ（SP）に合わせる */
	.c-single.-ceo-coo .c-single-header.-pair>.speaker{flex-basis:100%}

	.c-single.-ceo-coo .c-single-body{margin:0;padding-bottom:10rem}   /* single.css の SP 値に戻す。Figma SP は仮 */
	.c-single.-ceo-coo .c-single-body>h2{font-size:1.5rem;line-height:1.7}   /* SP の質問と同じ */
	.c-single.-ceo-coo .c-single-body p.closing{margin-top:4.4rem;line-height:1.9}   /* 仮 */
	.c-single.-ceo-coo .c-single-body p.closing+p.closing{margin-top:2.4rem}   /* 仮 */

	.c-single.-ceo-coo>.c-single-series{padding-left:2.5rem;padding-right:2.5rem}   /* single.css の SP 値に戻す */
	.c-single.-ceo-coo>.c-single-footer{margin-left:0;margin-right:0}   /* single.css の SP 値に戻す */

	.c-single.-ceo-coo .c-single-body>.box{margin-top:4.4rem;padding:2rem 2rem}   /* 仮 */
	.c-single.-ceo-coo .c-single-body>.box>p{font-size:1.4rem;line-height:1.9}   /* 仮 */
	.c-single.-ceo-coo .c-single-body>p.notes{margin-top:4.4rem;font-size:1.1rem;line-height:1.8}   /* 仮 */

	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta{margin-top:4.4rem;padding-top:3.2rem}   /* 仮 */
	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item{flex-direction:column;align-items:flex-start}
	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.text>h1,
	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.text>p{font-size:1.3rem}
	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item>.c-button{min-width:0;margin-top:1.6rem}   /* 仮 */
	.c-single.-ceo-coo .c-single-body>.ceo-coo-cta>.item+.item{margin-top:4.4rem;padding-top:1.6rem}   /* 仮 */
}