@charset "UTF-8";
/*
Theme Name: 株式会社GRACE CMS ver3.0
Description: 株式会社GRACEのテーマ
Theme URI: https://gr1.jp/
Author: INK Dev, Inc
Author URI: https://ink-dev.net/
Version: 1.0
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/

/* recruit用 */

/* フッター文字色 打ち消し */
.p_instrument a, .p_reuse-renkindo a, .p_list a{
    /* color: #222; */
    color: inherit;
}
/* 画面右上の回転ロゴよりmvを上に */
.p_instrument .recruit .about .page_mv, .p_reuse-renkindo .recruit .about .page_mv, .p_list .recruit .toppage .recruit_mv {
    position: relative;
}

.heading-2,
.common-h2{
    color: #00A3E0;
}
.p_instrument .common-h2::after, .p_reuse-renkindo .common-h2::after, .p_list .common-h2::after{
    background-color: #00A3E0 !important;
}
/* メインタイトルのcommon.css打ち消し */
.p_list h1,
.p_instrument h1,
.p_reuse-renkindo h1,
.single-staff-interview h1{
    line-height: 1;
}


/* 追加記載 */

.sec01introduction {
    margin-bottom: 135px;
  }
  
  .person_slideshow {
    overflow: hidden;
    width: 100vw;
  }
  
  .person_img {
    display: flex;
    justify-content: center;
    padding-left: 4.1666666667vw;
    padding-right: 4.1666666667vw;
    animation: scroll-slide 20s infinite linear 1s both;
  }
  
  .person_img img {
    margin: 0 20px 20px 0;
    width: 250px;
    height: auto;
  }
  
  /* @media(min-width:1200px) {
    .person_img {
      animation: none;
    }
  }
  
  @keyframes scroll-slide {
    from {
      transform: translateX(0%);
    }
  
    to {
      transform: translateX(calc(-250px * 3));
    }
  } */
  
  
  .titlea_title_sideup {
    margin-bottom: 135px;
  }
  
  /* .c_kv {
    padding: 0;
  } */
  
  /* .c_kv .title .tagline {
    margin-bottom: 1.3194444444vw;
    font-size: 3.4666666667vw;
  } */
  
  .c_contents {
    margin-bottom: 135px;
  }
  ._contact .c_contents {
    margin-bottom: 0px;
  }
  .business_list li {
    display: flex;
    justify-content: space-between;
    flex-direction:column;
    /* margin: 0 auto; */
    margin: 0 auto 12vw;
    /* padding: 25px; */
    padding: 4.1666666667vw;
    /* width: 80vw; */
    width: 100%;
    height: auto;
    border: solid 1px #FFF;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0px 12px 44.59px 4.41px rgba(0, 0, 0, 0.07);
  }
  .business_list li .business_sentence {
    /* margin: 4vw 0; */
  }
  /* .c_news .title .link,  */  /* common.css引用 */
  .business_list .business_item .c_link1 {
    white-space: nowrap;
    margin-top: 36px;
  }  
  .business_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 36px;
  }
  .business_title h2 {
    margin: 0 auto;
    /* margin: 0 0 0 5vw; */
    font-size: 2.0rem;
  }
  .business_item p {
    margin-bottom: auto;
  }
  .c_link_text {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    margin: auto;
    padding: 15px;
    width: 80%;
    height: auto;
    color: #ffffff;
    /* transition: all 0.5s 0s ease; */
  }
  
  /* .c_link_text:hover {
    color: #FFF;
    background-color: #00A3E0;
  } */
  .c_link1 ,.c_link_text_1 {
    margin: auto;
  }
  .c_link_text_1 {
    border: 2px solid #979797;
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /* padding: 0 30px; */
    border-radius: 30px;
    font-size: 1.7rem;
    color: #FFF;
    background-color: #979797;
  }
  
  .c_link_text_1::after {
    color: #979797;
  }
  
  @media(max-width:760px) {
    .business_title h2{
      font-size: 5.3333333333vw;
      margin: 0 0 0 5vw;
    }
  }
  
  @media(min-width:1200px) {
    .bg_list{
      background-color: #fff;
      margin-right: -8.3333333333vw;
      padding: 8.3333333333vw 8.3333333333vw 8.3333333333vw 150px;
      padding: 8.3333333333vw ;
      border-radius: 29px 0 0 29px;
    }  
    .business_list {
      display: flex;
      flex-wrap: wrap;
      /* justify-content: center; */
      justify-content: flex-start;
      max-width: 1400px;
      margin: 0 auto;
    }
    /* .business_list li {
      padding: 25px;
      width: 290px;
      height: auto;
    } */
    .business_list li {
      padding: 25px;
      width: 290px;
      max-width: 23%;
      height: auto;
      /* margin: 0 auto 80px; */
      margin: 0 2% 80px 0;
    }
    .business_list li:nth-last-child(1),
    .business_list li:nth-last-child(2):nth-child(4n+1),
    .business_list li:nth-last-child(2):nth-child(4n+2),
    .business_list li:nth-last-child(2):nth-child(4n+3),
    .business_list li:nth-last-child(3):nth-child(4n+1),
    .business_list li:nth-last-child(3):nth-child(4n+2),
    .business_list li:nth-last-child(4):nth-child(4n+1){
      /* margin: 0 auto; */
      margin: 0 2% 0 0;
    }
    .business_list li:nth-child(4n){
      margin-right: 0;
    }
    .business_list li .business_sentence {
      /* margin: 20px 0; */
    }  
    .business_item {
      /* margin: auto; */
    }  
    .business_title {
      margin-bottom: 36px;
    }
    .business_title .img_outer {
      width: 60px;
      height: 60px;
    }
    .business_title img {
      width: 60px;
      height: auto;
      margin-right: 5px;
    }
    .business_title h2 {
      /* margin: 0 auto; */
      margin: 0 0 0 9px;
      font-size: 1.8rem;
    }
    .c_link1 ,
    .c_link_text {
      width: 80%;
      margin: 0 auto;
      font-size: 1.6rem;
    }
    .c_link_text_1 {
      font-size: 1.6rem;
    }
    /* .c_news .title .link,  */  /* common.css引用 */
    .business_list .business_item .c_link1 {
      width: min(100%,200px);
      /* width: 100%; */
      height: 36px;
      line-height: 34px;
      border-radius: 18px;
      font-size: 1.2rem;
      margin-top: 2rem;
    }
  }

  @media (hover: hover){
    .business_list .c_link1:hover::before{
      -webkit-transform: scale(45);
      transform: scale(45);
    }
  }
  
  
  
  
  
  /*  */
  
  
  @media (max-width: 760px){} /* 余白vw */
  @media (min-width: 761px) and (max-width: 980px) {} /* 余白px */
  @media (min-width: 980px) and (max-width: 1280px) {} /* 余白px */
  @media (min-width: 981px) and (max-width: 1280px) {} /* 余白px */