@media screen and (max-width: 1080px) {
  div#invoice_confirm_div {
    width: 80%;
    left: 10%;
  }
}
/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
  /*inner共通
	---------------------------------------------------------------------------*/
  .inner {
    width: auto;
  }

  /*ヘッダー（ロゴが入った最上段のブロック）
	---------------------------------------------------------------------------*/
  /*ヘッダーブロック*/
  header {
    border-bottom: 1px solid #dcdcdc; /*下の線の幅、線種、色*/
  }
  /*ロゴ画像*/
  header #logo img {
    width: 200px; /*画像幅*/
    padding: 8px 0px;
  }

  /*ヘッダー右側の電話番号ブロック
	---------------------------------------------------------------------------*/
  /*ブロック全体を非表示にする*/
  #contact {
    display: none;
  }

  /*メインメニュー
	---------------------------------------------------------------------------*/
  /*スマホ用メニューを非表示から表示に切り替える*/
  #menubar-s {
    display: block;
  }
  /*メニュー１個あたりの設定*/
  #menubar-s li {
    float: left; /*左に回り込み*/
    width: 50%; /*メニュー幅*/
  }
  #menubar-s li a {
    display: block;
    text-decoration: none;
    text-align: center; /*文字をセンタリング*/
    padding: 15px 0; /*上下、左右へのメニュー内の余白*/
    border-bottom: 1px solid #dcdcdc; /*下線の幅、線種、色*/
    border-right: 1px solid #dcdcdc; /*右線の幅、線種、色*/
  }
  /*偶数番目のメニューの右側の線を消す*/
  #menubar-s li:nth-child(even) a {
    border-right: none;
  }
  /*PC用メニューを非表示にする*/
  #menubar {
    display: none;
  }

  /*３本バーアイコン設定
	---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: absolute;
    top: 28px; /*上から28pxの場所に配置*/
    right: 3%; /*右から5%の場所に配置*/
    width: 33px; /*幅*/
    padding: 8px 0px; /*上、左右、下へのボックス内余白*/
  }
  /*３本のバー（1本あたり）*/
  #menubar_hdr span {
    display: block;
    border-top: 4px solid #000; /*枠線の幅、線種、色*/
    margin-bottom: 9px; /*バー同士の余白*/
  }
  #menubar_logout {
    display: block;
    position: absolute;
    top: 28px; /*上から28pxの場所に配置*/
    right: 12%; /*右から5%の場所に配置*/
    width: 39px; /*幅*/
    padding: 4px 10px; /*上、左右、下へのボックス内余白*/
  }

  /*main,subコンテンツ
	---------------------------------------------------------------------------*/
  .main,
  .sub {
    float: none;
    width: auto;
  }

  /*subコンテンツ内のメニュー
	---------------------------------------------------------------------------*/
  /*メニュー１個ごとの設定*/
  .sub ul.submenu li {
    width: 50%; /*半分の幅にする*/
    float: left; /*左に回り込み*/
  }
  /*偶数番目のメニューの左のラインを消す設定*/
  .sub ul.submenu li:nth-child(even) a {
    border-left: none;
  }

  /*subコンテンツ内のlist-subボックス
	---------------------------------------------------------------------------*/
  /*画像*/
  .sub .list-sub figure {
    width: 20%; /*画像の幅*/
  }

  /*トップページ内「更新情報・お知らせ」ブロック
	---------------------------------------------------------------------------*/
  /*アイコン*/
  section#new h2::before {
    float: right; /*右に回り込み*/
    margin-top: 4px;
    font-size: 18px; /*文字サイズ*/
    background: #fff; /*背景色*/
    border-radius: 50%; /*角丸のサイズ*/
    width: 30px; /*幅*/
    line-height: 30px; /*高さ*/
    text-align: center; /*文字をセンタリング*/
    border: 1px solid #dcdcdc; /*枠線の幅、線種、色*/
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1) inset; /*内側への影*/
  }
  /*プラスアイコンの文字*/
  section#new h2.close::before {
    content: "＋";
  }
  /*マイナスアイコンの文字*/
  section#new h2.open::before {
    content: "?";
  }

  /*その他
	---------------------------------------------------------------------------*/
  body.s-n .sub,
  body.s-n #footermenu,
  .m-n {
    display: none;
  }
  .fl-half {
    float: left;
    width: 45%;
    margin-left: 3%;
  }

  div.eigyou_calender_table table td {
    padding: 10px 0px;
  }

  div.price_grid01 > div > p {
    line-height: 24px;
  }

  div.price_grid01 > div > p > span {
    padding-right: 0px;
    font-size: 20px;
    padding-bottom: 0px;
  }

  .sp_only_br {
    display: block;
  }
  a.top_logout_href {
    display: none;
  }

  header #link_manual {
    position: absolute;
    right: 1%;
    top: 6px;
    text-align: right;
    /*width:100px;*/
    padding-right: 8px;
    font-size: 12px;
  }

  #manual_list li {
    margin-bottom: 8px;
  }

  div#login_div01 {
    width: 94%;
    border: 1px solid #e0e0e0;
    margin: 120px auto 0px auto;
  }

  div.contact_div01 {
    margin-bottom: 42px;
  }
  div.send_btn {
    margin: 32px 0px;
    padding: 9px 0px;
  }
  div#invoice_confirm_div {
    width: 80%;
    left: 8%;
    padding: 2%;
  }

  div.p2p-media {
    width: 100%;
  }
  div#local_stream_wrapper{
    width: 30%;
  }

  div.payforcustomer_div01 {
    width: 90%;
    margin: 48px auto;
  }

  #payment_div01 table.price_payment_table01 th {
    width: 40%;
  }

  #payment_div01 img {
    width: 18%;
  }

  div.video_div {
    width: 100%;
    margin: 0px auto 0px auto;
  }

  .howtousethevide .clearfix::after {
    content: "";
    display: block;
    clear: both;
  }

  .howtousethevide .step {
    float: none;
    width: 94%;
    margin: 0 auto 60px;
    padding: 0;
    position: relative;
  }

  .howtousethevide .step::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #2887d4;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -36px;
  }

  .howtousethevide .step3 {
    margin-bottom: 0;
  }

  .howtousethevide .step3::after {
    display: none;
  }

  .howtousethevide .step h4 {
    background: #e8818d;
    width: 100%;
    color: white;
    font-size: 12px;
    font-weight: normal;
    border-radius: 2px;
    margin-left: 0;
    padding: 8px 0;
    line-height: 1;
    text-align: center;
  }

  .howtousethevide .step h5 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
  }

  .howtousethevide .video_imgwrap {
    width: 30%;
    float: left;
  }
  .howtousethevide .video_txtwrap {
    width: 65%;
    float: right;
  }
  .howtousethevide .video_txtwrap span {
    color: red;
  }

  div.sendemail_div {
    width: 90%;
    padding: 10px 2.5%;
  }







  div.kanja_wrapper{
      width:100%;
      padding:0px;
      margin:0px;
  }

  div.kanja_wrapper input[type="text"]{
      margin:0px 0px;
      height:30px;
      vertical-align: middle;
      font-size:14px;
      width:98%;
      padding:0px;
  }
  div.kanja_wrapper select{
      margin:0px 0px;
      height:30px;
      vertical-align: middle;
      font-size:14px;
  }
  div.kanja_wrapper input[type="number"]{
      margin:0px 0px;
      height:30px;
      vertical-align: middle;
      font-size:14px;
      width:98%;
      padding:0px;
  }
  div.kanja_wrapper input[type="password"]{
      margin:0px 0px;
      height:30px;
      vertical-align: middle;
      font-size:14px;
      width:98%;
      padding:0px;
  }
  div.kanja_wrapper input.fullname{
      width:38%;
      margin:10px 1% 10px 0%;
  }
  div.kanja_wrapper input.input_kana{
      width:48%;
  }
  div.kanja_wrapper input.input_cardname{
      width:47%;
  }
  div.kanja_wrapper input.input_zipcode{
      width:48%;
  }
  div.kanja_wrapper span.check_name_button{
      height:36px;
      width:16%;
      background:#303030;
      color:white;
      margin:0px;
      margin: 0px 0px 0px 0px;
      padding:8px 16px;
      border-radius:5px;
      cursor:pointer;
      transition: 0.2s;
  }
  div.kanja_wrapper span.check_name_button:hover{
      opacity:0.7;
  }

  div.kanja_wrapper h1{
      width:auto;
      padding:4px 5%;
      font-size:14px;
      margin:0px 0px 8px 0px;
      background:#1f2f55;
      color:white;
      font-weight:normal;
  }
  div.kanja_wrapper h2.h2step{
      font-size:16px;
      text-align:center;
      margin:14px 0px;
      color:#1f2f55;
      font-weight:bold;
      border-top:2px solid #1f2f55;
      border-bottom:2px solid #1f2f55;
      padding:20px 0px;
  }
  div.kanja_wrapper span.require{
      background:#b03452;
      color:white;
      padding:2px 6px;
      border-radius: 5px;
      font-size:10px;
      margin-left:10px;
      position:absolute;
      right:8px;
      top:6px;
  }
  div.kanja_wrapper div.kanja_div01{
      width:90%;
      padding:0px 5%;
  }
  div.kanja_wrapper div.kanja_div01 p.warning{
      color:red;
  }
  div.kanja_wrapper div.agreement_div01{
      border:1px solid #a0a0a0;
      margin:32px 0px;
      padding:8px;
  }
  div.kanja_wrapper div.agreement_div01 p.agreement_text_p{
    text-align:left;
  }
  div.kanja_wrapper div.agreement_div01 p.agreement_checkbox_p{
    text-align:center;
    margin:6px 0px;
    font-weight:bold;
  }
  div.kanja_wrapper div.agreement_div01 ul{
      list-style:disc;
      padding-left:20px;
  }
  div.kanja_wrapper div.agreement_div01 li{
      padding-left:0px;
  }

  div.kanja_wrapper div.agreement_div02{
      display:none;
      margin-bottom:60px;
  }
  div.kanja_wrapper div.agreement_div03{
      display:none;
      margin-bottom:60px;
  }
  div.kanja_wrapper div.form_creditcard_div01{
      display:none;
      border:1px solid #e0e0e0;
      padding:12px!important;
  }
  div.kanja_wrapper div.form_creditcard_div01 h4{
      margin:6px 0px 3px 0px;
  }
  div.kanja_wrapper div.form_creditcard_div01 img{
      width:18%;
  }
  div.kanja_wrapper div.agreement_div03 h3{
      margin:8px 0px 0px 0px;
      padding:6px;
      font-size:12px;
      background:#efefef;
      position:relative;
  }
  div.kanja_wrapper div.agreement_div04{
      padding:4px 0px;
  }
  div.kanja_wrapper div.agreement_div04 .submit_button{
      margin:20px 0px;
      background:#d0d0d0;
      border-radius: 6px;
      text-align:center;
      padding:12px;
      color:#303030;
      transition: 0.2s;
  }
  div.kanja_wrapper div.agreement_div04 .submit_button:hover{
      opacity:0.7;
  }
  div.kanja_wrapper div.agreement_div04 span.agreement_span01{
      padding:0px 2%;
      font-size:12px;
  }

	div#main_video_div {
		height:auto;
		padding:10px 0px;
	}

  
	div#main_video_div div.information_div{
		width:100%;
		position:fixed;
		top:auto;
		bottom:0px;
		left:0px;
		height:auto;

	}
	div#main_video_div div.information_div{
		font-size:18px;
	}
	div#main_video_div div.information_div div h3{
		padding-top:10px;
		padding-bottom:10px;
		background:#303530;
	}
	div#main_video_div div.information_div > div.information_menu{
		display:block;
	}
	div#main_video_div div.information_div div.information_menu h3#video_sp_menu{
		background:#202520;
	}
	div#main_video_div div.information_div > div > div,
	div#main_video_div div.information_div > div > ul
	{
		display:none;
		font-size:14px;
	}
	div.remote-streams{
		width:100%;
		display:block;
	}
	div.remote-streams video{
		margin:10px 1%;
		width:98%;
	}
  div#main_video_div div.information_div div h3.open:before{
    content:"▶";
  }
  div#main_video_div div.information_div div h3.close:before{
    content:"▼";
  }
	div#main_video_div div.information_div .chat_div .log_div{
	}
	div#main_video_div div.information_div .chat_div .log_div div{
		margin-top:4px;
		margin-bottom:4px;
	}
	div.video_footer_div{
		height:800px;
		display:block;
		background:#303030;
	}
	video#js-local-stream-old {
		width: 30%;
	}

	div.detail_div01{
		display:block;
	}
	div.detail_div01 > div.detail_div02{
		border-bottom:none;
	}
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form{
		margin:10px 0px;
		padding:6px 2%;
		width:96%;
	}
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table{
	}
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table th,
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table td{
		width:96%;
		padding:2px 2%;
		margin:0px;
		display:block;
	}
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table td input{
	}
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table td input,
	div.detail_div01 > div.detail_div03 div.mesh_div .mail_form table td textarea{
		width:96%;
		padding:2px 2%;
		margin:0px;
	}
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  /*全体の設定
	---------------------------------------------------------------------------*/
  body {
    font-size: 12px; /*文字サイズ*/
    line-height: 1.5; /*行間*/
  }

  /*トップページメイン画像
	---------------------------------------------------------------------------*/
  #mainimg {
    box-shadow: none;
    border-bottom: 1px solid #dcdcdc; /*下の線の幅、線種、色*/
  }
  /*左側（小さい端末だと上に位置するボタン）のボタン「職種で検索」*/
  #mainimg #btn_job1 {
    left: 10%; /*メイン画像に対して左から10%の場所に配置*/
    bottom: 45%; /*メイン画像に対して下から45%の場所に配置*/
    width: 50%; /*画像幅*/
  }
  /*右側（小さい端末だと下に位置するボタン）のボタン「勤務地で検索」*/
  #mainimg #btn_job2 {
    left: 10%; /*メイン画像に対して左から10%の場所に配置*/
    bottom: 10%; /*メイン画像に対して下から10%の場所に配置*/
    width: 50%; /*画像幅*/
  }

  /*コンテンツ
	---------------------------------------------------------------------------*/
  .contents {
    padding: 20px 0; /*上下、左右に空けるボックス内の余白*/
  }
  /*コンテンツのh2タグの設定*/
  .contents h2 {
    font-size: 16px; /*文字サイズ*/
    padding: 5px 10px; /*上下、左右への余白*/
  }
  /*コンテンツのh3タグの設定*/
  .contents h3 {
    padding: 0px 10px; /*上下、左右への余白*/
  }
  /*コンテンツの段落タグ設定*/
  .contents p {
    padding: 0px 10px 15px; /*上、左右、下への余白*/
  }

  /*求人一覧ページの各ブロック
	---------------------------------------------------------------------------*/
  /*ボックス内のh4タグ設定*/
  .list h4 {
    font-size: 20px; /*文字サイズ*/
  }
  /*「詳細を見る・応募する」ボタン*/
  a.btn {
    font-size: 16px; /*文字サイズ*/
    letter-spacing: normal;
  }

  /*subコンテンツ内のメニュー
	---------------------------------------------------------------------------*/
  /*メニュー１個ごとの設定*/
  .sub ul.submenu li {
    width: auto;
    float: none;
  }
  /*偶数番目のメニューの左のラインを戻す設定*/
  .sub ul.submenu li:nth-child(even) a {
    border-left: 1px solid #ccc;
  }

  /*subコンテンツ内のメニュー
	---------------------------------------------------------------------------*/
  .sub ul.submenu li a {
    padding: 10px; /*メニュー内の余白*/
  }

  /*フッターメニュー
	---------------------------------------------------------------------------*/
  /*ボックス全体*/
  #footermenu {
    display: none;
  }

  /*テーブル（ta1）
	---------------------------------------------------------------------------*/
  /*ta1設定*/
  .ta1,
  .ta1 td,
  .ta1 th {
    padding: 5px; /*ボックス内の余白*/
  }
  /*テーブル１行目に入った見出し部分*/
  .ta1 th.tamidashi {
    font-size: 14px; /*文字サイズ*/
  }
  /*ta1の左側ボックス*/
  .ta1 th {
    width: 100px;
  }

  /*その他
	---------------------------------------------------------------------------*/
  .ws,
  .wl {
    width: 94%;
  }
  .big1 {
    font-size: 16px;
  }
  img.fr,
  img.fl {
    float: none;
    margin: 0;
    width: 100%;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
  .fl-half {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  div.login_div02 > img {
    width: 55%;
  }

  h3.h301 {
    padding: 12px 0px 12px 50px;
  }
  h3.h301.h3invoice:before {
    top: 6px;
  }
  h3.h301.h3card:before {
    top: 6px;
  }
  div.contact_div01 > div.send_btn {
    margin: 20px 0px 32px 0px;
    padding: 8px 0px;
  }
  div.contact_div01 p {
    font-size: 14px;
  }
  div.contact_div01 select {
    width: 98%;
    height: 34px;
    padding: 6px 0px;
    margin: 0px;
  }
  div.contact_div01 input {
    width: 98%;
    padding: 0px;
    margin: 0px;
  }
  div.contact_div01 textarea {
    width: 98%;
    padding: 6px 0px;
    line-height: 18px;
  }

  div.grid_calender > div {
    font-size: 17px;
    background: #efefef;
    padding: 6px 0px;
  }
  div.reserved_timetable div.hour {
    padding-left: 12px;
  }

  #payment_div01 > p {
    margin-bottom: 24px;
  }

  #payment_div01 table.price_payment_table01 {
  }
  #payment_div01 table.price_payment_table01 th {
    display: block;
    padding: 0px;
    margin: 0px;
  }
  #payment_div01 table.price_payment_table01 td {
    display: block;
    padding: 0px;
    margin: 0px;
    margin-bottom: 16px;
  }
  #payment_div01 table.price_payment_table01 input {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    margin: 3px 0px;
  }
  #payment_div01 table.price_payment_table01 input[name="cvv"] {
    width: 30%;
  }

	div#local_stream_wrapper table{
		width:100%;
	}

	div#local_stream_wrapper table td{
		padding:10px 0px;
		text-align:center;
	}


}