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

Company CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables
-------------------------------------------- */
/* Content
-------------------------------------------- */
#header .inner {
  border-bottom: none; }

.index.company #container {
  margin-top: 50px; }
  .index.company #container .contents {
    padding-top: 0; }
    .index.company #container .contents .ttlWrap {
      width: 100%;
      height: 30.6666666vw;
      margin: 0 auto 80px;
      background: url(../img/company/ttl_bg.jpg) no-repeat top center;
      background-size: cover;
      position: relative; }
      .index.company #container .contents .ttlWrap h2 {
        font-size: 5.2rem;
        margin: 0;
        text-align: left;
        color: #FFF;
        position: absolute;
        left: 53px;
        bottom: 10.2vw; }
        .index.company #container .contents .ttlWrap h2::before {
          display: none; }
        .index.company #container .contents .ttlWrap h2 span {
          font-size: 1.6rem;
          font-weight: bold;
          padding: 11px 0 0;
          color: #FFF; }
        @media (max-width: 960px) {
          .index.company #container .contents .ttlWrap h2 {
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }
        @media (max-width: 640px) {
          .index.company #container .contents .ttlWrap h2 {
            font-size: 2.8rem;
            left: 20px; }
            .index.company #container .contents .ttlWrap h2 span {
              font-size: 1.4rem; } }
      @media (max-width: 640px) {
        .index.company #container .contents .ttlWrap {
          height: 93.75vw;
          background: url(../img/company/ttl_bg_sp.jpg) no-repeat top center;
          background-size: cover;
          margin: 0 auto 30px; } }

#container .ttlWrap {
  width: 100%;
  height: 30.6666666vw;
  margin: 0 auto 80px;
  background: url(../img/recruit/ttl_bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative; }
  #container .ttlWrap h2 {
    font-size: 5.2rem;
    margin: 0;
    text-align: left;
    color: #FFF;
    position: absolute;
    left: 53px;
    bottom: 10.2vw; }
    #container .ttlWrap h2::before {
      display: none; }
    #container .ttlWrap h2 span {
      font-size: 1.6rem;
      font-weight: bold;
      padding: 11px 0 0;
      color: #FFF; }
    @media (max-width: 960px) {
      #container .ttlWrap h2 {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
    @media (max-width: 640px) {
      #container .ttlWrap h2 {
        font-size: 2.8rem;
        left: 20px; }
        #container .ttlWrap h2 span {
          font-size: 1.4rem; } }
#container .Linktag {
  display: block;
  width: 100%;
  box-sizing: border-box;
  max-width: 565px;
  margin: 0 auto 80px; }
  #container .Linktag li {
    width: 49%;
    float: left;
    text-align: center;
    font-size: 1.6rem; }
    #container .Linktag li:last-child {
      float: right; }
    #container .Linktag li a, #container .Linktag li span {
      display: block;
      padding: 12px 0; }
    #container .Linktag li a {
      color: #666;
      background-color: #EEE;
      background-image: url(../img/company/right_arrow_off.png);
      background-repeat: no-repeat;
      background-size: 32px auto;
      background-position: right center;
      cursor: pointer;
      transition: background-color .5s; }
      #container .Linktag li a:hover {
        color: #FFF;
        background-color: #01488F;
        background-image: url(../img/company/right_arrow_on.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 32px auto; }
    #container .Linktag li span {
      color: #FFF;
      background: #01488F;
      background-image: url(../img/company/right_arrow_on.png);
      background-repeat: no-repeat;
      background-size: 32px auto;
      background-position: right center; }
  @media (max-width: 565px) {
    #container .Linktag {
      padding: 0 20px;
      margin: 0 auto 50px; }
      #container .Linktag li {
        font-size: 1.4rem; } }
