@media screen and (max-width: 890px) {
  .pc {display: none;}
  .sp {display: block;}

  .menu_btn,
  .close_btn {
    top: 4.5vw;
    right: 5vw;
  }
  .menu_btn img,
  .close_btn img {
    width: 7.46vw;
    height: 7.46vw;
  }
  .menu {
    right: -100%;
    width: 100%;
  }
  .menu_box {
    width: 90%;
  }
  .menu_box:nth-child(2) {
    margin: 20vw auto 0;
  }
  .menu_box:nth-child(3) {
    margin: 10vw auto 0;
  }
  .menu_title h2 {
    font-size: 5.86vw;
    letter-spacing: 1vw;
  }
  .menu_title p {
    margin-left: 0;
    letter-spacing: 0.8vw;
    font-size: 4.53vw;;
  }
  .menu_box ul {
    width: 100%;
    margin: 5.3vw auto 0;
  }
  .menu_box ul li {
    width: 40.53vw;
    height: 21.6vw;
  }
  .menu_box ul li:first-child {
    margin-bottom: 4vw;
  }
  .menu_box ul li p {
    font-size: 4.53vw;
    letter-spacing: 1vw;
    line-height: 6.66vw;
  }
  .coming_soon p {
    font-size: 3vw !important;
    background: rgba(0,0,0,0.1);
  }

  .sp_top {
    position: relative;
    width: 100%;
    height: 170vw;
    max-height: 100vh;
  }
  .sp_top video {
  position: relative;
  width: 100vw;
  z-index: 10;
}

  .sp_top img {
    position: absolute;
    top: -20%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    height: auto;
    margin: auto;
    z-index: 50;
  }
  .header_top .header_box {
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 5.5vw 0;
  }
  .header_top .header_box img {
    width: 18vw;
    height: auto;
    margin-left: 20px;
  }
  .header_top .header_box h1 {
    margin-left: 5vw;
    font-size: 3vw;
    letter-spacing: 0.1vw;
  }
  .scroll_1 a {
    bottom: 0;
    color: #fff;
  }
  .scroll_1 a span {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .cont_title,
  .cont_title2 {
    justify-content: space-between;
    width: 90%;
    margin: auto;
  }
  .cont_title h2 {
    font-size: 7.46vw;
    letter-spacing: 1vw;
  }
  .cont_title2 h2 {
    font-size: 7.46vw;
  }
  .cont_title p,
  .cont_title2 p {
    margin-left: 0;
    letter-spacing: 0.8vw;
    font-size: 4.75vw;
  }

  .cont01 {
    height: 177vw;
  }
  .cont02 {
    padding-top: 38vw;
  }
  .cont02_box p {
    width: 100%;
    margin: auto;
    font-size: 4vw;
    letter-spacing: 2px;
    line-height: 8vw;
    color: #fff;
  }

  .cont03 {
    padding: 150px 0 0;
  }

  .cont03_box {
    width: 100%;
  }
  .cont_03_link a {
    width: 100%;
  }
  .cont_03_link img {
    width: 100%;
    height: auto;
  }

  .cont04_box {
    width: 100%;
  }

  .cont04_box ul {
    flex-wrap: wrap;
    width: 87%;
  }

  .cont04_box ul:after {
    content: "";
    position: absolute;
    right: -12vw;
    bottom: -50px;
    width: 188px;
    height: 63px;
    background: url(../images/syain/osae_wave_s.png);
    z-index: -2;
  }

  .cont04_box ul li {
    width: 39.46vw;
    height: 26.6vw;
  }
  .cont04_box ul li:first-child {
    margin-bottom: 5vw;
  }
  .cont04_box ul li p {
    display: table-cell;
    vertical-align: middle;
    font-size: 4.53vw;
    letter-spacing: 0.5vw;
    line-height: 6.66vw;
    color: #fff;
  }

  .footer {
    padding: 10vw 0;
  }

  .footer ul {
    width: 80%;
  }
  .footer ul li a {
    font-size: 2.8vw;
    letter-spacing: 0.3vw;
  }
  .footer p {
    margin-top: 6vw;
    font-size: 3.2vw;
    letter-spacing: 0.1vw;
    color: #fff;
    font-family: 'Noto sans JP', sans-serif;
  }

  /* jbo side --------------------- */

  .job_wrapper {
    padding-top: 15vw;
  }

  .header {
    width: 100%;
    padding: 2vw 0 3vw;
    border-top: 6px solid #BE0009;
  }
  .header_box img {
    width: 20vw;
    margin-right: 3vw;
  }
  .header_title h2 {
    font-size: 4.5vw;
    letter-spacing: 0.5vw;
  }
  .header_title p {
    margin-left: 3vw;
    letter-spacing: 0.8vw;
    font-size: 3.73vw;
  }

  .cont05 {
    height: 120vw;
  }
  .job1_top {
    background: url(../images/syain/job1_top_image_sp.png);
    background-position: center;
    background-size: cover;
  }
  .job2_top {
    background: url(../images/syain/job2_top_image_sp.png);
    background-position: center;
    background-size: cover;
  }
  .job3_top {
    background: url(../images/syain/job3_top_image_sp.png);
    background-position: center;
    background-size: cover;
  }
  .job4_top {
    background: url(../images/syain/job4_top_image_sp.png);  background-position: center;
    background-size: cover;
  }
  .cont05_box {
    width: 90%;
  }
  .cont05_box p {
    top: 85vw;
    font-size: 6vw;
    letter-spacing: 1vw;
    line-height: 10.13vw;
  }

  .cont06 {
    padding: 10vw 0;
  }
  .cont06_top {
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    z-index: 10;
  }
  .cont06_top:after {
    content: "";
    position: absolute;
    right: -10vw;
    bottom: -15vw;
    width: 50.13vw;
    height: 16.8vw;
    background: url(../images/syain/osae_wave_g.png);
    background-size: cover;
    z-index: -1;
  }
  .cont06_top img {
    width: 90%;
    height: auto;
    padding-top: 5vw;
  }

  .cont06_box1,
  .cont06_box2 {
    position: relative;
    width: 100%;
    height: 100vw;
    margin: 15vw auto 0;
  }
  .mt20 {
    margin-top: 22vw;
  }
  .cont06_box1 .cont06_text_area,
  .cont06_box2 .cont06_text_area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    transform: translateY(0);
  }
  .cont06_box1 img,
  .cont06_box2 img {
    display: block;
    position: absolute;
    top: 12vw;
    left: 0;
    right: 0;
    width: 90%;
    height: auto;
    margin: auto;
  }
  .headline_w img {
    top: 19vw;
  }
  .cont06_headline {
    font-size: 5.33vw;
    letter-spacing: 1vw;;
    color: #fff;
  }
  .cont06_text {
    margin-top: 65vw;
    font-size: 3.73vw;
    letter-spacing: 0.5vw;
    line-height: 6.66vw;
    color: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  .cont07 {
    width: 100%;
    padding: 10vw 0;
  }
  .cont07_box {
    width: 100%;
    margin: 10vw auto 0;
  }
  .cont07_left {
    width: 100%;
  }
  .cont07_left:after {
      right: -10vw;
    bottom: -14vw;
    width: 50.1vw;
    height: 16.8vw;
  }
  .cont07_left img:first-child {
    width: 100%;
    height: auto;
  }
  .prof {
    width: 90%;
    margin: auto;
  }
  .prof_name {
    margin-top: 5vw;
    justify-content: space-between;
  }
  .prof_name p:nth-child(1) {
    font-size: 5.6vw;
    letter-spacing: 1vw;
  }
  .prof_name p:nth-child(2) {
    margin-left: 0;
    font-size: 4.26vw;
    letter-spacing: 0.5vw;
  }
  .prof .join {
    margin-top: 1vw;
    font-size: 3.2vw;
    letter-spacing: 0.5vw;
  }
  .font07_movie {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 10vw auto 0;
    flex-direction: column;
  }
  .font07_movie a {
    order: 2;
  }
  .font07_movie a img {
    width: 100%;
    height: auto;
  }
  .font07_movie p {
    width: 90%;
    margin: 0 auto 5vw;
    font-size: 5vw;
    letter-spacing: 1vw;
    line-height: 9.33vw;
    order: 1;
  }

  .cont08 {
    padding: 0 0 10vw;
  }
  .cont08_top {
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    z-index: 10;
  }
  .cont08_top:after {
    content: "";
    position: absolute;
    right: -10vw;
    bottom: -15vw;
    width: 50.13vw;
    height: 16.8vw;
    background: url(../images/syain/osae_wave_g.png);
    background-size: cover;
    z-index: -1;
  }
  .cont08_top img {
    width: 90%;
    height: auto;
    padding-top: 5vw;
  }

  .cont08_box1,
  .cont08_box2 {
    position: relative;
    width: 100%;
    height: 160vw;
    margin: 0 auto;
  }
  .cont08_box2 {
    background: #fff;
  }
  .cont08_box1 .cont08_text_area,
  .cont08_box2 .cont08_text_area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    padding-top: 10vw;
    transform: translateY(0);
  }
  .cont08_box1 img,
  .cont08_box2 img {
    display: block;
    position: absolute;
    top: 30vw;
    left: 0;
    right: 0;
    width: 90%;
    height: auto;
    margin: auto;
  }
  .cont08_headline {
    font-size: 5.33vw;
    letter-spacing: 1vw;;
    line-height: 6.5vw;
  }
  .cont08_text {
    margin-top: 70vw;
    font-size: 3.73vw;
    letter-spacing: 0.5vw;
    line-height: 6.66vw;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .cont08_text span {
    display: block;
    margin-top: 2vw;
    font-size: 2.93vw;
    text-align: right;
  }

  .cont09 {
    padding: 3vw 0;
  }
  .cont09_box {
    width: 90%;
  }
  .cont09_box p,
  .cont09_box a {
    font-size: 3.46vw;
    letter-spacing: 0.5vw;
  }
  .cont09_box span {
    margin: 0 1vw;
  }

  .cont10 {
    width: 100%;
    padding: 10vw 0 30vw;
    background: #F2EBE6;
  }
  .cont10_box {
    position: relative;
      top: 0;
      display: table;
      width: 90%;
      height: 25vw;
      margin: auto;
  }
  .cont10_box p {
    font-size: 5vw;
    letter-spacing: 0.5vw;
    line-height: 8vw;
  }