@charset "UTF-8";
/* Our Team（/our-team/）のみ。functions.php の規約で自動読み込み */

/* 冒頭のパンくず（ニュース個別と同じ位置） */
#contents_>.breadcrumb{padding:.8rem 14rem}

/* 01 ページヘッダー：共通の .c-article-header（タイトル＋英字ラベル）。写真なし・上余白48（ニュース一覧と同じ上書き） */
#contents_>.c-article-header{margin-bottom:0;padding-top:3.6rem;padding-bottom:0}
#contents_>.c-article-header::after{display:none}
#contents_>.c-article-header>small{text-transform:none}

/* セクション共通 */
#contents_>.section{margin:0 14rem;padding:6rem 0 0}   /* セクション間 80（Figma） */
#contents_>.section>h1{font-family:"Noto Sans JP",sans-serif;line-height:1.571;letter-spacing:.06em;font-feature-settings:"palt";font-size:2.1rem;font-weight:bold}
#contents_>.section>p{max-width:76rem;font-size:1.5rem;line-height:1.8}

/* 02 リード */
#contents_>#lead{padding-top:7.35rem;padding-bottom:0}   /* 英字ラベルの下 98 → 見出し y=471（Figma） */
#contents_>#lead>p{margin:1.8rem 0 0}

/* 03 経営陣 */
#contents_>#leaders{padding-bottom:0}
#contents_>#leaders>p{margin:1.8rem 0 0}
#contents_>#leaders>.leader-list{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;margin:1.8rem 0 0}
#contents_>#leaders>.leader-list>li{display:grid;grid-template:"image role" auto "image name" auto/15rem 1fr;align-content:center;column-gap:2.7rem;row-gap:.3rem;height:18rem;padding:0 1.5rem;box-sizing:border-box}
#contents_>#leaders>.leader-list>li>.image{grid-area:image;align-self:center;display:block;width:15rem;height:15rem;overflow:hidden;border-radius:8px;background:#F2F4F7}   /* 写真 200×200・角丸 8（チップと同じ値） */
#contents_>#leaders>.leader-list>li>.image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
#contents_>#leaders>.leader-list>li>small{grid-area:role;align-self:end;display:block;font-size:1.4rem;line-height:1.71;opacity:.85}
#contents_>#leaders>.leader-list>li>b{grid-area:name;align-self:start;display:block;font-family:"Noto Sans JP",sans-serif;line-height:3.3rem;letter-spacing:.06em;font-feature-settings:"palt";font-size:2rem;font-weight:bold}
#contents_>#leaders>.links{display:flex;flex-wrap:wrap;gap:1.8rem;margin:4.8rem 0 0}
#contents_>#leaders>.links .c-button{min-width:21rem}

/* 04 株主・金融機関（ロゴ枠 5列。区分ごとに1件もなければ出さない） */
#contents_>#stakeholders{padding-bottom:6rem}
#contents_>#stakeholders>p{margin:1.8rem 0 0}
#contents_>#stakeholders>.logo-group{margin:4.8rem 0 0}
#contents_>#stakeholders>p+.logo-group{margin-top:4.8rem}
#contents_>#stakeholders>.logo-group>h1{font-family:"Noto Sans JP",sans-serif;line-height:2.2;letter-spacing:.06em;font-size:1.5rem;font-weight:bold}
#contents_>#stakeholders>.logo-group>h1>.note{font-size:1.2rem;font-weight:normal;opacity:.5}   /* ※順不同：注記サイズ 1.2rem（16）・不透明度 .5 */
#contents_>#stakeholders .logo-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem 2.8rem;margin:.6rem 0 0}   /* 行間 16・列間 37（Figma） */
#contents_>#stakeholders .logo-list>li{display:flex;justify-content:center;align-items:center;height:9rem;box-sizing:border-box}   /* セル 280×120。地色なし（ロゴは白地の画像をそのまま置く） */
#contents_>#stakeholders .logo-list>li.-placeholder{background:#F2F4F7}   /* 社名・ロゴ未確定の仮枠のみ灰色 */
#contents_>#stakeholders .logo-list>li>img{display:block;width:100%;height:100%;object-fit:contain}
#contents_>#stakeholders .logo-list>li>span{padding:0 1.5rem;font-size:1.4rem;font-weight:bold;line-height:1.5;text-align:center}

/* 05 CEO × COO 対談（アンカー #dialogue：TOP 05「対談を読む」の遷移先。地色の帯。V-28で06と入れ替え） */
#contents_>#dialogue{margin:0;padding:6rem 14rem;background:#F2F4F7}
#contents_>#dialogue.-plain{background:none}   /* 06 が出ないとき（template.php で判定） */
#contents_>#dialogue>p{max-width:none;margin:1.8rem 0 0}   /* Figma は1行（幅 1487）。02・03 の 1013 幅とは別 */
#contents_>#dialogue>.dialogue-list{display:grid;grid-template-columns:1fr 1fr;gap:2.7rem 3.1rem;margin:4.8rem 0 0}   /* 行間 36・列間 41（Figma） */
#contents_>#dialogue>.dialogue-list>li>a{display:block;height:100%;padding:0 0 4.5rem;border:2px solid #E7E7E7;border-radius:20px;overflow:hidden;background:#FFFFFF;box-sizing:border-box;text-decoration:none}
#contents_>#dialogue>.dialogue-list>li>a>.image{display:block;aspect-ratio:749/360;background:#F2F4F7}
#contents_>#dialogue>.dialogue-list>li>a>.image>img{display:block;width:100%;height:100%;object-fit:cover}
#contents_>#dialogue>.dialogue-list>li>a>small{display:block;margin:2.4rem 2.25rem 0;color:#E35C44;font-family:"Montserrat",sans-serif;font-size:1.3rem;font-weight:600;line-height:1.62}
#contents_>#dialogue>.dialogue-list>li>a>b{display:block;margin:.6rem 2.25rem 0;font-family:"Noto Sans JP",sans-serif;font-size:1.8rem;font-weight:bold;line-height:2.4rem}
#contents_>#dialogue>.dialogue-list>li>a>p{margin:1.8rem 2.25rem 0;font-size:1.35rem;line-height:1.78}
#contents_>#dialogue>.dialogue-list>li>a:hover>b{color:#E35C44}

