@charset "utf-8"; 

/* 男女の比率 */
.info01 ol{ letter-spacing: -0.4em; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.info01 ol li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 50%; font-size: 1.7rem; line-height: 1.1; text-align: center; color: #FFF; font-family: DIN;}
.info01 ol li span{ font-size: 4.0rem; display: inline-block;}
.info01 ol li em{ display: block; width: 40%; margin: 0px auto;}
.info01 ol li em img{ width: 100%; height: auto;}
.info01 h5{ font-size: 2.1rem; line-height: 1.1; text-align: center; color: #FFF; font-weight: 600; width: 100%; position: absolute; bottom: 1.25em; left: 0px;}

/* 部署別社員数 */
.info02 p{ width: 100%; margin: 1.5em auto 0px auto;}
.info02 p img{ width: 100%; height: auto;}

/* 年代別割合 */
.info03 p{ width: 100%; margin: 1.5em auto 0px auto;}
.info03 p img{ width: 100%; height: auto;}

/* 血液型 */
.info04 ol li img{ width: 100%; height: auto;}
.info04 ol li:nth-child(1){ width: 30%; position: absolute; top: 25%; left: 15%;}
.info04 ol li:nth-child(2){ width: 24%; position: absolute; top: 30%; right: 25%;}
.info04 ol li:nth-child(3){ width: 22%; position: absolute; bottom: 15%; left: 10%;}
.info04 ol li:nth-child(4){ width: 26%; position: absolute; bottom: 10%; right: 15%;}

/* 部署別データ */
.info05 p{ width: 80%; margin: 4.0em auto 0px auto;}
.info05 p img{ width: 100%; height: auto;}

/* 勤続年数分布 */
.info06 p{ width: 65%; margin: 2.5em auto 0px auto;}
.info06 p img{ width: 100%; height: auto;}
.info06 h5{ font-size: 2.1rem; line-height: 1.1; text-align: center; color: #FFF; font-weight: 600; width: 100%; position: absolute; bottom: 1.25em; left: 0px;}
.info06 h5 span{ display: inline-block; margin-left: 0.5em; font-family: DIN; font-weight: normal;}
.info06 h5 span em{ font-style: normal; font-size: 3.1rem; display: inline-block; margin-right: 0.1em;}

/* 出身地ランキング */
.info07 p{ width: 70%; margin: 3.0em auto 1.5em auto;}
.info07 p img{ width: 100%; height: auto;}
.info07 h5{ font-size: 2.1rem; line-height: 1.1; color: #FFF; font-weight: 600; width: 80%; margin: 0px auto; padding: 0.75em 0; border-bottom: dotted 2px #FFF;}
.info07 h5 span{ display: inline-block; margin-left: 0.5em; font-size: 1.5rem; margin-right: 1.0em;}
.info07 h5 span em{ font-style: normal; font-size: 2.1rem; font-family: DIN; font-weight: normal; display: inline-block; margin-right: 0.1em;}

/* 手当ベスト3 */
.info08 h5{ font-size: 2.1rem; line-height: 1.1; color: #FFF; font-weight: 600; width: 85%; margin: 0px auto; padding: 0.75em 0; border-bottom: dotted 2px #FFF;}
.info08 h5 span{ display: inline-block; margin-left: 0.5em; font-size: 1.5rem; margin-right: 1.0em;}
.info08 h5 span em{ font-style: normal; font-size: 2.1rem; font-family: DIN; font-weight: normal; display: inline-block; margin-right: 0.1em;}

/* 経験・未経験 */
.info09 ol{ letter-spacing: -0.4em; width: 80%; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.info09 ol li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 50%; font-size: 2.5rem; line-height: 1.1; text-align: center; color: #FFF; font-family: DIN;}
.info09 ol li strong{ display: block; font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-size: 1.7rem; line-height: 1.1; text-align: center;}
.info09 ol li span{ font-size: 7.0rem; display: inline-block;}

/* 文系？理系？ */
.info10 ol{ letter-spacing: -0.4em; width: 90%; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.info10 ol li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 50%; font-size: 1.7rem; line-height: 1.1; text-align: center; color: #FFF; font-family: DIN;}
.info10 ol li span{ font-size: 4.0rem; display: inline-block;}
.info10 ol li p{ width: 50%; margin: 0.5em auto;}
.info10 ol li p img{ width: 100%; height: auto;}

/* アウトドア派？インドア派？ */
.info11 ol{ width: 80%; margin: 5.0em auto 0;}
.info11 ol li{ margin: 1.0em 0; position: relative;}
.info11 ol li p img{ width: 100%; height: auto;}
.info11 ol li:nth-child(1) p{ width: 40%; float: left;}
.info11 ol li:nth-child(2) p{ width: 40%; float: right;}
.info11 ol li span{ display: block; width: 56%; position: absolute; top: 50%; transform: translateY(-50%); color: #FFF; font-family: DIN; font-size: 2.1rem;}
.info11 ol li span strong{ font-weight: normal; font-size: 5.0rem; display: inline-block;}
.info11 ol li:nth-child(1) span{ right: 0px;}
.info11 ol li:nth-child(2) span{ left: 0px;}
.info11 ol li span em{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-size: 2.5rem; line-height: 1.1; font-weight: 600; display: block; margin-bottom: 0.5em;}

/* モットーは？ */
.info12 h5{ font-size: 2.1rem; line-height: 1.1; color: #FFF; width: 80%; margin: 0px auto; padding: 0.75em 0; border-bottom: dotted 2px #FFF; text-align: right; font-family: DIN; position: relative;}
.info12 h5 em{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-weight: 600; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 1.7rem; line-height: 1.1;}
.info12 h5 strong{ display: inline-block; margin-right: 0.1em; font-size: 4.0rem;}

/* Mac派？Windows派？ */
.info13 ol{ width: 80%; margin: 3.0em auto 0; letter-spacing: -0.4em;}
.info13 ol li{ margin: 1.0em 1%; position: relative; width: 48%; display: inline-block; vertical-align: middle; letter-spacing: 0;}
.info13 ol li p img{ width: 100%; height: auto;}
.info13 ol li:nth-child(1) p{ width: 30%; float: left;}
.info13 ol li:nth-child(2) p{ width: 30%; float: right;}
.info13 ol li span{ display: block; width: 60%; position: absolute; top: 50%; transform: translateY(-50%); color: #FFF; font-family: DIN; font-size: 2.1rem;}
.info13 ol li span strong{ font-weight: normal; font-size: 4.0rem; display: inline-block;}
.info13 ol li:nth-child(1) span{ right: 0px; text-align: left;}
.info13 ol li:nth-child(2) span{ left: 0px; text-align: right;}
.info13 ol li span em{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-size: 1.7rem; line-height: 1.1; font-weight: 600; display: block; margin-bottom: 0.5em;}

/* きのこたけのこ戦争 */
.info14 ol{ width: 70%; margin: 2.0em auto 0;}
.info14 ol li{ margin: 0.5em 0; position: relative; letter-spacing: -0.4em;}
.info14 ol li p img{ width: 100%; height: auto;}
.info14 ol li p{ width: 30%; display: inline-block; vertical-align: bottom; letter-spacing: 0;}
.info14 ol li span{ display: inline-block; vertical-align: bottom; letter-spacing: 0; width: 60%; margin-left: 10%; color: #FFF; font-family: DIN; font-size: 2.1rem;}
.info14 ol li span strong{ font-weight: normal; font-size: 4.0rem; display: inline-block;}

/* 現場での服装は？ */
.info15 h5{ font-size: 1.7rem; line-height: 1.1; color: #FFF; width: 80%; margin: 0px auto; padding: 0.5em 0; border-bottom: dotted 2px #FFF; text-align: right; font-family: DIN; position: relative;}
.info15 h5 em{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-weight: 600; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 1.7rem; line-height: 1.1;}
.info15 h5 strong{ display: inline-block; margin-right: 0.1em; font-size: 3.0rem;}

/* アイドルの恋愛 */
.info16 p{ width: 70%; margin: 2.0em auto 0.5em auto;}
.info16 p img{ width: 100%; height: auto;}
.info16 h5{ font-size: 1.7rem; line-height: 1.1; color: #FFF; width: 90%; margin: 0px auto; padding: 0.75em 0; border-bottom: dotted 2px #FFF; text-align: right; font-family: DIN; position: relative;}
.info16 h5 em{ font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-weight: 600; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 1.7rem; line-height: 1.1;}
.info16 h5 strong{ display: inline-block; margin-right: 0.1em; font-size: 3.0rem;}

/* 永遠のライバル */
.info17 p{ width: 40%; margin: 1.0em auto 0 auto;}
.info17 p img{ width: 100%; height: auto;}
.info17 ol{ width: 80%; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.info17 ol li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 100%; font-size: 2.1rem; line-height: 1.1; text-align: center; color: #FFF; font-family: DIN; margin: 0.25em 0;}
.info17 ol li strong{ display: block; font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-size: 1.7rem; line-height: 1.1; text-align: center;}
.info17 ol li span{ font-size: 6.0rem; display: inline-block;}

/* 宝くじ3億円当たったら */
.info18 ol{ letter-spacing: -0.4em; width: 90%; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.info18 ol li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 50%; font-size: 2.5rem; line-height: 1.1; text-align: center; color: #FFF; font-family: DIN;}
.info18 ol li strong{ display: block; font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; font-size: 1.7rem; line-height: 1.1; text-align: center;}
.info18 ol li span{ font-size: 7.0rem; display: inline-block;}