/* 旧サイトから引き継いだ表示の不具合を直すもの（旧と見た目が違うのはここだけ） */

/* フッター「当サイトについて」（PC）: irbank.net 共通 CSS の body{line-height:1} が効いて行がくっついていた。スマホ表示と同じ 1.6 にする */
footer .about-accordion--pc .about-body p {
	line-height: 1.6;
}

/* 一覧系ページ上部の「COLUMN」帯: 元の背景 fv.png は 2.2MB あり、最後に表示されて白い帯→画像とチラついていた。
   同じ画像の WebP 版（約200KB）に替えて <head> で先読みし、読み込み前も画像の平均色を敷いて白文字が見えるようにする */
.recruit .common-fv {
	background-color: #094566 !important;
	background-image: url("/article/assets/irbank/fv.webp") !important;
}
@media screen and (max-width: 768px) {
	.recruit .common-fv {
		background-color: #859099 !important;
		background-image: url("/article/assets/irbank/recruit_fv_sp.webp") !important;
	}
}

/* 一覧系ページ（トップ・記事一覧・カテゴリー・タグ）のパンくず: 本文の外にあり、子テーマの CSS で左右の余白が 0 になっていて
   PC では本文より 8px 左、スマホでは画面の左端にくっついていた。本文（#content.l-container）と同じ幅・余白に揃える。
   記事ページのパンくずは本文の中にあるので対象外 */
#body_wrap > #breadcrumb .p-breadcrumb__list.l-container {
	box-sizing: border-box;
	max-width: calc(var(--container_size, 1200px) + var(--swl-pad_container, 0px) * 2);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--swl-pad_container, 0);
	padding-right: var(--swl-pad_container, 0);
}

/* 著者プロフィールの回転スタンプ: 子テーマの style.css は images/mission_stamp.png を指すが、style.css の置き場所からは
   /article/assets/images/ になり 404（旧サイトでも出ていなかった）。実体のある子テーマの画像を指す */
.wp-block-swell-child-author-profile::after {
	background-image: url("/article/assets/child/images/mission_stamp.png");
}

/* 経営者プロフィール（スマホ）: 写真 150px＋間 30px の横で、右の列（会社名・氏名・SNS アイコン）が縮まずに
   カードの外へ約40px はみ出していた。右の列を縮められるようにし、氏名と SNS アイコンは入らなければ折り返す */
@media screen and (max-width: 768px) {
	.wp-block-swell-child-executive-profile .executive-profile-right {
		min-width: 0;
	}
	.wp-block-swell-child-executive-profile .executive-profile-name-row {
		flex-wrap: wrap;
		gap: 8px 15px;
	}
}