/* 06 株主・金融機関から見たGoals（記事リスト型。白地。0件ならセクションごと出さない） */
#contents_>#stakeholder-dialogue{margin:0;padding:6rem 14rem}
#contents_>#stakeholder-dialogue>p{margin:1.8rem 0 0}
#contents_>#stakeholder-dialogue>.dialogue-rows{margin:6.3rem 0 0;border-top:1px solid rgba(34,34,34,.1)}
#contents_>#stakeholder-dialogue>.dialogue-rows>li{border-bottom:1px solid rgba(34,34,34,.1)}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a{display:grid;grid-template-columns:15.75rem 27.2rem 1fr auto;align-items:center;height:7.2rem;color:#222;text-decoration:none}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>small{color:#E35C44;font-size:1.2rem;font-weight:bold;line-height:1.75}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.partner{display:flex;flex-direction:column;color:rgba(34,34,34,.5);font-size:1.2rem;line-height:1.75}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.partner>b{color:#222;font-family:"Montserrat","Noto Sans JP",sans-serif;font-size:1.3rem;font-weight:600;line-height:1.62}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.title{font-size:1.6rem;line-height:1.7}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a::after{content:"";padding:0 1.2rem 0 2rem;color:#E35C44;font:normal 1.2rem/1 icons}
#contents_>#stakeholder-dialogue>.dialogue-rows>li>a:hover>.title{color:#E35C44}

@media screen and (max-width: 959px){
	#contents_>.breadcrumb{display:none}

	#contents_>.c-article-header{margin:0;padding:5.6rem 0 2rem}

	#contents_>.section{margin:0;padding:5rem 0 0}
	#contents_>.section>h1{font-size:1.7rem}
	#contents_>.section>p{max-width:none;font-size:1.3rem;line-height:1.9}

	#contents_>#lead{padding-top:5rem;padding-bottom:0}
	#contents_>#lead>p{margin:1.6rem 0 0}

	#contents_>#leaders{padding-bottom:6rem}
	#contents_>#leaders>p{margin:1.6rem 0 0}
	#contents_>#leaders>.leader-list{grid-template-columns:1fr;row-gap:2rem;margin:3rem 0 0}
	#contents_>#leaders>.leader-list>li{grid-template-columns:10rem 1fr;column-gap:2rem;height:auto;padding:0}
	#contents_>#leaders>.leader-list>li>.image{width:10rem;height:10rem}
	#contents_>#leaders>.leader-list>li>small{font-size:1.2rem}
	#contents_>#leaders>.leader-list>li>b{font-size:1.6rem;line-height:2.6rem}
	#contents_>#leaders>.links{gap:1rem;margin:3rem 0 0}
	#contents_>#leaders>.links .c-button{min-width:0}

	#contents_>#stakeholders{padding-bottom:6rem}
	#contents_>#stakeholders>p{margin:1.6rem 0 0}
	#contents_>#stakeholders>.logo-group,
	#contents_>#stakeholders>p+.logo-group{margin-top:3rem}
	#contents_>#stakeholders>.logo-group>h1{font-size:1.3rem}
	#contents_>#stakeholders>.logo-group>h1>.note{font-size:1rem}
	#contents_>#stakeholders .logo-list{grid-template-columns:repeat(2,1fr);gap:1rem}
	#contents_>#stakeholders .logo-list>li{height:7rem}
	#contents_>#stakeholders .logo-list>li>span{padding:0 1rem;font-size:1.2rem}

	#contents_>#dialogue{margin:0 -2.5rem;padding:5rem 2.5rem 6rem}
	#contents_>#dialogue>p{margin:1.6rem 0 0}
	#contents_>#dialogue>.dialogue-list{grid-template-columns:1fr;gap:2rem;margin:3rem 0 0}
	#contents_>#dialogue>.dialogue-list>li>a{padding-bottom:2.4rem}
	#contents_>#dialogue>.dialogue-list>li>a>small{margin:1.6rem 1.6rem 0;font-size:1.1rem}
	#contents_>#dialogue>.dialogue-list>li>a>b{margin:.4rem 1.6rem 0;font-size:1.5rem;line-height:1.667}
	#contents_>#dialogue>.dialogue-list>li>a>p{margin:1.2rem 1.6rem 0;font-size:1.3rem;line-height:1.7}

	#contents_>#stakeholder-dialogue{margin:0 -2.5rem;padding:5rem 2.5rem 6rem}
	#contents_>#stakeholder-dialogue>p{margin:1.6rem 0 0}
	#contents_>#stakeholder-dialogue>.dialogue-rows{margin:3rem 0 0}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a{grid-template:"position arrow" auto "partner arrow" auto "title arrow" auto/1fr auto;row-gap:.4rem;height:auto;padding:1.6rem 0}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>small{grid-area:position;font-size:1.1rem}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.partner{grid-area:partner;font-size:1.1rem}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.partner>b{font-size:1.2rem}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a>.title{grid-area:title;font-size:1.3rem}
	#contents_>#stakeholder-dialogue>.dialogue-rows>li>a::after{grid-area:arrow;padding:0 0 0 1.2rem}
}
