@charset "UTF-8";
/*
 * partner-stories
 * - archive-event.php 内のエージェント様向け事例セクション
 * - single-partner-stories.php (single-stories.php の白黒反転版)
 */

/* ============================================================
   一覧（archive-event.php 内）
   - カードは archive-stories.php と同じ .seminar-stories_lump.triple 構造を流用
   - 黒背景のセクション上に白カードが乗る既存スタイルで違和感なし
   ============================================================ */
#partner-stories-list {
	/* style.css の PC 用 section.block { display:flex; flex-direction:column;
	   justify-content:center } が入れ子のカードグリッドを縦に引き伸ばすため、
	   このセクションは通常の block に戻す */
	display: block;
	padding-top: 70px;
	padding-bottom: 70px;
}
#partner-stories-list h2.white {
	color: #fff;
	margin-bottom: 0;
}
#partner-stories-list .seminar-stories_lump.triple {
	justify-content: center;
	align-content: flex-start;
	gap: 28px;
}
#partner-stories-list .seminar-stories_lump.triple::after {
	display: none;
}
#partner-stories-list .seminar-stories_lump.triple .seminar-stories_lump_block {
	margin-bottom: 0;
}
#partner-stories-list .seminar-stories_lump_block > a {
	display: flex;
	flex-direction: column;
}
#partner-stories-list .seminar-stories_lump_block_figure {
	flex: 0 0 auto;
	min-height: 0;
}
#partner-stories-list .seminar-stories_lump_block_figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#partner-stories-list .seminar-stories_lump_block .seminar-stories_lump_block_txt {
	flex: 1 1 auto;
}
#partner-stories-list .seminar-stories_lump_block_txt {
	color: #ffffff;
	border-radius: 4px;
	border: 1px solid #93999D;
	background: #2F3136;
	box-shadow: none;
}
#partner-stories-list .seminar-stories_lump_block_txt_corp,
#partner-stories-list h3.seminar-stories_lump_block_txt_title {
	color: #ffffff;
}
#partner-stories-list h3.seminar-stories_lump_block_txt_title {
	margin-top: 0;
}
#partner-stories-list .seminar-stories_lump_block_txt_corp {
	margin-top: 12px;
}

/* ============================================================
   詳細ページ（single-partner-stories.php）
   - single-stories.php の構造に対する白黒反転オーバーライド
   ============================================================ */
#story-main.partner-stories {
	color: #fff;
	background-color: #01060D;
}
#story-main.partner-stories #intro {
	color: #fff;
}
#story-main.partner-stories .intro_corp {
	color: #c5cdd6;
}
#story-main.partner-stories section.block#intro h2 {
	color: #fff;
}
#story-main.partner-stories .intro_lead {
	color: #fff;
}

/* 企業情報ブロック */
#story-main.partner-stories .intro_grp {
	background-color: #323232;
	color: #e0e0e0;
}
#story-main.partner-stories .intro_grp_fig {
	background-color: #fff; /* ロゴ視認性のため白を維持 */
}
#story-main.partner-stories .intro_grp_lump_ttl,
#story-main.partner-stories .intro_grp_lump_content {
	color: #e0e0e0;
}

/* 本文 */
#story-main.partner-stories #article article,
#story-main.partner-stories #article article p,
#story-main.partner-stories #article article h2,
#story-main.partner-stories #article article h3,
#story-main.partner-stories #article article h4 {
	color: #fff;
}
#story-main.partner-stories #article article h2 {
	border-color: #F5990d;
}
#story-main.partner-stories #article article h3::after {
	background-color: #fff;
}
#story-main.partner-stories #article article a {
	color: #6aa3ff;
}
#story-main.partner-stories #article article mark {
	background: linear-gradient(transparent 70%, #F5990d 70%);
}
#story-main.partner-stories #article article .wp-block-image img {
	border: none;
}
#story-main.partner-stories #article .wp-block-pullquote {
	border-top-color: #2a3140;
}

/* 一覧に戻るボタン（グラデーションボーダー）
   border にグラデは指定できないため、padding-box に内側の塗り、
   border-box にグラデを clip した 2 重背景でボーダーを表現する */
#story-main.partner-stories .to-stories_btn a {
	color: #fff !important;
	border: 2px solid transparent;
	border-radius: 50px;
	background-color: #01060D;
	background-image:
		linear-gradient(#01060D, #01060D),
		linear-gradient(273deg, #FF3A28 5%, #FFAE00 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}
#story-main.partner-stories .to-stories_btn a:hover {
	opacity: .7;
}

/* ============================================================
   本文中の [corp_info] ショートコード出力
   - 既存 .corp-info スタイルは style.css でライト用に組まれているため、
     partner-stories 詳細ページ配下でのみ白黒反転オーバーライドする
   ============================================================ */
#story-main.partner-stories .corp-info {
	border-top: solid 4px #93999d;
	border-bottom: solid 4px #93999d;
	/*background-color: #1a1f29;*/
	padding-bottom: 32px;
	margin-bottom: 32px;
}
#story-main.partner-stories .corp-info_fig {
	background-color: #fff;
	padding: 24px;
	margin: 24px;
	border-radius: 4px;
}
#story-main.partner-stories .corp-info_fig img {
	max-width: 160px;
}
#story-main.partner-stories .corp-info_txt_lump_ttl {
	color: #fff;
}
#story-main.partner-stories .corp-info_txt_lump_content {
	color: #e0e0e0;
}
#story-main.partner-stories .corp-info_txt_lump_content a {
	color: #6aa3ff !important;
	text-decoration: underline !important;
}

.partner #cta {
	background: radial-gradient(100% 100% at 50% -0.03%, #4A4F57 0%, #000 100%), #FFF;
}
.partner .cta_grp {
	padding: 1px;
	background: var(--Linear, linear-gradient(273deg, #FF3A28 4.26%, #FFAE00 100.04%));
}
.partner .cta_grp_btn {
	background-color: #191919;
}
.partner .cta_grp_btn::before,
.partner .cta_grp_btn::after {
    border-color: #fff;
}
.partner .cta_grp_btn a {
	color: #fff !important;
}
.partner .cta_grp_btn.download {
	background: linear-gradient(273deg, #FF3A28 5%, #FFAE00 100%);
}

.partner .intro_cv_button a {
	padding: 10px 0;
	border-radius: 10px;
	border: none;
	background: radial-gradient(189.4% 189.4% at 50% -0.03%, #4A4F57 0%, #000 100%), #FFF;
}
.partner .intro_cv_button a img {
    width: 320px;
    height: auto;
}