@charset "utf-8";
/*
 * トレーナー紹介 ── 写真の枠の寸法
 *
 * 現行 css/staff.css は、この寸法を **11人ぶんのクラス名を全部並べて** 指定していた
 * （`.trainer-left-img01, .trainer-right-img02, … , .trainer-right-img104 { … }`）。
 * そのため**並びに載っていないクラスは寸法も位置も付かない**。
 * 実際、岡航平さんの `trainer-right-img03` はどの並びにも入っておらず、
 * 写真だけでなく**枠の大きさも付いていなかった**（2026-09-10 実測）。
 *
 * ここでは人数に関係ない1つのクラス `.af-trainer-img` に同じ値を書く。
 * 値は現行 staff.css の 17〜20行目から写した（見た目は変えていない）。
 * ★写真そのものは `style="background-image:url(...)"` で出す（メディアから選べる）。
 */

.af-trainer-img {
	margin-bottom: 0;
	width: 50%;
	height: 600px;
	border-radius: 8px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

/* 現行 staff.css 17行目 */
@media screen and (min-width: 991px) and (max-width: 1430px) {
	.af-trainer-img { width: 60%; }
}

/* 現行 staff.css 18行目（タブレット・スマホ） */
@media screen and (max-width: 990px) {
	.af-trainer-img { margin: 0; width: 100%; height: 460px; border-radius: 0; }
}

/* 現行 staff.css 20行目（右側の写真は右へ寄せる） */
@media screen and (min-width: 991px) {
	.af-trainer--right .af-trainer-img { margin-left: calc(50%); }
}

/* 写真が入っていないときに枠だと分かるようにする（現行は真っ白で気づけなかった） */
.af-trainer-img:not([style]) { background-color: #eee; }