/*
 * 全国女性フォーラム2027 in 北海道 LP 専用CSS
 * Figma: 北海道倫理法人会様フルリニューアル
 *   PC  node-id 5765-3713 / SP node-id 5783-3084 / SP追従ボタン node-id 5804-8293
 *
 * 本体のcmn/css/style.cssとは完全に独立。page-joseiforum.php以外では読み込まれない。
 * 念のため .page-joseiforum 配下に閉じ込め、他ページへの影響をゼロにする。
 *
 * PCファースト。SPは各ルールの直後に @media (max-width: 1023px) で上書きする。
 */

.page-joseiforum {
	--jf-navy: #12284A;
	--jf-blue: #0A3F8E;
	--jf-pink: #E95A87;
	--jf-green: #00C100;
	--jf-accent-blue: #045EAA;
	--jf-bg-blue-light: #D8E7F4;
	--jf-bg-blue-pale: #F2F9FF;
	--jf-underline-yellow: #FDF4E1;
	--jf-grey: #D9D9D9;
	--jf-white: #FFFFFF;

	margin: 0;
	padding: 0;
	/* 本文の大半はNoto Serif JP Regular（Figma style_069ef1f3）。
	   ボタン・タグ・アウトラインボタン・カードラベル等のUI文字だけNoto Sans JPを個別指定する。 */
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Sans", Meiryo, serif;
	color: var(--jf-navy);
	line-height: 1.7;
	background: var(--jf-white);
	-webkit-text-size-adjust: 100%;
}

.page-joseiforum *,
.page-joseiforum *::before,
.page-joseiforum *::after {
	box-sizing: border-box;
}

.page-joseiforum img {
	max-width: 100%;
	height: auto;
	display: block;
}

.page-joseiforum a {
	color: inherit;
	text-decoration: none;
}

.page-joseiforum ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-joseiforum h1,
.page-joseiforum h2,
.page-joseiforum h3,
.page-joseiforum p {
	margin: 0;
}

.page-joseiforum .jf-section__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-section__inner {
		padding: 0 20px;
	}
}

/* ============ 共通：見出し ============ */

.page-joseiforum .jf-section__label {
	display: inline-block;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 24px;
	color: var(--jf-blue);
	margin-bottom: 8px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-section__label {
		font-size: 16px;
	}
}

.page-joseiforum .jf-section__label--light {
	color: var(--jf-white);
}

.page-joseiforum .jf-section__label--pink {
	color: var(--jf-pink);
}

.page-joseiforum .jf-section__title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.5;
	color: var(--jf-navy);
	margin-bottom: 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-section__title {
		font-size: 27px;
	}
}

.page-joseiforum .jf-section__title--light {
	color: var(--jf-white);
}

.page-joseiforum .jf-section__lead {
	font-size: 18px;
	line-height: 1.6;
	color: var(--jf-navy);
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-section__lead {
		font-size: 15px;
	}
    .page-joseiforum .jf-section__lead br {
        display: none;
    }
}

.page-joseiforum .jf-section__head {
	margin-bottom: 24px;
}

.page-joseiforum .jf-section__head--center {
	text-align: center;
}

/* SPのみ改行させる<br> */
.page-joseiforum .jf-br-sp {
	display: none;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-br-sp {
		display: inline;
	}
}

/* ============ 共通：ボタン ============ */

.page-joseiforum .jf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 24px;
	border-radius: 999px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--jf-white);
	white-space: nowrap;
}

.page-joseiforum .jf-btn img {
	width: 36px;
	height: 36px;
}

/* 左アイコンはSPのみ表示 */
.page-joseiforum .jf-btn .jf-btn__icon {
	display: none;
}

.page-joseiforum .jf-btn--pink {
	background: var(--jf-pink);
}

.page-joseiforum .jf-btn--green {
	background: var(--jf-green);
}

.page-joseiforum .jf-btn--navy {
	background: var(--jf-accent-blue);
}

.page-joseiforum .jf-btn--lg {
	width: 100%;
	height: 72px;
	padding: 0 16px 0 40px;
	font-size: 18px;
	justify-content: space-between;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-btn--lg {
		height: 64px;
	}
}

.page-joseiforum .jf-outline-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 72px;
	padding: 0 16px 0 24px;
	border-radius: 8px;
	background: var(--jf-white);
	border: 1px solid var(--jf-accent-blue);
	color: var(--jf-blue);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 18px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-outline-btn {
		height: 64px;
	}
}

.page-joseiforum .jf-outline-btn img {
	width: 36px;
	height: 36px;
}

