@charset "UTF-8";

:root {
  --color-green-dark: #006d3c;
  --color-green-mid: #008a4a;
  --color-green-light: #d8efd8;
  --color-green-pale: #e8f5e8;
  --color-text: #1a1a1a;
  --color-text-sub: #333;
  --color-white: #fff;
  --inner-max: 1440px;
  --inner-pad: 20px;
  --header-h-pc: 100px;
  --header-h-sp: 76px;
  --radius-pill: 999px;
  --radius-box: 12px;
}


/* overseas_head
***************************************************************/
.overseas_head{
  .com_txt{
    margin-top: 3em;
  }

  img{
    border-radius: 0;
  }
}
.overseas_mv{
  margin-top: 100px;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .overseas_mv{
    margin-top: 50px;
  }

}


/* location_wrap
***************************************************************/
.location_wrap{
  margin-top: 35px;
}

.location_box{
  margin-top: 75px;

  > div{
    border-top: 1px solid var(--color-green-dark);
    margin-top: 55px;
    padding-top: 50px;
  }
}

@media (min-width: 1025px) {
  .d_flex:nth-child(even) .box_img {
      order: initial;
  }
}
@media (max-width: 1024px) {
  .location_box {
    > div {
      margin-top: 25px;
      padding-top: 25px;
    }
  }
}

/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .location_box {
    margin-top: 30px;

    > div {
      margin-top: 20px;
      padding-top: 25px;
    }
  }



}


/* job_wrap
***************************************************************/
.job_wrap{
  margin-top: 35px;
}

.icon_box{
  margin-top: 75px;

  .icon{
    img{
      border: 1px solid var(--color-green-dark);
      border-radius: 50%;
    }
  }

  .com_txt{
    margin-top: 1em;
  }
}


/*--------------------PC--------------------*/
@media all and (min-width:768px){
  .icon_box{
    display: flex;
    align-items: center;

    .icon{
      width: 35%;
      max-width: 220px;
      flex-shrink: 0;
      margin-right: 40px;
    }
  }

}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
  .icon_box{
    margin-top: 30px;
    
    .icon{
      width: 40%;
      max-width: 220px;
      margin: 0 auto;
    }

    .box_ttl{
      text-align: center;
      margin-top: 1em;
    }

  }

}

/* aaa
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}