#container .contWrap {
  max-width: 1240px;
  box-sizing: border-box;
  margin: 0 auto 80px;
  padding: 0 20px; }
  @media (max-width: 640px) {
    #container .contWrap {
      margin: 0 auto 30px; } }
  #container .contWrap table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    @media (max-width: 640px) {
      #container .contWrap table {
        display: block; }
        #container .contWrap table tr, #container .contWrap table th, #container .contWrap table td, #container .contWrap table tbody {
          display: block;
          width: 100%; } }
    #container .contWrap table th, #container .contWrap table td {
      padding: 18px 0;
      border-bottom: dotted 1px #CCC;
      vertical-align: top; }
    #container .contWrap table tr:first-child th {
      padding: 0px 0 20px; }
    #container .contWrap table tr:first-child td {
      padding: 0px 0 20px; }
    #container .contWrap table th {
      width: 120px; }
      @media (max-width: 640px) {
        #container .contWrap table th {
          width: 100%;
          border-bottom: none;
          padding: 18px 0 10px;
          font-size: 1.6rem;
          font-weight: bold; } }
    @media (max-width: 640px) {
      #container .contWrap table td {
        padding: 0 0 18px; } }
    #container .contWrap table td dl dt {
      width: 24%;
      float: left;
      margin: 0 0 18px; }
      @media (max-width: 640px) {
        #container .contWrap table td dl dt {
          width: 100%;
          float: none;
          margin: 0 0 4px; } }
    #container .contWrap table td dl dd {
      width: 76%;
      float: left;
      margin: 0 0 18px; }
      @media (max-width: 640px) {
        #container .contWrap table td dl dd {
          width: 100%;
          float: none; } }
  #container .contWrap .gmap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: block; }
  #container .contWrap .bannerLink {
    display: block;
    text-align: center; }
    #container .contWrap .bannerLink li {
      width: 100%;
      max-width: 260px;
      display: inline-block;
      padding: 0 20px;
      text-align: left;
      vertical-align: top; }
      #container .contWrap .bannerLink li a {
        display: block; }
        #container .contWrap .bannerLink li a span {
          display: block;
          margin: 0 0 14px; }
      @media (max-width: 640px) {
        #container .contWrap .bannerLink li {
          padding: 0 0 20px; } }
  #container .contWrap .jqaWrap .isotxt {
    display: inline-block;
    float: left; }
  #container .contWrap .jqaWrap .jqaBox {
    float: left;
    display: block;
    width: 150px;
    text-align: center;
    margin: 0 0 30px 14px; }
    #container .contWrap .jqaWrap .jqaBox img {
      width: 81px;
      margin: 0 auto 20px; }
    #container .contWrap .jqaWrap .jqaBox p {
      text-align: center !important; }
  @media (max-width: 640px) {
    #container .contWrap .jqaWrap .isotxt {
      float: none; }
    #container .contWrap .jqaWrap .jqaBox {
      float: none;
      margin: 25px auto 40px; } }
  #container .contWrap.message {
    max-width: 1000px; }
    #container .contWrap.message .txtRight {
      margin: 30px 0 0; }
      @media (max-width: 640px) {
        #container .contWrap.message .txtRight {
          text-align: left; } }
  #container .contWrap .philosophy {
    font-size: 2rem;
    text-align: center;
    line-height: 2.2;
    padding: 0 0 50px; }
    @media (max-width: 640px) {
      #container .contWrap .philosophy {
        font-size: 1.4rem;
        padding: 0 0 10px;
        text-align: left; } }
    #container .contWrap .philosophy span {
      font-weight: bold; }
/* 2019/11/14 fujita */
  #container .contWrap .philosophy2 {
    font-size: 2rem;
    text-align: left;
    line-height: 2.2;
    margin: 0 0 0px; }
    @media (max-width: 640px) {
      #container .contWrap .philosophy2 {
        font-size: 1.4rem;
        padding: 0 0 10px;
        text-align: left; } }
    #container .contWrap .philosophy2 span {
      font-weight: bold; }
  #container .contWrap .philosophy3 {
    font-size: 2rem;
    text-align: left;
    line-height: 2.2;
    margin: 0 0 0px;
    padding: 0 0 0 10px; }
    @media (max-width: 640px) {
      #container .contWrap .philosophy3 {
        font-size: 1.4rem;
        padding: 0 0 10px;
        text-align: left; } }
  #container .contWrap .philosophy4 {
    font-size: 2rem;
    text-align: left;
    line-height: 2.2;
    margin: 0 0 0px;
    padding: 0 0 0 20px; }
    @media (max-width: 640px) {
      #container .contWrap .philosophy4 {
        font-size: 1.4rem;
        padding: 0 0 10px;
        text-align: left; } }
/* 2019/11/14 end */