/* ---- ボタンのhover / タップ時アニメーション ----
   hoverを @media (hover: hover) で囲むと、Chrome DevToolsのデバイスモードや
   タッチ対応PCでは hover: none と判定されて一切効かなくなるため、囲まずに素で書く。 */

.page-joseiforum .jf-btn,
.page-joseiforum .jf-outline-btn {
	cursor: pointer;
	transition: transform 0.35s cubic-bezier(0.34, 1.26, 0.64, 1),
		box-shadow 0.35s ease;
}

/* 各ボタンの末尾のimg（矢印アイコン）はhoverで右へスライドさせる */
.page-joseiforum .jf-btn > img:last-child,
.page-joseiforum .jf-outline-btn > img:last-child {
	transition: transform 0.35s cubic-bezier(0.34, 1.26, 0.64, 1);
}

.page-joseiforum .jf-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 26px -8px rgba(18, 40, 74, 0.45);
}

/* hoverで色は一切変えない（浮き上がり・影・矢印のスライドだけで反応を出す） */
.page-joseiforum .jf-outline-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 26px -8px rgba(4, 94, 170, 0.4);
}

.page-joseiforum .jf-btn:hover > img:last-child,
.page-joseiforum .jf-outline-btn:hover > img:last-child {
	transform: translateX(10px);
}

/* クリック・タップ時は押し込む（タッチ端末でも効く） */
.page-joseiforum .jf-btn:active,
.page-joseiforum .jf-outline-btn:active {
	transform: translateY(0) scale(0.98);
	box-shadow: 0 2px 6px -2px rgba(18, 40, 74, 0.3);
	transition-duration: 0.08s;
}

/* キーボード操作時のフォーカス表示 */
.page-joseiforum .jf-btn:focus-visible,
.page-joseiforum .jf-outline-btn:focus-visible {
	outline: 3px solid var(--jf-accent-blue);
	outline-offset: 3px;
}

/* OS側で「アニメーション効果」をオフにしている場合は、移動（transform）だけ止める。
   transition-duration は触らない。ここを 0 にすると影の変化まで一瞬で切り替わり、
   アニメーションが全く効いていないように見えてしまう。 */
@media (prefers-reduced-motion: reduce) {
	.page-joseiforum .jf-btn:hover,
	.page-joseiforum .jf-outline-btn:hover,
	.page-joseiforum .jf-btn:active,
	.page-joseiforum .jf-outline-btn:active,
	.page-joseiforum .jf-btn:hover > img:last-child,
	.page-joseiforum .jf-outline-btn:hover > img:last-child {
		transform: none;
	}
}

.page-joseiforum .jf-tag {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 999px;
	background: var(--jf-accent-blue);
	color: var(--jf-white);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 16px;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-tag {
        width: 100%;
        font-size: 17px;
    }
}

/* ============ header ============ */

.page-joseiforum .jf-header {
	position: sticky;
	top: 0;
	z-index: 200;
	background: var(--jf-white);
	border-bottom: 1px solid #C2C2C2;
}

/* SP時は追従させない */
@media (max-width: 1023px) {
	.page-joseiforum .jf-header {
		position: static;
	}
}

.page-joseiforum .jf-header__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 16px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-header__inner {
		padding: 8px 20px;
	}
}

.page-joseiforum .jf-header__logo {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	transition: opacity 0.25s ease;
}

.page-joseiforum .jf-header__logo:hover {
	opacity: 0.7;
}

.page-joseiforum .jf-header__logoimg {
	display: block;
	width: auto;
	max-width: 100%;
	height: 48px;
	flex-shrink: 0;
}

/* SP時のヘッダーは高さを抑える（フッターのロゴは縮めない） */
@media (max-width: 1023px) {
	.page-joseiforum .jf-header .jf-header__logoimg {
		height: 34px;
	}
}

@media (max-width: 400px) {
	.page-joseiforum .jf-header .jf-header__logoimg {
		height: 56px;
	}
}

.page-joseiforum .jf-gnav {
	display: flex;
	align-items: center;
	gap: 32px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-gnav {
		display: none;
	}
}

.page-joseiforum .jf-gnav__list {
	display: flex;
	gap: 24px;
	font-size: 16px;
	font-weight: 600;
}

.page-joseiforum .jf-gnav__list a {
	transition: color 0.2s ease;
}

.page-joseiforum .jf-gnav__list a:hover {
	color: var(--jf-pink);
}

.page-joseiforum .jf-gnav__buttons {
	display: flex;
	gap: 12px;
}

.page-joseiforum .jf-gnav__buttons .jf-btn {
	padding: 12px 24px;
	font-size: 16px;
}

/* ============ MV ============ */

