@charset "UTF-8";

/*
 * 集客用の単発 LP `/pac/` の、パソコン幅だけの上書き（Bug #6067）。
 *
 * ## なぜ要るのか
 *
 * 移行元は `/pac/` に PC 版と SP 版の 2 本の CSS を持ち、名乗り（UA）で
 * `/pac/` と `/sp/pac/` に出し分けている。dev は 1 つの URL で両方に出すので、
 * **携帯幅でも正しく出る SP 版を運び込んだ**（`assets/pac/css/styles.css`）。
 *
 * 2 本の差は 47 行だけで、中身は 2 種類しかない。
 *
 *   1. PC 上書きの帯（約 370 行）を `min-width: 768px` で囲むかどうか
 *      … SP 版は囲んでいる。これがこの Bug の本体である
 *   2. PC 専用の 5 宣言 … SP 版は別の値を持つ。**それをここで戻す**
 *
 * ## 触ってはいけないもの
 *
 * `assets/pac/` の下は移行元の本番とバイト単位で一致する写しで、md5 を
 * `tests-retired/pa-cms-ad-lp-assets9/` が見張っている。**写しは編集しない。**
 * 差はこのファイルで足す。
 *
 * 読み込む順は意匠の CSS の**後ろ**なので、同じ当たり先・同じ強さで上書きできる
 * （`inc/lead-lp-pac.php` が意匠の登録名に依存させている）。
 */

@media print, screen and (min-width: 768px) {

	/*
	 * 移行元の PC 版 1273 行目。SP 版は `bottom` が -55.7143vw で `min-width` を持たない。
	 *
	 * 🚨 **`bottom` はここに置けない。**移行元は 981px 以上で
	 * `bottom: -546px` に切り替える（PC 版の 1612 行目・SP 版の 1604 行目）。
	 * こちらは `.site-cont` を頭に付けたぶん強さが上なので、ここへ置くと
	 * **981px 以上でも -420px が勝ってしまう**（Greptile の指摘・#6080）。
	 * `bottom` だけ下の 980px までの節へ分けている.
	 */
	.site-cont .index-mv .mv-ttl {
		min-width: 420px;
	}

	/* 移行元の PC 版 1433 行目。SP 版は min-height を持たない. */
	.site-cont #slider-mv {
		min-height: 490px;
	}

	/* 移行元の PC 版 1447 行目。SP 版は 58.3333%. */
	.site-cont .index-intro {
		width: 75.3333%;
	}

	/* 移行元の PC 版 1688 行目。SP 版は space-between（押しボタンが 2 つのときの値）. */
	.site-cont .index-contact .box {
		justify-content: center;
	}
}

/*
 * 981px 以上では移行元が `bottom: -546px` に切り替えるので、**その手前まで**に限る。
 * 上の節と分けているのはそのためで、まとめてはいけない.
 */
@media print, screen and (min-width: 768px) and (max-width: 980px) {

	/* 移行元の PC 版 1273 行目. */
	.site-cont .index-mv .mv-ttl {
		bottom: -420px;
	}
}