@media only screen and (max-width: 800px) {
  body .wrapper .main .now_menu_wrap {
    margin-bottom: 10%;
    display: block;
    margin-bottom: 15%; }
    body .wrapper .main .now_menu_wrap .now_menu .now_menu_en {
      font-size: 20px; }
    body .wrapper .main .now_menu_wrap .now_menu .now_menu_ja {
      font-size: 12px; }
    body .wrapper .main .now_menu_wrap .menu_button_area .button_area_flex a .white_button, body .wrapper .main .now_menu_wrap .menu_button_area .button_area_flex a .blue_button {
      width: 130px !important;
      margin-left: 0%;
      font-size: 12px;
      margin-top: 15%;
      margin-right: 10px; }
  body .wrapper .main .base_index_area .base_index_flex .base_content_wrap {
    margin: 0 auto 5%; }
  body .wrapper .main .menu_block {
    top: 85px;
    height: auto; }
  body .wrapper .header .menu_trigger_btn {
    top: 85px;
    right: 30px; } }
@media only screen and (max-width: 600px) {
  body .wrapper .header .header_logo {
    width: 100px; }
  body .wrapper .header .header_hotel_welcome .header_hotel_tx {
    font-size: 12px; }
  body .wrapper .main .now_menu_wrap {
    display: block;
    margin-bottom: 15%; }
    body .wrapper .main .now_menu_wrap .menu_button_area .button_area_flex a .white_button, body .wrapper .main .now_menu_wrap .menu_button_area .button_area_flex a .blue_button {
      margin-top: 15%; } }
@media only screen and (max-width: 475px) {
  body {
    width: 100%; }
    body .wrapper .header .menu_trigger_btn {
      top: 65px;
      right: 40px; }
    body .wrapper .header .header_hotel_welcome {
      width: 180px;
      margin: 0 0 0 5%; }
    body .wrapper .main .menu_block {
      top: 75px;
      left: 0px;
      height: auto; } }
@media only screen and (max-width: 700px) {
  body .wrapper .main .layout_main .place_wrap .place_d_info_block {
    max-width: 260px; }
    body .wrapper .main .layout_main .place_wrap .place_d_info_block a .place_d_info_text {
      font-size: 14px; }
    body .wrapper .main .layout_main .place_wrap .place_d_info_block a .place_d_info_num {
      font-size: 14px; }
      body .wrapper .main .layout_main .place_wrap .place_d_info_block a .place_d_info_num span {
        font-size: 40px; }
    body .wrapper .main .layout_main .place_wrap .place_d_info_block form .place_d_choose_inner .staff_not_btn {
      font-size: 12px; } }
@media only screen and (max-width: 600px) {
  body .wrapper .main .layout_main .place_wrap .place_d_choose_block {
    margin-bottom: 45px !important;
    display: block !important; }
    body .wrapper .main .layout_main .place_wrap .place_d_choose_block form .place_d_choose_inner {
      display: block !important;
      width: 330px !important;
      margin-bottom: 3%; }
      body .wrapper .main .layout_main .place_wrap .place_d_choose_block form .place_d_choose_inner .staff_not_btn {
        width: auto;
        margin-left: initial;
        font-size: 12px; }
    body .wrapper .main .layout_main .place_wrap .place_d_choose_block .place_d_choose_inner {
      width: 330px !important;
      margin-bottom: 3%; }
  body .wrapper .main .layout_main .place_wrap .place_d_info_block {
    margin: 0 0 45px; } }
@media only screen and (max-width: 650px) {
  body .wrapper .main .place_wrap form .place_form_wrap .common_form_block .common_form_main .common_form_time_block {
    display: block;
    margin: 0 0 30px; }
    body .wrapper .main .place_wrap form .place_form_wrap .common_form_block .common_form_main .common_form_time_block .common_form_time_left {
      margin-bottom: 3%; }
      body .wrapper .main .place_wrap form .place_form_wrap .common_form_block .common_form_main .common_form_time_block .common_form_time_left .common_form_time_text {
        margin: 0 10px; } }
@media only screen and (max-width: 1000px) {
  body .wrapper .login_wrap .login_input_wrap {
    width: 500px;
    height: 400px; }
  body .wrapper .login_wrap .logo {
    width: 250px; } }
@media only screen and (max-width: 600px) {
  body .wrapper .login_wrap {
    padding-top: 15% !important; }
    body .wrapper .login_wrap .login_input_wrap {
      width: 90%;
      height: 330px;
      top: 0%; }
      body .wrapper .login_wrap .login_input_wrap .login_input_inner form .login_input_area .submit_button {
        width: 60%;
        margin-bottom: 6%; } }
