@charset "utf-8";
/* 大阪府労働相談センター 多言語LP
   画像を領域ごとに分割し、リンク部分だけを <a><img></a> にしている。
   透明な要素を重ねる処理は一切使っていない。 */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
               "Noto Sans JP", "Segoe UI", Roboto, sans-serif;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}

.lp {
  max-width: 480px;
  margin: 0 auto;
  background: #fff;
}

/* 縦に積むブロック */
.lp-block { display: block; width: 100%; }
.lp-block img { display: block; width: 100%; height: auto; }

/* 横に並べる行（ボタン列） */
.lp-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.lp-row > * { display: block; flex-shrink: 0; }
.lp-row img { display: block; width: 100%; height: auto; }

/* リンクになっている画像 */
.lp-row a { text-decoration: none; }
.lp-row a:focus-visible { outline: 3px solid #1a73e8; outline-offset: -3px; }