@charset "UTF-8";
/*==================================

  mobile

==================================*/
.pc {
  display: block; }

.sp {
  display: none; }

@media (max-width: 1024px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .drawer-hamburger {
    z-index: 99999;
    padding: 33px 2rem 45px;
    width: 3.5rem; }

  .drawer-nav {
    padding-top: 100px; }
    .drawer-nav li {
      border-bottom: 1px solid #ddd; }
      .drawer-nav li a {
        padding: 15px 10px; }

  .drawer--right.drawer-open .drawer-hamburger {
    right: 0; }

  section {
    padding: 60px 0; }

  #message .two_box > div {
    width: 100%;
    margin-bottom: 20px; }

  #message .two_box .two_txt {
    margin-top: 0; }

  #message .two_box .two_img {
    width: 80%;
    margin: 30px auto; }

  #message .two_box .two_img img {
    position: relative; }

  #message .two_box .two_img.two_img1 {
    height:unset; }
    #message .two_box .two_img.two_img1 img {
      width:100%; }
  #message .two_box .two_img.two_img2 {
    height:unset; }
    #message .two_box .two_img.two_img2 img {
      height:unset;
      width:100%;
      margin-left:unset; }
  #message .two_box .two_img.two_img3 {
    height:unset; }
    #message .two_box .two_img.two_img3 img {
      height: unset;
      width: 100%;
      margin: 0; }
  #message .two_box .two_img.two_img4 {
    height:unset; }
    #message .two_box .two_img.two_img4 img {
      height: unset;
      width: 100%;
      margin: 0; }
  #message .two_box .two_img.two_img5 {
    height:unset; }
    #message .two_box .two_img.two_img5 img {
      height:unset;
      width:100%;
      margin: 0; }

  .two_box_order1{
    -webkit-box-ordinal-group:unset;
    -ms-flex-order:unset;
    -webkit-order:unset;
    order:unset; }

  .two_box_order2{
    -webkit-box-ordinal-group:unset;
    -ms-flex-order:unset;
    -webkit-order:unset;
    order:unset; } }

/* スマホ */
@media (max-width: 480px) {
  header h1 {
    padding-left: 15px;
    width: 55%; }

  h2 {
    font-size: 9vw;
    margin-bottom: 40px; }

  h3 {
    font-size: 6vw;
    margin-bottom: 30px; }

  .mv_event h2 {
    padding: 10px 0; }
  .mv_event p {
    padding: 0 15px; }

  #interview ul,
  #news ul {
    flex-wrap: wrap; }

  #interview ul li {
    padding-top: 0; }

  .mv_event .two_box > div,
  #message .two_box > div,
  #company .two_box > div,
  #interview ul li,
  #internship .two_box > div,
  #news ul li,
  #entry .two_box > div,
  #contact .two_box > div {
    width: 100%;
    margin-bottom: 20px; }

  #company ul li, #internship ul li {
    width: 100%; }

  .red_box, #company .two_box, #internship .two_box {
    margin: 40px 0  30px; }

  #message .two_box .two_txt {
    margin-top: 0; }

  #message .two_box .two_img {
    width: 80%;
    margin: 30px auto; }

  #message .two_box .two_img img {
    position: relative; }

  #message .two_box .two_img.two_img1 {
    height:unset; }
    #message .two_box .two_img.two_img1 img {
      width:100%; }
  #message .two_box .two_img.two_img2 {
    height:unset; }
    #message .two_box .two_img.two_img2 img {
      height:unset;
      width:100%;
      margin-left:unset; }
  #message .two_box .two_img.two_img3 {
    height:unset; }
    #message .two_box .two_img.two_img3 img {
      height:unset;
      width:100%;
      margin-left:unset; }
  #message .two_box .two_img.two_img4 {
    height:unset; }
    #message .two_box .two_img.two_img4 img {
      height:unset;
      width:100%; }
  #message .two_box .two_img.two_img5 {
    height:unset; }
    #message .two_box .two_img.two_img5 img {
      height:unset;
      width:100%; }

  .two_box_order1{
    -webkit-box-ordinal-group:unset;
    -ms-flex-order:unset;
    -webkit-order:unset;
    order:unset; }

  .two_box_order2{
    -webkit-box-ordinal-group:unset;
    -ms-flex-order:unset;
    -webkit-order:unset;
    order:unset; }

  #recruit table th, #recruit table td {
    display: block;
    width: 100%;
    text-align: center; }

  footer a {
    padding: 10px 5px;
    font-size: 3vw; } }