.page-joseiforum .jf-mv {
	position: relative;
	display: flex;
	min-height: 800px;
	padding: 80px 0;
	overflow: hidden;
	background: var(--jf-white);
}

/* Figma SP: mv-itemは上部(y≈250)、テキストはその下(y=407)から */
@media (max-width: 1023px) {
	.page-joseiforum .jf-mv {
		min-height: 986px;
		padding: 407px 0 64px;
	}
}

.page-joseiforum .jf-mv__inner {
	width: 100%;
}

.page-joseiforum .jf-mv__item {
	display: block;
	position: absolute;
	right: 0;
	/* top: 220px; */
	bottom: 128px;
	width: 42%;
	height: auto;
	z-index: 2;
}

/* SPはmv-item-sp.png（<picture>で切替）を左右20pxの余白で全幅表示 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__item {
		top: 250px;
		bottom: auto;
		left: 20px;
		right: 20px;
		width: calc(100% - 40px);
	}
}

.page-joseiforum .jf-mv__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.page-joseiforum .jf-mv__bg picture {
	display: block;
	width: 100%;
	height: 100%;
}

.page-joseiforum .jf-mv__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.page-joseiforum .jf-mv__inner {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

@media (max-width: 1023px) {
    .page-joseiforum .jf-mv__bg img {
        height: auto;
    }
	.page-joseiforum .jf-mv__inner {
		padding: 0 20px;
	}
}

.page-joseiforum .jf-mv__content {
	max-width: 800px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__content {
		max-width: none;
	}
}

.page-joseiforum .jf-mv__title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 56px;
	line-height: 1.4;
	color: var(--jf-navy);
	margin-bottom: 20px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__title {
		font-size: 40px;
	}
}

.page-joseiforum .jf-mv__title-em {
	font-size: 64px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__title-em {
		font-size: 1em;
	}
}

.page-joseiforum .jf-mv__title-sm {
	font-size: 48px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__title-sm {
		font-size: 0.8em;
	}
}

.page-joseiforum .jf-mv__lead {
	font-weight: 600;
	font-size: 27px;
	line-height: 1.6;
	margin-bottom: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__lead {
		font-size: 19px;
		line-height: 1.8;
	}
}

.page-joseiforum .jf-mv__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	font-size: 25px;
	margin-bottom: 12px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__meta {
		font-size: 16px;
	}
}

/* 開催日。Figma: PC 27px / 数字40px、SP 16px / 数字20px
   （.jf-mv__meta が flex なので、日付全体を1つの span で包んで1アイテムにしている） */
.page-joseiforum .jf-mv__date {
	font-size: 27px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__date {
		font-size: 16px;
	}
}

.page-joseiforum .jf-mv__date-num {
	font-size: 40px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__date-num {
		font-size: 20px;
	}
}

.page-joseiforum .jf-mv__meta-icon {
	width: 22px;
	height: 22px;
}

.page-joseiforum .jf-mv__buttons {
	display: flex;
	flex-direction: row;
	gap: 16px;
	margin-top: 28px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__buttons {
		flex-direction: column;
	}
}

.page-joseiforum .jf-mv__buttons .jf-btn {
	width: auto;
	flex: 1;
	max-width: 258px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-mv__buttons .jf-btn {
		width: 100%;
		flex: 0 1 auto;
		max-width: none;
	}

	/* SP: アイコン(左16px・40px枠) → 文字 → 矢印(右端)。余白は均等割り */
	.page-joseiforum .jf-mv__buttons .jf-btn--lg {
		justify-content: space-between;
		padding-left: 16px;
	}

	.page-joseiforum .jf-mv__buttons .jf-btn__icon {
		display: block;
		width: 40px;
		height: 40px;
	}

	.page-joseiforum .jf-mv__buttons .jf-btn__icon--sm {
		padding: 8px;
	}
}

/* ============ なぜ開催するのか ============ */

.page-joseiforum .jf-why {
	position: relative;
	padding: 204px 0 64px 0;
	overflow: hidden;
	margin-top: -156px;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-why {
        padding: 80px 0 40px 0;
        margin-top: 0;
    }
}

.page-joseiforum .jf-why__deco {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	pointer-events: none;
}

.page-joseiforum .jf-why__deco img {
	width: 100%;
	height: auto;
}

.page-joseiforum .jf-why .jf-section__inner {
	position: relative;
	z-index: 1;
}

.page-joseiforum .jf-why__head {
	display: grid;
	grid-template-columns: 480px 1fr;
	gap: 48px;
	align-items: center;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-why__head {
		display: block;
	}
}

.page-joseiforum .jf-why__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-why__cards {
		display: flex;
		flex-direction: column;
	}
}

