@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Message CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

SVG CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/* Variables
-------------------------------------------- */
@media (max-width: 480px) {
  .contHeading {
    background-image: url(/recruit/shr/img/data/main_img_sp.jpg) !important; } }

#container .cont1 .attention {
  margin: 20px 0 0;
  font-size: 1.4rem;
  text-align: right; }
#container .cont1 .dataList {
  display: flex;
  flex-wrap: wrap; }
  #container .cont1 .dataList li {
    width: 33.3%;
    box-sizing: border-box;
    margin: 0 0 50px;
    padding: 0 15px;
    border-right: dotted 2px #DDD;
    position: relative; }
    #container .cont1 .dataList li::before {
      content: "";
      width: 100%;
      height: 1px;
      border-bottom: dotted 2px #DDD;
      position: absolute;
      bottom: -50px;
      left: 0; }
    #container .cont1 .dataList li:nth-child(3n) {
      border-right: none; }
    #container .cont1 .dataList li:nth-child(n+4):nth-child(-n+6) {
      margin: 50px 0 0; }
      #container .cont1 .dataList li:nth-child(n+4):nth-child(-n+6)::before {
        display: none; }
    #container .cont1 .dataList li .inner .datatxt {
      height: 88px;
      text-align: center;
      font-size: 2rem;
      line-height: 1.5; }
      #container .cont1 .dataList li .inner .datatxt .numtxt {
        font-size: 3rem;
        font-weight: bold;
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
      #container .cont1 .dataList li .inner .datatxt .unittxt {
        font-size: 1.6rem; }
    #container .cont1 .dataList li .inner .linkarrow {
      display: inline-block;
      margin: 20px 0 0;
      padding: 0 0 0 15px;
      position: relative; }
      #container .cont1 .dataList li .inner .linkarrow::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        margin: auto 0;
        border-right: #81202D 2px solid;
        border-top: #81202D 2px solid;
        top: 0;
        left: 0;
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
@media (max-width: 480px) {
  #container .cont1 {
    margin-bottom: 75px; }
    #container .cont1 .dataList li {
      width: 50%;
      box-sizing: border-box;
      margin: 0 0 25px;
      padding: 0 10px; }
      #container .cont1 .dataList li::before {
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: dotted 2px #DDD;
        position: absolute;
        bottom: -25px;
        left: 0; }
      #container .cont1 .dataList li:nth-child(even) {
        border-right: none; }
      #container .cont1 .dataList li:nth-child(odd) {
        border-right: dotted 2px #DDD; }
      #container .cont1 .dataList li:nth-child(n+3):nth-child(-n+6) {
        margin: 25px 0; }
        #container .cont1 .dataList li:nth-child(n+3):nth-child(-n+6)::before {
          display: block; }
      #container .cont1 .dataList li:nth-child(5)::before, #container .cont1 .dataList li:nth-child(6)::before {
        display: none !important; }
      #container .cont1 .dataList li .inner .datatxt {
        height: 88px;
        font-size: 1.4rem; }
        #container .cont1 .dataList li .inner .datatxt .numtxt {
          font-size: 2.2rem; }
        #container .cont1 .dataList li .inner .datatxt .unittxt {
          font-size: 1.2rem; }
      #container .cont1 .dataList li .inner .linkarrow {
        font-size: 1rem; } }
#container .cont2 {
  position: relative; }
  #container .cont2 .mapWrap {
    width: 54vw;
    max-width: 567px;
    padding: 93px 0 0;
    position: absolute;
    top: 0;
    right: 20px; }
  #container .cont2 .imgWrap {
    width: 81vw;
    max-width: 854px;
    padding: 240px 0 0; }
  #container .cont2 .txtWrap {
    position: absolute;
    top: 0px;
    left: 20px; }
    #container .cont2 .txtWrap p {
      font-size: 1.8rem; }
      #container .cont2 .txtWrap p.datatxt {
        font-size: 2.2rem;
        margin: 0 0 54px; }
        #container .cont2 .txtWrap p.datatxt .numtxt {
          font-size: 3rem;
          font-weight: bold;
          font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
  @media screen and (max-width: 790px) {
    #container .cont2 .mapWrap {
      width: 50vw;
      padding: 93px 0 0;
      position: absolute;
      top: 0;
      right: 20px; }
    #container .cont2 .imgWrap {
      width: 80vw;
      padding: 240px 0 0; } }
  @media screen and (max-width: 640px) {
    #container .cont2 .mapWrap {
      width: 50vw;
      padding: 43px 0 0;
      position: absolute;
      top: auto;
      bottom: 0;
      right: 20px; }
    #container .cont2 .imgWrap {
      width: 80vw;
      padding: 50px 0 0; }
    #container .cont2 .txtWrap {
      position: static;
      padding: 0; }
      #container .cont2 .txtWrap p {
        font-size: 1.6rem; }
        #container .cont2 .txtWrap p.datatxt {
          font-size: 2rem;
          margin: 0 0 20px; }
          #container .cont2 .txtWrap p.datatxt .numtxt {
            font-size: 2.5rem; } }
#container .cont3 {
  position: relative; }
  #container .cont3 .imgWrap {
    width: 100%;
    max-width: 902px;
    padding: 0; }
  #container .cont3 .txtWrap {
    position: absolute;
    top: 0px;
    left: 20px;
    z-index: 1; }
    #container .cont3 .txtWrap p {
      font-size: 1.8rem; }
  @media screen and (max-width: 640px) {
    #container .cont3 .txtWrap {
      position: static;
      margin: 0 0 20px; }
      #container .cont3 .txtWrap p {
        font-size: 1.6rem; } }