@charset "utf-8";
/*
 * 相続放棄サポート（トップにそろえる）　見た目
 *
 * ・相続放棄サポートのページで、このプラグインが働くときだけ読み込みます。
 * ・活動欄（kt-）の見た目は、トップと同じファイルを先に読みます。
 *   ここでは、このページに合わせる分だけを足します（相続登記サポートのページと同じ見せ方です）。
 * ・名前は houki- で始めます。ほかの場所には効きません。
 * ・パソコンとスマホの切りかわりは７５０pxです（サイトのテーマに合わせました）。
 * ・相続放棄の画像の写し（houki-banner2）は、上の画像と同じ出し方（テーマの .content .around）のままにします。
 */

/* ===== 代表の活動欄 ===== */

/* 左右の幅を、上の困難事案とそろえます（パソコンは左右に１６pxずつ広げる）。 */
.houki-katsudou {
	margin: 20px -16px 0;
}

#content .houki-katsudou > .kt-widget.widget {
	margin: 0;
	max-width: none;
}

/*
 * ページ側の見出しの飾り（.content h2 の緑の帯、.content h3 の枠）と、
 * 段落のすき間（.content p）を、この欄では止めます。字の大きさは、スマホの欄と同じです。
 */
.content .houki-katsudou .kt-box h2.kt-title,
.content .houki-katsudou .kt-box h3.kt-subject {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #222222;
	line-height: 1.4;
}

.content .houki-katsudou .kt-box h2.kt-title {
	font-size: 21px;
}

.content .houki-katsudou .kt-box h3.kt-subject {
	font-size: 22px;
}

.content .houki-katsudou .kt-box p {
	margin: 0;
}

/* パソコン（７５１px以上）：スマホと同じ縦の並びにします。 */
@media print, screen and (min-width: 751px) {

	.houki-katsudou .kt-head {
		gap: 6px;
		padding: 16px 12px 14px;
	}

	.houki-katsudou .kt-lead {
		font-size: 15px;
	}

	.houki-katsudou .kt-body {
		padding: 12px;
	}

	.houki-katsudou .kt-card {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding: 18px 14px 20px;
	}

	.houki-katsudou .kt-main {
		flex-direction: column;
		align-items: normal;
		gap: 14px;
	}

	.houki-katsudou .kt-person {
		flex: 0 1 auto;
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.houki-katsudou .kt-face {
		flex: 0 0 88px;
		width: 88px;
		height: 88px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	}

	.houki-katsudou .kt-who {
		text-align: inherit;
		font-size: 14px;
	}

	.houki-katsudou .kt-who-name {
		font-size: 20px;
	}

	.houki-katsudou .kt-info {
		flex: 0 1 auto;
		min-width: auto;
		gap: 14px;
	}

	.houki-katsudou .kt-tags {
		gap: 8px 10px;
	}

	.houki-katsudou .kt-badge {
		padding: 4px 12px;
		font-size: 15px;
	}

	.houki-katsudou .kt-target {
		font-size: 15px;
	}

	.houki-katsudou .kt-day {
		font-size: 28px;
	}

	.houki-katsudou .kt-desc {
		font-size: 16px;
	}

	.houki-katsudou .kt-button--pc {
		display: none;
	}

	.houki-katsudou .kt-button--sp {
		display: inline-flex;
		justify-content: center;
		gap: 10px;
		min-height: 52px;
		padding: 12px 20px;
		font-size: 18px;
	}

	.houki-katsudou .kt-thumb-words {
		align-items: normal;
		min-width: 0;
		text-align: inherit;
	}

	.houki-katsudou .kt-thumb-sub {
		display: block;
		font-size: 14px;
		line-height: 1.5;
	}

	/* 講演の写真（開催報告）：幅３６０pxまでにして、中央に置きます。 */
	.houki-katsudou .kt-thumb--shashin {
		flex: 0 1 auto;
		align-self: center;
		align-items: normal;
		width: 100%;
		max-width: 360px;
	}

	.houki-katsudou .kt-thumb--shashin .kt-thumb-img {
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
		box-shadow: none;
	}

	.houki-katsudou .kt-thumb--shashin .kt-thumb-text {
		font-size: 17px;
	}

	/* チラシ（これから開催）：スマホと同じ横並び */
	.houki-katsudou .kt-thumb--chirashi {
		flex: 0 1 auto;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		padding: 10px 12px;
		border: 1px solid #dfecd2;
		background: #ffffff;
	}

	.houki-katsudou .kt-thumb--chirashi .kt-thumb-img {
		flex: 0 0 84px;
		width: 84px;
		height: 119px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
	}

	.houki-katsudou .kt-thumb--chirashi .kt-thumb-text {
		font-size: 17px;
	}

	.houki-katsudou .kt-box .kt-band {
		margin-top: 0;
		padding: 10px 6px;
		font-size: 17px;
	}
}

/*
 * スマホ（７５０px以下）：左右の余白なし（困難事案と同じ幅）。
 * 困難事案は幅６４０pxまでなので、それより広い画面でも、困難事案と同じ幅・同じ位置にします。
 */
@media screen and (max-width: 750px) {

	.houki-katsudou {
		margin: 10px auto 0;
		max-width: 640px;
	}
}