.page-joseiforum .jf-why__card {
	background: var(--jf-white);
	border-radius: 8px;
	overflow: hidden;
}

.page-joseiforum .jf-why__card-img img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 8px;
}

.page-joseiforum .jf-why__card-label {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 20px;
	color: var(--jf-blue);
	margin: 16px 0 8px;
}

.page-joseiforum .jf-why__card-text {
	font-size: 15px;
	line-height: 1.6;
}

.page-joseiforum .jf-why__card-text--bold {
	position: relative;
	padding-bottom: 16px;
}

.page-joseiforum .jf-why__card-text--bold strong {
	box-shadow: inset 0 -0.5em 0 var(--jf-underline-yellow);
	font-weight: 700;
}

/* ============ 数字で見るプロジェクト ============ */

.page-joseiforum .jf-numbers {
	padding: 144px 0 80px 0;
	background: url("../img/bg-jf-numbers.png") no-repeat top center / cover;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers {
        padding: 80px 0 40px 0;
		background-image: url("../img/bg-jf-numbers-sp.png");
	}

	/* 装飾はラベル「数字で見るプロジェクト」の左右へ移し、見出しは全幅に */
	.page-joseiforum .jf-numbers .jf-section__head {
		position: relative;
	}
}

.page-joseiforum .jf-numbers__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	font-size: 36px;
	margin-bottom: 0;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__title {
		display: block;
		font-size: 22px;
	}
}

.page-joseiforum .jf-numbers__title-deco {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__title-deco {
		position: absolute;
		top: 1px;
		width: 32px;
		height: 32px;
	}

	/* ラベル幅(20px×11文字=220px)の半分 + 余白16px + 装飾32px */
	.page-joseiforum .jf-numbers__title-deco:first-child {
		left: calc(50% - 158px);
	}

	.page-joseiforum .jf-numbers__title-deco:last-child {
		right: calc(50% - 158px);
	}
}

.page-joseiforum .jf-numbers__cards {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__cards {
		flex-direction: column;
	}
}

.page-joseiforum .jf-numbers__card {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 24px;
	background: var(--jf-white);
	border-radius: 8px;
	padding: 32px;
	text-align: left;
}

/* 画像（左）＋ラベル・数値（右）の2カラム。本文は全幅 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__card {
		flex: 0 1 auto;
		display: grid;
		grid-template-columns: 96px 1fr;
		column-gap: 16px;
		row-gap: 4px;
		padding: 20px;
	}
}

.page-joseiforum .jf-numbers__illust {
	width: 180px;
	flex-shrink: 0;
	margin: 0;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__illust {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 96px;
		align-self: center;
	}
}

.page-joseiforum .jf-numbers__card-body {
	flex: 1;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__card-body {
		display: contents;
	}
}

.page-joseiforum .jf-numbers__label {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 20px;
	color: var(--jf-blue);
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__label {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
		font-size: 16px;
	}
}

.page-joseiforum .jf-numbers__value {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 32px;
	color: var(--jf-pink);
	margin-bottom: 12px;
	line-height: 1;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__value {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
		margin-bottom: 0;
		font-size: 24px;
	}
}

.page-joseiforum .jf-numbers__value strong {
	font-size: 48px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-numbers__value strong {
		font-size: 48px;
	}
}

.page-joseiforum .jf-numbers__text {
	font-size: 16px;
	line-height: 1.6;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-numbers__text {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 12px;
        font-size: 14px;
    }
    .page-joseiforum .jf-numbers__text br {
        display: none;
    }
}

/* ============ プログラム ============ */

.page-joseiforum .jf-program {
	position: relative;
	padding: 80px 0 144px;
	margin-bottom: -144px;
	background: url("../img/bg-program.png") no-repeat bottom center / 100%;
	z-index: 1;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-program {
        padding: 40px 0 80px;
        background: url("../img/bg-program-sp.png") no-repeat bottom center / 100%;
    }
}

.page-joseiforum .jf-program__title-img {
	margin-left: auto;
	margin-right: auto;
}

.page-joseiforum .jf-program__title-img img {
	margin: 0 auto;
}

.page-joseiforum .jf-program__keynote {
	background: #ECF3F9;
	border-radius: 16px;
	padding: 48px;
	text-align: center;
	margin-bottom: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__keynote {
		padding: 20px;
	}
}

.page-joseiforum .jf-program__keynote-img {
	max-width: 320px;
	margin: 0 auto 16px;
}

.page-joseiforum .jf-program__keynote-img img {
	border-radius: 8px;
}

.page-joseiforum .jf-program__keynote-name {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 20px;
}

.page-joseiforum .jf-program__keynote-org {
	font-size: 20px;
}

