#wrapper {
  background-color: #f5f2f2; }

.wrapper-breadcrumb-intro {
  padding-bottom: 350px; }

.link {
  background-color: #313131; }
  .link .wrapper {
    width: calc(100% - 150px);
    margin-left: 150px;
    padding-bottom: 40px;
    position: relative;
    top: -238px; }
    .link .wrapper a {
      display: block;
      width: calc(50% - 16px);
      float: left; }
      .link .wrapper a:first-child {
        margin-right: 32px; }
      .link .wrapper a:hover, .link .wrapper a:hover img {
        opacity: 1; }
      .link .wrapper a img {
        width: 100%; }
      .link .wrapper a h3 {
        font-family: 'Nexa-Bold';
        font-weight: bold;
        font-size: 42px;
        text-align: center;
        color: #ffffff;
        margin-top: 40px; }
        .link .wrapper a h3 .sub {
          display: block;
          font-family: 'Noto-Sans-JP-Regular';
          font-style: normal;
          font-size: 16px;
          margin-top: 10px;
          line-height: 1.7; }

.bg-white {
  background-color: #ffffff;
  padding: 245px 0 135px; }
  .bg-white .recruit {
    margin-bottom: 0; }

@media only screen and (max-width: 640px) {
  .wrapper-breadcrumb-intro {
    padding-bottom: 20px; }
    .wrapper-breadcrumb-intro .intro h3 {
      font-size: 22px;
      line-height: 40px; }

  .link {
    padding: 30px 15px; }
    .link .wrapper {
      width: 100%;
      margin-left: 0;
      padding-bottom: 0;
      top: 0; }
      .link .wrapper a {
        width: 100%;
        margin-bottom: 20px; }
        .link .wrapper a h3 {
          margin-top: 10px;
          font-size: 28px; }
          .link .wrapper a h3 .sub {
            font-size: 14px;
            margin-top: 5px; }
        .link .wrapper a:first-child {
          margin-right: 0;
          margin-bottom: 40px; }

  .bg-white {
    padding: 220px 0 70px; } }

/*# sourceMappingURL=company.css.map */