a.link-bd {
	color: #1d3994;
}

/* 法人向け注目商品プラン表：.plan .grp（個人事業主/法人列）は、tdセル自身に
   writing-mode:vertical-rlを直接かけるとtable-layout:fixedのセルと組み合わさって
   iOS Safariのみ文字順が反転・縦方向に間延びして崩れる（PC/Androidは問題なし）。
   セル本体(td.grp)は横書きに戻し、中の.grp-txt（inline-block、index.php側で追加）
   だけを縦書きにして、縦書きレイアウトをテーブルセルのサイズ計算から切り離す */
.plan .grp {
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	letter-spacing: normal;
}
.plan .grp-txt {
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	-webkit-text-orientation: upright;
	letter-spacing: 0.3em;
	line-height: 1;
}

/* 法人向け弁護士保険プラン表：エール(#hojin-yell)の「グループ／プラン名」列を
   アシロ(#hojin-asiro)と同様にスマホ横スクロール時も2列固定にする */
@media (max-width: 767px) {
	#hojin-yell .grp {
		position: sticky;
		left: 0;
		z-index: 30;
		background: #fff;
	}
	#hojin-yell .pl-name {
		position: sticky;
		left: 38px;
		z-index: 31;
		background: #fff;
		border-right: 1px solid #ccc;
		border-left: none;
		box-shadow: 4px 0 6px -0.1em rgba(0, 0, 0, .1);
	}
	#hojin-yell .pl-name::after {
		content: "";
		position: absolute;
		top: 0;
		right: -6px;
		width: 6px;
		height: 100%;
		pointer-events: none;
	}
	#hojin-yell .plan col.p-plan {
		width: 110px;
	}
}

/* 個人向けエール(#kojin-yell)のプラン表：4列目（法務費用保険金）の幅が
   ぎりぎりで、PCでも文言が2行に折れて<br class="sp-show">が効いているように
   見えてしまうため、列幅を再配分して1行に収まる余裕を持たせる（合計幅は変更しない） */
@media (min-width: 768px) {
	#kojin-yell .plan col.p-fee {
		width: 150px;
	}
	#kojin-yell .plan col.p-machi {
		width: 150px;
	}
	#kojin-yell .plan col:nth-child(4) {
		width: 390px;
	}
}

/* 法人向け「こんな方に向いています」bonoboカードの3行目：
   PCでは⇒の後ろの文字位置に揃うよう1文字分字下げ。SPでは折り返しに任せて字下げしない */
@media (min-width: 768px) {
	.pc-indent-1em {
		display: inline-block;
		text-indent: 1em;
	}
}