.arrow1-box{
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #DBDBDB;
  }

  .arrow1-factory{
    gap:30px;
    display: flex;
    margin-top: 45px;
  }

  .arrow1-img01{
    width: 508px;
    height: 212px;
  }

  .arrow1-img02{
    width: 268px;
    height: 215px;
  }

  .arrow1-card {
    /* position: relative; */
    /* overflow: hidden; */
    border: solid 1px #BBBBBB;
  }

  .arrow1-card__header {
    background: linear-gradient(to bottom, rgba(118, 118, 118, 0) , rgba(240, 237, 237, 2));
  }

  .arrow1-card__img04{
    width: 290px;
  }

  .arrow1-card__body {
    background: #ffffff;
    padding: 18px 20px;
  }

  .arrow1-card__body05 {
    padding: 18px 20px 49px 20px;
  }

  .arrow1-card__title{
    font-size: 18px;
    line-height: 1;
     font-weight: bold;
     color: #1766C7;
     margin-bottom: 10px;
  }

  .images-title{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
  }

  /* PC表示のみのgrid */

  @media (min-width: 768px) { 

    .arrow1-card {
      width: 248px;
  }

    .arrow1-card02 {
    width: 277px;
  }

    .arrow1-card__img {
      display: block;
      padding: 10px;
      object-fit: cover;
      max-width: 170px;
      margin: 0 auto;
    }

    .arrow1-card__img--wide {
      padding: 0px;
    }

    .arrow1-card__img02 {
      max-width: 175px;
      margin: 0 auto;
      padding: 8px 10px;
    }

    .arrow1-tablet{
      display: grid;
      grid-template-columns: auto auto auto ;
      grid-template-rows: auto 298px auto ;
    }

    .item1 {
      grid-column: 2 / 3;
      grid-row: 1 / 2;
      margin-left: -135px;
    }

    .item2 {
      grid-column: 3 / 4;
      grid-row: 1 / 2;
      margin-left: -155px;
    }

    .item3 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      padding-block: 12px;
      margin-left: 15px;
    }

    .item4 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      margin-left: -14px;
    }

    .item5 {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
      padding-block: 12px;      
      margin-left: -12px;
    }

    .item6 {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
      margin-left: -130px;
    }

    .item7 {
      grid-column: 3 / 4;
      grid-row: 3 / 4;
      margin-left: -150px;
    }   
  }

/* SP */
@media screen and (max-width: 767px) {

  .contents-in{
    padding: 0 15px;
  }

  .arrow1-factory{
    display: block;
  }

  .arrow1-img{
    width: 100%;
  }

  .arrow1-img:last-child{
    margin-top:20px;
  }

  .arrow1-card__tablet{
    margin-inline: auto;
  }

  .arrow1-card__tablet:not(.-type01){
    padding-block: 28px;
  }

  .item4{
    margin-bottom: 60px;
  }

  .arrow1-card__tablet.-type01{
    width: 37.7vw;
  }

  .arrow1-card__tablet.-type02{
    width: 63.3vw;
  }

  .arrow1-card__tablet.-type03{
    width: 64.2vw;
  }

  .arrow1-card__tablet.-type04{
    width: 59.7vw;
  }

  .arrow1-card__tablet.-type05{
    width: 84.9vw;
  }

  .arrow1-card__tablet.-type06{
    width: 65.7vw;
  }

  .arrow1-card__tablet.-type07{
    width: 69.8vw;
  }
  
  .arrow1-tablet__item + .arrow1-tablet__item{
    margin-top: 15px;
  }

  .arrow1-card__img{
      width: 100% ;
      margin: 0 ;
  }

  .arrow1-card__img04{
      width: 100% ;
  }

  .arrow1-card__title{
      font-size: 23px ;
  }

  .arrow1-card__body {
    padding: 40px 35px 50px 35px;
  }

  .images-title{
    margin-bottom: 5px;
  }

}