@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/vision/main_img_sp.jpg) !important; } }

#container .na-maxw .leftCont {
  width: 52.333%; }
  #container .na-maxw .leftCont p {
    line-height: 2.5; }
    @media (max-width: 480px) {
      #container .na-maxw .leftCont p {
        line-height: 1.8; } }
#container .na-maxw .rightCont {
  width: 45.8%; }
@media (max-width: 480px) {
  #container .na-maxw .leftCont {
    width: 100%;
    margin: 0 auto 50px; }
  #container .na-maxw .rightCont {
    width: 100%;
    padding: 0 20px; } }
#container .cont1 {
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    #container .cont1 {
      margin-bottom: 50px; } }
#container .cont2 p,#container .cont3 p  {
  margin: 0 auto 80px;
  text-align: center; }
  @media (max-width: 480px) {
    #container .cont2 p, #container .cont3 p {
      text-align: left; } }
#container .cont2 .imgCont .imgList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #container .cont2 .imgCont .imgList li {
    width: 23.333%; }
    #container .cont2 .imgCont .imgList li.borderbox img {
      box-sizing: border-box;
      border: solid 1px #DDD; }
    #container .cont2 .imgCont .imgList li p {
      font-size: 1.2rem;
      margin: 10px auto 0; }
  @media (max-width: 768px) {
    #container .cont2 .imgCont .imgList li {
      width: 48%; } }
#container .cont3 .imgCont {
  max-width: 640px;
  margin: 0 auto;
}
#container .cont3 .imgCont p {
  text-align: right;
  margin-right: 10px;
}