@media (max-width: 1023px) {
    .page-joseiforum .jf-program__keynote-name {
        margin-bottom: 8px;
    }
	/* SPは団体名の後ろで改行 */
	.page-joseiforum .jf-program__keynote-org {
		display: block;
		font-size: 14px;
	}
}

.page-joseiforum .jf-program__keynote-person {
	font-size: 32px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__keynote-person {
		font-size: 24px;
	}
}

.page-joseiforum .jf-program__keynote-role {
	font-size: 20px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__keynote-role {
		font-size: 14px;
	}
}

.page-joseiforum .jf-program__keynote-text {
	font-size: 18px;
	line-height: 1.9;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__keynote-text {
		font-size: 15px;
	}
}

.page-joseiforum .jf-program__cards {
	display: flex;
	flex-direction: row;
	gap: 24px;
	margin-bottom: 64px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__cards {
		flex-direction: column;
        margin-bottom: 32px;
	}
}

.page-joseiforum .jf-program__card {
	flex: 1;
	background: var(--jf-white);
	border: 1px solid var(--jf-bg-blue-light);
	border-radius: 16px;
	overflow: hidden;
	padding: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__card {
		flex: 0 1 auto;
        padding: 16px;
	}
}

.page-joseiforum .jf-program__card-img {
	position: relative;
	border: 8px;
}

.page-joseiforum .jf-program__card-img img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 8px;
}

.page-joseiforum .jf-program__card-badge {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	display: inline-flex;
	width: calc(100% - 32px);
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	border-radius: 999px;
	background: var(--jf-accent-blue);
	color: var(--jf-white);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 18px;
	white-space: nowrap;
}

.page-joseiforum .jf-program__card-text {
	margin-top: 32px;
	font-size: 16px;
	line-height: 1.6;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-program__card-badge {
        font-size: 17px;
    }
    .page-joseiforum .jf-program__card-text {
        font-size: 15px;
        line-height: 1.4;
    }
}

.page-joseiforum .jf-speakers__title-img {
	margin: 0 auto 16px;
}

.page-joseiforum .jf-speakers .jf-section__title {
	font-size: 36px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers .jf-section__title {
		font-size: 24px;
	}
}

.page-joseiforum .jf-speakers {
	background: var(--jf-white);
	border: 1px solid var(--jf-bg-blue-light);
	border-radius: 16px;
	padding: 64px;
	text-align: center;
	margin-bottom: 32px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers {
		padding: 32px 20px;
	}
}

.page-joseiforum .jf-speakers__label {
	display: inline-block;
	font-family: "Caveat", "Noto Serif JP", serif;
	font-size: 32px;
	font-weight: 700;
	background: linear-gradient(90deg, var(--jf-accent-blue) 0%, #B9DFFF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin-bottom: 8px;
}

.page-joseiforum .jf-speakers__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 32px;
	margin-top: 32px;
	text-align: left;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers__list {
		display: flex;
		flex-direction: column;
	}
}

.page-joseiforum .jf-speakers__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}

/* 画像（左）＋名前・肩書（右）の2カラム */
@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers__card {
		display: grid;
		grid-template-columns: 104px 1fr;
		column-gap: 20px;
		row-gap: 0;
		align-items: center;
		text-align: left;
	}
}

.page-joseiforum .jf-speakers__photo {
	flex-shrink: 0;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: var(--jf-grey);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #676767;
	margin: 0 auto 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers__photo {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 104px;
		height: 104px;
		margin: 0;
	}
}

.page-joseiforum .jf-speakers__name {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 20px;
	color: var(--jf-blue);
	margin-bottom: 4px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers__name {
		grid-column: 2;
		align-self: end;
	}
}

.page-joseiforum .jf-speakers__role {
	font-size: 14px;
	color: var(--jf-navy);
	line-height: 1.6;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-speakers__role {
		grid-column: 2;
		align-self: start;
	}
}

.page-joseiforum .jf-program__buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__buttons {
		flex-direction: column;
		justify-content: flex-start;
	}
}

.page-joseiforum .jf-program__buttons .jf-btn {
	width: auto;
	flex: 1;
	max-width: 296px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-program__buttons .jf-btn {
		width: 100%;
		flex: 0 1 auto;
		max-width: none;
	}
}

/* ============ 北海道開催の意義 ============ */

.page-joseiforum .jf-significance {
	position: relative;
	padding: 204px 0 80px;
	overflow: hidden;
	color: var(--jf-white);
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-significance {
        padding: 204px 0 40px;
    }
}

.page-joseiforum .jf-significance__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(178deg, rgba(88,190,234,1) 18%, rgba(88,190,234,0) 59%);
}

