#eyecatch {
  height: 50rem;
  background: url(../images/company/eyecatch.jpg) center center no-repeat;
  background-size: cover; }
  #eyecatch h2 {
    font-size: 6rem;
    font-weight: 700;
    line-height: 1.333;
    letter-spacing: 0.1em; }

article {
  background-color: #f7f9fc; }

.company {
  padding-top: 9rem;
  padding-bottom: 14rem; }
  .company a {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0px 0.4rem 0.8rem 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-bottom: 4rem; }
    .company a:hover .txt p:after {
      right: -0.5rem; }
    .company a:last-of-type {
      margin-bottom: 0; }
    .company a .photo {
      width: 50%; }
      .company a .photo img {
        border-radius: 0.5rem 0 0 0.5rem; }
    .company a .txt {
      width: 50%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .company a .txt p {
        font-weight: 500;
        font-size: 3rem;
        letter-spacing: 0.05em;
        padding-right: 3.5rem;
        position: relative;
        display: inline-block; }
        .company a .txt p:after {
          content: "";
          width: 2.5rem;
          height: 2.5rem;
          background: url(../images/common/circle_arrow.png) 0 0 no-repeat;
          background-size: 100% auto;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all  0.3s ease; }

@media screen and (max-width: 767px) {
  #eyecatch {
    background: url(../images/company/eyecatch_sp.jpg) center center no-repeat;
    background-size: cover; }
    #eyecatch h2 {
      font-size: 4.8rem;
      line-height: 1.5; }

  .company {
    padding-top: 6rem;
    padding-bottom: 9.5rem; }
    .company a {
      border-radius: 1rem;
      box-shadow: 0px 0.4rem 0.8rem 0px rgba(0, 0, 0, 0.1); }
      .company a .photo img {
        border-radius: 1rem 0 0 1rem; }
      .company a .txt p {
        font-size: 3rem;
        padding-right: 4rem; }
        .company a .txt p:after {
          width: 3rem;
          height: 3rem; } }