@media only screen and (max-width: 550px) {
  body .wrapper .main .place_wrap form .place_form_wrap .common_form_block {
    display: block; }
    body .wrapper .main .place_wrap form .place_form_wrap .common_form_block .common_form_title {
      margin-bottom: 10px; }
    body .wrapper .main .place_wrap form .place_form_wrap .common_form_block .common_form_main {
      width: 100%; } }
@media only screen and (max-width: 800px) {
  body .wrapper .main .select_time_area .select_time_area_flex {
    display: block; }
    body .wrapper .main .select_time_area .select_time_area_flex .select_time_btn_area {
      width: 100%;
      margin-top: 3%; }

  .timecard_color_block .timecard_color_list .timecard_color_item {
    display: block;
    width: initial; } }
@media only screen and (max-width: 900px) {
  body .wrapper .main {
    padding: 0 5%; }
    body .wrapper .main .rank_place_wrap .page_white_bg {
      padding: initial; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap {
        width: 70px;
        padding: 22px 0; }
        body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text {
          font-size: 14px; }
          body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text span {
            font-size: 26px; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_title {
        font-size: 12px; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_main .staff_info_text {
        font-size: 12px; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_block {
        display: block; }
        body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_block .rep_reason_area {
          height: 145px; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .common_form_block .common_form_main .staff_name {
        font-size: 20px !important; }
    body .wrapper .main .layout_main .place_wrap .placeholderlace_wrap .place_wrap .place_form_wrap .rank_wrap .rep_form_block .common_form_main .staff_info_text {
      font-size: 20px !important; }

  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap {
    width: 70px;
    padding: 22px 0; }
    body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text {
      font-size: 12px; }
      body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text span {
        font-size: 22px; }
  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_title {
    font-size: 12px; }
  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_main .staff_info_text {
    font-size: 12px; }
  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_block {
    display: block; }
    body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_block .rep_reason_area {
      height: 145px; }
    body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_content .common_form_block .common_form_main {
      width: 100%; }
  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .common_form_block .common_form_main .staff_name {
    font-size: 20px !important; } }
@media only screen and (max-width: 500px) {
  body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap {
    width: 50px;
    padding: 12px 0; }
    body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text {
      font-size: 12px; }
      body .wrapper .main .rank_place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text span {
        font-size: 22px; }

  body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap {
    width: 50px;
    padding: 12px 0; }
    body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text {
      font-size: 12px; }
      body .wrapper .main .layout_main .place_wrap .page_white_bg .place_wrap .place_form_wrap .rank_wrap .rank_wrap_inner_flex .rank_number_wrap .rank_text span {
        font-size: 22px; } }
@media only screen and (max-width: 900px) {
  body .wrapper .main .layout_main .place_wrap form .place_form_wrap .fix-bottom-space fieldset .common_form_block .base_rep_block {
    display: block; }
    body .wrapper .main .layout_main .place_wrap form .place_form_wrap .fix-bottom-space fieldset .common_form_block .base_rep_block .common_form_main {
      margin: 10px 0 20px;
      width: 200px; } }
@media only screen and (max-width: 900px) {
  body .wrapper .main .shift_notification .shift_notification_inner .shift_noti_tx {
    font-size: 14px; }
  body .wrapper .main .reputation_noti .shift_notification_inner .shift_noti_tx {
    font-size: 14px; } }
@media only screen and (max-width: 700px) {
  body .wrapper .main .layout_main .page_white_bg form .salary_area .salary_area_inner .salary_area_date .money {
    font-size: 28px; } }
@media only screen and (max-width: 635px) {
  body .wrapper .main .shift_notification, body .wrapper .main .reputation_noti {
    padding: 3% 7%; }
  body .wrapper .main .select_time_area .timecard_user_top form .staff_timecard_submit {
    margin: 15px auto 0; } }
@media only screen and (max-width: 550px) {
  body .wrapper .main .select_time_area {
    margin: 5% 0 12% 0; }
    body .wrapper .main .select_time_area .timecard_user_top form .staff_search_block .common_form_select {
      font-size: 12px; }
  body .wrapper .main .reputation_noti .shift_notification_inner .shift_noti_tx {
    font-size: 12px; }
  body .wrapper .main .shift_notification .shift_notification_inner .shift_noti_tx {
    font-size: 12px; }
  body .wrapper .main .layout_main .page_white_bg form .salary_area .salary_area_inner {
    display: block; }
    body .wrapper .main .layout_main .page_white_bg form .salary_area .salary_area_inner .staff_timecard_submit {
      margin: 20px auto 0 0; } }
@media only screen and (max-width: 700px) {
  .notice_file_block .csv_upload_list .csv_upload_item .csv_upload_info {
    display: block; }
    .notice_file_block .csv_upload_list .csv_upload_item .csv_upload_info .csv_upload_link {
      width: 100% !important; }
  .notice_file_block .csv_upload_list .csv_upload_item .common_form_upload_btn {
    margin: 10px 0 30px; } }

/*# sourceMappingURL=media.css.map */