.page-joseiforum .jf-significance__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.page-joseiforum .jf-significance .jf-section__inner {
	position: relative;
	z-index: 1;
}

.page-joseiforum .jf-significance__cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__cards {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

.page-joseiforum .jf-significance__card {
	background: #FFF4F7;
	border-radius: 8px;
	padding: 32px;
	color: var(--jf-navy);
}

.page-joseiforum .jf-significance__card {
	display: flex;
	align-items: center;
	gap: 24px;
}

/* アイコン（左）＋タイトル（右）の2カラム。本文は全幅 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__card {
		display: grid;
		grid-template-columns: 32px 1fr;
		column-gap: 12px;
		row-gap: 8px;
		align-items: center;
        padding: 16px 24px 20px;
	}
}

.page-joseiforum .jf-significance__icon {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__icon {
		grid-column: 1;
		grid-row: 1;
		width: 32px;
		height: 32px;
	}
}

.page-joseiforum .jf-significance__body {
	flex: 1;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__body {
		display: contents;
	}
}

.page-joseiforum .jf-significance__title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 8px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__title {
		grid-column: 2;
		grid-row: 1;
		margin-bottom: 0;
        font-size: 20px;
	}
}

.page-joseiforum .jf-significance__text {
	font-size: 15px;
	line-height: 1.6;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-significance__text {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

/* ============ このフォーラムが目指す社会 ============ */

.page-joseiforum .jf-vision {
	position: relative;
	padding: 96px 0;
	overflow: hidden;
	background: url("../img/shakai-bg.png") no-repeat top center / 100%;
}

.page-joseiforum .jf-vision .jf-section__title {
	font-size: 36px;
}

@media (max-width: 1023px) {
    .page-joseiforum .jf-vision {
        padding: 128px 0 40px;
    }
	.page-joseiforum .jf-vision .jf-section__title {
		font-size: 22px;
	}
}

.page-joseiforum .jf-vision__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 24px;
}

/* 5個を折り返さず1列に。幅は均等割り・正円を維持 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-vision__badges {
		flex-wrap: nowrap;
		gap: 8px;
	}
}

.page-joseiforum .jf-vision__badge {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--jf-pink);
	color: var(--jf-white);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-vision__badge {
		flex: 1 1 0;
		width: auto;
		height: auto;
		max-width: 80px;
		aspect-ratio: 1 / 1;
		font-size: min(15px, 3vw);
	}
}

.page-joseiforum .jf-vision__text {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 32px;
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-vision__text {
	   font-size: 15px;
    }
}
.page-joseiforum .jf-vision__text strong {
	box-shadow: inset 0 -0.5em 0 var(--jf-underline-yellow);
	font-weight: 700;
}

.page-joseiforum .banner-box {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

@media (max-width: 1023px) {
	.page-joseiforum .banner-box {
		flex-direction: column;
	}
}

.page-joseiforum .banner-box a {
	flex: 1;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 0.25s ease;
}

.page-joseiforum .banner-box a:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 22px -8px rgba(18, 40, 74, 0.35);
}

.page-joseiforum .banner-box a:active {
	transform: translateY(0) scale(0.99);
	transition-duration: 0.08s;
}

@media (max-width: 1023px) {
	.page-joseiforum .banner-box a {
		flex: 0 1 auto;
	}
}

.page-joseiforum .banner-box img {
	width: 100%;
	transition: opacity 0.2s ease;
}

.page-joseiforum .banner-box a:hover img {
	opacity: 0.85;
}

@media (prefers-reduced-motion: reduce) {
	.page-joseiforum .banner-box a:hover,
	.page-joseiforum .banner-box a:active {
		transform: none;
	}
}

/* ============ 報道・取材の皆さまへ ============ */

.page-joseiforum .jf-press {
	padding: 96px 0;
	background: var(--jf-bg-blue-pale);
}

.page-joseiforum .jf-press .jf-section__title {
	font-size: 36px;
}

@media (max-width: 1023px) {
    .page-joseiforum .jf-press {
        padding: 40px 0;
    }
	.page-joseiforum .jf-press .jf-section__title {
		font-size: 18px;
	}
}

.page-joseiforum .jf-press .jf-section__inner {
	display: grid;
	grid-template-columns: 240px 1fr;
	column-gap: 48px;
}

