/* top */
.topGrid{
    height: fit-content;
}
.column01{
    width: 100% !important;
    height: fit-content;
}
.column01_text{
    padding: 5em;
    top: 0;
    transform: translateY(0);
}
.japanese_title02 {
    top: 0;
}
.title_text {
    top: 0;
}
.column02{
    width: 100% !important;
    margin-bottom: 3em;
}
.column03{
    width: 100% !important;
    height: fit-content;
    padding: 5em !important;
}
.about{
    margin: auto !important;
    /* position: relative;
    top: 50%;
    transform: translateY(-50%); */
    padding: 95px 0 !important
}
.column_box{
    height: 550px;
}
.mb{
    display: block;
    width: 100%;
    position: relative;
    top: 14px;
}
.hp{
    display: none;
}

/* about */
.about_top_photo {
    background-position: right;
}
.mission_box{
    width: 90%;
}
.concept_box {
    height: fit-content;
}
.concept_content{
    height: 70px;
}
.about_company_table{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.company_iframe{
    width: 400px;
    height: 200px;
  }

  /* service */
  .division_box02 img {
    float: left;
    width: 250px;
    height: 350px;
}
.division_img {
    margin: auto;
    width: 250px;
    max-width: 100%;
    height: 350px;
}

/* recruit */
.interview_01 {
    margin: auto;
    margin-top: 4em;
    display: block;
}
.interview_02 {
    margin: 4em auto;
    display: block;
    /* margin-top: 4em; */
}
.interview_phrase{
    margin-top: 1em;
}
.interview_photo {
    width: 27em;
    height: 250px;
}
.interview_name {
    top: 0;
}
.catchphrase {
    top: 5%;
    font-size: 23px !important;
}
p.not_mobile{
    display: none;
}
p.mobile{
    display: block;
}
.entry_button {
    margin-left: 1em;
}

/* entry */
.circle01 {
    width: 550px;
    height: 550px;
    background-position: -225px 0
}
.circle02 {
    top: 515px;
}

/* interview */
.catchphrase_top {
    margin: 20px 20px 20px 50px;
}
.clipping01 {
    left: 93%;
}
.clipping02 {
    left: 93%;
}
.clipping03 {
    left: 93%;
}
.clipping04 {
    left: 93%;
}
.clipping05 {
    left: 93%;
}
.img01{
    width: 100%;
    height: 100%;
    background-image: url(./img/interview01/img3.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img02{
    width: 100%;
    height: 100%;
    background-image: url(./img/interview02/img3.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img03{
    width: 100%;
    height: 100%;
    background-image: url(./img/interview03/img3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20%;
  }
  .img04{
    width: 100%;
    height: 100%;
    background-image: url(./img/interview04/img3.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img05{
    width: 100%;
    height: 100%;
    background-image: url(./img/interview05/img3.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .interview_image02 {
    background-position: right;
  }
  .interview_image04 {
    background-position: right;
  }
  .recruit03{
    background-position: right;
  }
  .recruit04{
    background-position: right;
  }
  @media (max-width:935px) {
    .entry_sheet_button p{
        font-size: 20px;
    }
  }
  @media (max-width:870px) {
    .interview_05_phrase{
      display: none;
    }
  }
  @media (max-width:860px) {
    .catchphrase_short{
        display: block;
      }
      .catchphrase_full{
        display: none;
      }
  }
  @media (max-width:850px) {
    .interview_photo_middle03 {
        background-position: 90% 0;
    }
}
  @media (max-width:835px) {
    .clipping01,.clipping02,.clipping03,.clipping04,.clipping05{
        display: none;
    }
    .answer_text01{
        margin: auto;
        width: auto;
    }
    .sp{
        display: block;
    }
    .img02{
        background-position: 33% 50%;
    }
    .hp_mb{
        display: none;
    }
    .circle01 {
        width: 565px;
        height: 565px;
    }
    .circle02 {
        width: 300px;
        height: 300px;
        top: 550px;
    }
}
@media (max-width:790px) {
    .entry_sheet_button {
        padding: 20px 10px;
    }
  }
@media (max-width:785px) {
    .interview_photo_middle03 {
        background-position: 80% 0;
    }
}