/* 画像（左）＋ラベル・見出し（右）の2カラム。本文とボタンは全幅 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-press .jf-section__inner {
		display: grid;
		grid-template-columns: 100px 1fr;
		column-gap: 16px;
	}
}

.page-joseiforum .jf-press__illust {
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	margin: 0;
	align-self: center;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-press__illust {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 100%;
		margin: 0;
		align-self: center;
	}
}

.page-joseiforum .jf-press__body {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	text-align: left;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-press__body {
		display: contents;
		text-align: center;
	}

	.page-joseiforum .jf-press__body .jf-section__label {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
		text-align: left;
	}

	.page-joseiforum .jf-press__body .jf-section__title {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
		margin-bottom: 0;
		text-align: left;
	}
}

.page-joseiforum .jf-press__text {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-press__text {
		grid-column: 1 / -1;
		grid-row: 3;
        font-size: 15px;
        text-align: left;
	}
}

.page-joseiforum .jf-press__text strong {
	box-shadow: inset 0 -0.5em 0 var(--jf-underline-yellow);
	font-weight: 700;
}

.page-joseiforum .jf-press__buttons {
	grid-column: 1 / -1;
	grid-row: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 32px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-press__buttons {
		grid-column: 1 / -1;
		grid-row: 4;
		display: flex;
		flex-direction: column;
	}
}

/* ============ cta ============ */

.page-joseiforum .jf-cta {
	padding: 80px 0;
	background: url("../img/bg-cta.png") no-repeat top center / cover;
	text-align: center;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-cta {
        padding: 80px 0 40px;
		background: url("../img/bg-cta-sp.png") no-repeat top center / 100%;
	}
}

.page-joseiforum .jf-cta__head {
	text-align: left;
}

.page-joseiforum .jf-cta__title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.5;
	margin-bottom: 20px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-cta__title {
		font-size: 32px;
	}
}

.page-joseiforum .jf-cta__lead {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 32px;
}

.page-joseiforum .jf-cta__buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 16px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-cta__buttons {
		flex-direction: column;
		justify-content: flex-start;
        margin-top: 120px;
	}
}

.page-joseiforum .jf-cta__buttons .jf-btn {
	width: auto;
	flex: 1;
	max-width: 296px;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-cta__buttons .jf-btn {
		width: 100%;
		flex: 0 1 auto;
		max-width: none;
	}
}

/* ============ footer ============ */

.page-joseiforum .jf-footer {
	background: var(--jf-white);
	padding: 40px 0 0;
    border-top: 1px solid #D9D9D9;
}

/* 追従ボタン分の下余白を確保 */
@media (max-width: 1023px) {
	.page-joseiforum .jf-footer {
		padding-bottom: 72px;
	}
}

.page-joseiforum .jf-footer .jf-section__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
	padding-bottom: 32px;
}

.page-joseiforum .jf-footer__top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	width: 100%;
	text-align: left;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-footer__top {
		flex-direction: column;
		justify-content: flex-start;
		text-align: center;
	}
}

.page-joseiforum .jf-footer__logo {
	display: flex;
	align-items: center;
	gap: 12px;
	transition: opacity 0.25s ease;
}

.page-joseiforum .jf-footer__logo:hover {
	opacity: 0.7;
}

.page-joseiforum .jf-footer__nav {
	width: 100%;
	padding-top: 24px;
	border-top: 1px solid var(--jf-grey);
}

.page-joseiforum .jf-footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
	font-weight: 600;
	font-size: 14px;
}

.page-joseiforum .jf-footer__nav a {
	transition: color 0.2s ease;
}

.page-joseiforum .jf-footer__nav a:hover {
	color: var(--jf-pink);
}
@media (max-width: 1023px) {
    .page-joseiforum .jf-footer__nav ul {
        justify-content: center;
    }
}

/* 後援 */
.page-joseiforum .jf-footer__support {
	width: 100%;
	padding-top: 24px;
	border-top: 1px solid var(--jf-grey);
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
	font-size: 14px;
	text-align: left;
}

.page-joseiforum .jf-footer__support-label {
	position: relative;
	padding-right: 13px;
	font-weight: 700;
}

.page-joseiforum .jf-footer__support-label::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 0.95em;
	background: var(--jf-grey);
}

.page-joseiforum .jf-footer__support-orgs {
	color: var(--jf-navy);
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-footer__support {
		justify-content: center;
		text-align: center;
	}
}

.page-joseiforum .jf-footer__sns {
	display: flex;
	align-items: center;
	gap: 12px;
	text-align: right;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-footer__sns {
		text-align: center;
	}
}

.page-joseiforum .jf-footer__sns p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	white-space: nowrap;
}

.page-joseiforum .jf-footer__sns-icons {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-footer__sns-icons {
		justify-content: center;
	}
}

.page-joseiforum .jf-footer__sns-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: var(--jf-white);
	overflow: hidden;
}

.page-joseiforum .jf-footer__sns-icons img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.page-joseiforum .jf-footer__copyright {
	background: var(--jf-accent-blue);
	padding: 14px 20px;
	text-align: center;
}

.page-joseiforum .jf-footer__copyright p {
	color: var(--jf-white);
	font-size: 12px;
}

/* ============ SP追従ボタン（Figma node-id 5804-8293） ============ */

.page-joseiforum .jf-fixed-cta {
	display: none;
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-fixed-cta {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 300;
		height: 72px;
	}

	/* Figma: アイコン(40px枠)を上、文字を下に縦積み */
	.page-joseiforum .jf-fixed-cta__btn {
		flex: 1 1 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0;
		color: var(--jf-white);
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 700;
		font-size: 14px;
	}

	.page-joseiforum .jf-fixed-cta__btn img {
		width: 40px;
		height: 40px;
	}

	/* メールアイコンは24px。40px枠に収めてLINEアイコンと高さを揃える */
	.page-joseiforum .jf-fixed-cta__btn .jf-fixed-cta__icon--sm {
		padding: 8px;
	}

	.page-joseiforum .jf-fixed-cta__btn--pink {
		background: var(--jf-pink);
	}

	.page-joseiforum .jf-fixed-cta__btn--green {
		background: var(--jf-green);
	}

	/* 追従ボタンは画面下に固定されているため浮かせず、タップ時に暗くするだけ */
	.page-joseiforum .jf-fixed-cta__btn {
		transition: filter 0.2s ease;
	}

	.page-joseiforum .jf-fixed-cta__btn:active {
		filter: brightness(0.88);
	}
}

/* ============ 参加をご検討中の方へ（Figma node-id 5979-3181） ============ */

.page-joseiforum .jf-join {
	padding: 0 0 64px 0;
}

.page-joseiforum .jf-join__card {
	background: var(--jf-white);
	border-radius: 16px;
	/* box-shadow: 0 8px 32px rgba(18, 40, 74, 0.08); */
	padding: 52px 64px 60px;
	border: 1px solid var(--jf-bg-blue-light);
}

.page-joseiforum .jf-join__script {
	font-family: "Caveat", cursive;
	font-size: 48px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	background: linear-gradient(90deg, #045EAA 0%, #B9DFFF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: flex;
	justify-content: center;
}

.page-joseiforum .jf-join__title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 32px;
	color: var(--jf-blue);
	text-align: center;
	margin-top: 8px;
}

.page-joseiforum .jf-join__cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
	margin-top: 40px;
}

.page-joseiforum .jf-join__col {
	display: block;
	width: 460px;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
}

.page-joseiforum .jf-join__col--link {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-joseiforum .jf-join__col--link:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(18, 40, 74, 0.12);
}

.page-joseiforum .jf-join__col--link:hover .jf-join__box-icon {
	transform: translateX(4px);
}

.page-joseiforum .jf-join__box-icon {
	transition: transform 0.2s ease;
}

.page-joseiforum .jf-join__img {
	height: 225px;
	overflow: hidden;
}

.page-joseiforum .jf-join__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.page-joseiforum .jf-join__img--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--jf-grey);
	color: #676767;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 36px;
}

.page-joseiforum .jf-join__box {
	min-height: 145px;
	padding: 28px 32px;
}

.page-joseiforum .jf-join__box--blue {
	background: #ECF3F9;
}

.page-joseiforum .jf-join__box--pink {
	background: #FFF4F7;
}

.page-joseiforum .jf-join__box-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.page-joseiforum .jf-join__box-title {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.4;
	color: var(--jf-blue);
}

.page-joseiforum .jf-join__box-title--pink {
	color: var(--jf-pink);
}

.page-joseiforum .jf-join__box-icon {
	width: 40px;
	height: 40px;
	flex: none;
}

.page-joseiforum .jf-join__box-text {
	margin-top: 8px;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: var(--jf-navy);
}

@media (max-width: 1023px) {
	.page-joseiforum .jf-join {
		padding: 0 0 32px 0;
	}

	.page-joseiforum .jf-join__card {
		border-radius: 12px;
		padding: 24px 16px 16px;
	}

	.page-joseiforum .jf-join__script {
		font-size: 38px;
	}

	.page-joseiforum .jf-join__title {
		font-size: 24px;
	}

	.page-joseiforum .jf-join__cols {
		gap: 24px;
		margin-top: 16px;
	}

	.page-joseiforum .jf-join__box {
		padding: 16px 20px;
	}

	.page-joseiforum .jf-join__img {
		height: 200px;
	}

	.page-joseiforum .jf-join__img--placeholder {
		font-size: 28px;
	}
}