@charset "UTF-8";
@media screen and (max-width: 767px) {
  /******
  フォーム共通css
  *******/
  .form_section {
    width: 100%;
  }

  .form_section .form_list li {
    padding: 45px 0;
  }

  .form_section .form_list li:last-child {
    padding: 50px 0 80px;
  }

  .form_section .input_label {
    padding: 0 0 12px;
  }

  .form_section .input_ttl {
    padding: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .form_section .label_icon {
    width: 60px;
    padding: 1px 0;
    font-size: 14px;
    line-height: 24px;
  }

  .form_section .caution {
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 24px;
  }

  .form_section .input_parts,
.form_section .input_parts.input_medium,
.form_section .input_parts.input_small {
    width: 100%;
  }

  .form_section .input_parts input[type=text],
.form_section .input_parts input[type=tel],
.form_section .input_parts input[type=url],
.form_section .input_parts input[type=email],
.form_section .input_parts input[type=password],
.form_section .input_parts input[type=number],
.form_section .input_parts textarea,
.form_section .input_parts select {
    padding: 7px 16px;
    font-size: 14px;
    line-height: 24px;
  }

  .form_section .input_parts textarea {
    height: 300px;
  }

  .form_section .input_parts.input_medium textarea {
    height: 200px;
  }

  .form_section .input_parts select {
    background-position: top 14px right 18px;
    background-size: 13px auto;
    padding-right: 40px;
  }

  .form_section .input_parts input[type=text]::placeholder,
.form_section .input_parts input[type=tel]::placeholder,
.form_section .input_parts input[type=url]::placeholder,
.form_section .input_parts input[type=email]::placeholder,
.form_section .input_parts input[type=password]::placeholder,
.form_section .input_parts input[type=number]::placeholder,
.form_section .input_parts textarea::placeholder {
    font-size: 14px;
  }

  .form_section .input_parts + .input_parts {
    margin: 15px 0 0;
  }

  .form_section .form_error.on {
    margin: 12px 0 0;
    padding: 3px 16px;
    font-size: 15px;
    line-height: 24px;
  }

  /**** 追加ボタン付きフォーム ****/
  .form_section .input_add,
.form_section .input_dele {
    right: -59px;
    width: 38px;
    height: 38px;
    background-size: 38px auto;
  }

  .form_section .input_add + .input_dele {
    right: -105px;
  }

  .form_section .input_add.off + .input_dele {
    right: -59px;
  }

  /**** ファイルフォーム ****/
  .form_section .pre_file_name {
    width: 100%;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 24px;
  }

  .form_section .input_parts .btn_file {
    top: 0;
    right: -180px;
    width: 160px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 26px;
  }

  /**** チェックボックス・ラジオボタン ****/
  .form_section .input_parts input[type=checkbox] + label,
.form_section .input_parts input[type=radio] + label {
    padding: 2px 0 2px 45px;
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 26px;
  }

  .form_section .input_parts input[type=radio] + label::before {
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
  }

  .form_section .input_parts input[type=radio]:checked + label::after {
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
  }

  .form_section .input_parts input[type=checkbox] + label::before {
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
  }

  .form_section .input_parts input[type=checkbox]:checked + label::after {
    top: 3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 12px auto;
  }

  /**** 特殊：チェックボックス、ラジオボックス横並び ****/
  .form_section .input_parts.parts_sbs .parts_cheack + .parts_cheack,
.form_section .input_parts.parts_sbs .parts_radio + .parts_radio {
    margin: 0 0 0 50px;
  }

  /**** 特殊：セレクト横並び（5個） ****/
  .form_section .input_parts.input_date select {
    width: 144px;
  }

  .form_section .input_parts.input_date select + select {
    margin: 0 0 0 20px;
  }

  /**** 特殊：カテゴリとラベル ****/
  .form_section .input_set + .input_set {
    margin: 30px 0 0;
    padding: 20px 0 0;
  }

  .form_section .input_label.label_parent {
    padding: 0 0 5px;
  }

  .form_section .input_label.label_child {
    padding: 12px 0 5px;
  }

  .form_section .input_label.label_parent .input_ttl,
.form_section .input_label.label_child .input_ttl {
    font-size: 14px;
    line-height: 24px;
  }

  /**** ボタンエリア ****/
  .form_section .btn_area {
    width: 100%;
  }

  .form_section .btn_area .btn_form {
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
    line-height: 30px;
  }

  .form_section .btn_area .btn_form.sp {
    display: block;
  }

  .form_section .btn_area .btn_form.pc {
    display: none;
  }

  .form_section .btn_area .btn_form + .btn_form {
    margin: 35px 0 0;
  }

  /**** 注意文エリア ****/
  .form_section .form_note {
    padding: 20px 0 0;
  }

  .form_section .form_note p {
    font-size: 14px;
    line-height: 24px;
  }

  /**** 確認画面 及び 登録内容表示画面 ****/
  .form_section.confirmation_page .form_ttl,
.form_section.done .form_ttl {
    padding: 75px 0 0;
    font-size: 24px;
    line-height: 34px;
  }

  .form_section.confirmation_page .form_note,
.form_section.done .form_note {
    padding: 10px 0 25px;
  }

  .form_section.confirmation_page .form_list li,
.form_section.done .form_list li {
    padding:8px 0 0;
  }

  .form_section.confirmation_page .form_list li:last-child,
.form_section.done .form_list li:last-child {
    padding:8px 0 50px;
  }

  .form_section.confirmation_page .input_results,
.form_section.done .input_results {
    padding: 0 0 30px;
  }

  .form_section.confirmation_page .input_results + .input_results,
.form_section.done .input_results + .input_results {
    padding: 15px 0 15px;
  }

  .form_section.confirmation_page .input_results p,
.form_section.confirmation_page .input_results a,
.form_section.done .input_results p,
.form_section.done .input_results a {
    font-size: 20px;
    line-height: 30px;
  }

  .form_section.confirmation_page .input_results .img_result,
.form_section.done .input_results .img_result {
    padding: 15px 0 0;
  }

  .form_section.confirmation_page .input_results .child_results,
.form_section.done .input_results .child_results {
    padding: 0 0 15px;
  }

  .form_section.confirmation_page .input_results .child_results p,
.form_section.done .input_results .child_results p {
    padding: 0 0 5px;
    font-size: 18px;
    line-height: 28px;
    text-indent: 20px;
  }

  .form_section.confirmation_page .input_results .child_results p:first-child,
.form_section.done .input_results .child_results p:first-child {
    padding: 10px 0 5px;
  }

  .form_section.confirmation_page .input_results.textarea_result p,
.form_section.done .input_results.textarea_result p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }

  .form_section.confirmation_page .input_results.result_agree p,
.form_section.done .input_results.result_agree p {
    font-size: 16px;
    line-height: 26px;
  }

  /*******
  個別ページ
  *******/
  /**** ログイン画面 共通 ****/
  .page_login #main .entry_ttl {
    margin: 50px auto 10px;
  }

  .page_login .form_section {
    width: 100%;
  }

  .page_login .form_section .form_list li {
    padding: 30px 0 15px;
  }

  .page_login .form_section .form_list li:last-child {
    padding: 15px 0 20px;
  }

  .page_login .form_section .btn_area {
    width: 100%;
    padding: 20px 0 0;
  }

  /**** 申請共通 ****/
  .auth .form_section {
    width: 100%;
    padding: 0 0 100px;
  }

  /*承認関係のかぶり調整DMM要望2021/02/12オギソ*/
  .auth #main .form_fream {
    top: -30px;
  }

  .auth .exhibit.request_form .form_fream {
    max-width: 100%;
  }

  #exhibit_offer .form_section {
    width: 86.6%;
    margin: 0 auto;
    padding: 30px 0 100px;
  }

  /**** パスワードを忘れた方へ共通 ****/
  .forget_page .forget.login_user .form_area {
    width: 100%;
  }

  .forget_page .form_section {
    width: 86.6%;
  }

  /**** パスワード再発行画面共通 ****/
  .pass_reissue .form_section {
    width: 100%;
    padding: 0 0 100px;
  }

  .pass_reissue .form_section.done .btn_area {
    margin: 50px auto 0;
  }

  /**** パスワード再発行・出展者管理画面内 ****/
  #user_c_pass #header.booth_b_header .h_inner {
    margin-left: 230px;
  }

  #user_c_pass .form_section {
    padding: 0 0 100px;
  }

  /**** お問い合わせ画面共通 ****/
  .contact .right_cont {
    float: none;
    width: 100%;
    height: 100%;
    padding: 61px 0 0;
    overflow: auto;
  }

  .contact .form_section {
    width: 86.6%;
    margin: 0 auto;
    padding: 30px 0 100px;
  }

  .contact .form_section .form_list {
    width: 100%;
    margin: 0 auto;
  }

  .contact .form_section.done .btn_area .btn_form {
    float: none;
    margin: 50px auto 0;
  }

  /* 20210127追記 */
  #top .form_section .btn_area .btn_form.vertical.logout,
  #visitor_offer .form_section .btn_area .btn_form.vertical.logout {
    margin-top: 20px;
  }
#visitor_offer .form_section .form_note p .sp_br{
  display:inline-block;
}
  /* 申し込みフォームsp */
  /* padding,margin値を1/2 */
  .auth .offer_para {
    padding: 30px 35px 0px 35px;
  }

  .auth .form_list {
    padding: 24px 35px 10px;
  }

  .auth .form_section .form_list li {
    padding-bottom: 30px;
  }

  .form_section .form_list li:last-child {
    padding: 25px 0 40px;
  }

  .auth .form_section .btn_area {
    width: 86.6%;
  }

  .auth .notes_link {
    margin-top: 22px;
  }

  .create_account {
    margin-bottom: 22px;
  }

  .form_section .form_list li:last-child {
    /*上書き*/
    padding: 0px 0px 20px 0px;
  }

  /* 来場者ログインD-4,E-1 */
  #user_login.auth .form_list {
    padding: 15px 35px 10px;
  }

  #user_forget.page_edit #main {
    width: 100%;
  }

  #user_forget.auth .form_list {
    padding: 15px 10px 10px;
  }

  #user_forget.page_edit #main {
    padding-bottom: 65px;
  }

  /* offer系 */
  #top form,
  #exhibit_offer form,
#visitor_offer form {
    width: 100%;
  }

  #top.auth .offer_para,
  #exhibit_offer.auth .offer_para,
#visitor_offer.auth .offer_para {
    padding: 20px 0px 0px 0px;
  }

  #top .form_list,
  #exhibit_offer .form_list,
#visitor_offer .form_list {
    padding: 45px 0px 35px;
  }

  #top .form_list {
    padding-top: 0;
  }

  #top .form_section .btn_area .btn_form.only,
  #exhibit_offer .form_section .btn_area .btn_form.only,
#visitor_offer .form_section .btn_area .btn_form.only {
    float: none;
    margin-left: 0px;
  }

  #top .form_section .input_parts.add_mail,
  #exhibit_offer .form_section .input_parts.add_mail,
#visitor_offer .form_section .input_parts.add_mail {
    width: 80%;
  }

  /* 影響あれば削除 */
  .auth .form_section .input_add,
.auth .form_section .input_dele {
    right: -49px;
  }

  .auth .form_section .input_add + .input_dele {
    right: -95px;
  }

  .auth .form_section .input_parts.parts_sbs .parts_cheack + .parts_cheack,
.auth .form_section .input_parts.parts_sbs .parts_radio + .parts_radio {
    margin: 0 0 0 20px;
  }

  #top .form_section .form_note,
  #exhibit_offer .form_section .form_note,
#visitor_offer .form_section .form_note {
    padding: 0px 0px 15px;
  }

  #top .form_section .btn_area .btn_form,
  #exhibit_offer .form_section .btn_area .btn_form,
#visitor_offer .form_section .btn_area .btn_form {
    margin: 15px 0 0 0px;
  }

  #top .form_ttl,
  #exhibit_offer .form_ttl,
#visitor_offer .form_ttl {
    padding:0px 0px 8px;
    color: #333;
    line-height: 30px;
  }

#top .business_form .form_ttl,
#visitor_offer .business_form .form_ttl {
    padding: 20px 0px 15px;
  }

  #visitor_offer .visitor, #visitor_offe .exhibit {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pass_reissue #main {
    margin-top: 0px;
    transform: scale(1);
    max-width: 375px;
    width: 375px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .pass_reissue .form_section .btn_area.btn_one .btn_form {
    width: 86.6%;
  }

  .pass_reissue .form_list {
    padding: 30px 45px 20px;
  }

  .pass_reissue .err_txt {
    text-align: center;
    padding: 0px 10px;
  }

  #top.auth .offer_para.done,
  #exhibit_offer.auth .offer_para.done,
#visitor_offer.auth .offer_para.done {
    padding: 20px 0px 0px 15px;
  }

  /* sp対応 */
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  #top .form_section .input_add_area, #exhibit_offer .form_section .input_add_area, #visitor_offer .form_section .input_add_area {
    width: 74%;
  }

  #exhibit_verifi.auth .sec_ttl_common, #visitor_verifi.auth .sec_ttl_common {
    line-height: 33px;
  }

  #top .form_section .btn_area, #exhibit_offer .form_section .btn_area, #visitor_offer .form_section .btn_area {
    width: 100%;
  }

/* 2021/07/14更新 */
/* 3つ分類のCSS その兼ね合いでコンテンツ幅を既存のものから変えてます。 */
/* 使用するときは、business_formをつけてくださいませ! */
#top .business_form form,
#exhibit_offer .business_form form,
 #visitor_offer .business_form form{
    width: 100%;
}

.business_form .input_trio{
  display: block;
}
.business_form .input_trio .input_org{
  width: 100%;
  margin-top:8px;

}
.business_form .input_trio .input_org:first-child{
  margin-top: 0;
}

#exhibit_offer .form_ttl.f_txt_2line, #visitor_offer .form_ttl.f_txt_2line{

}


.business_form .form_section .form_list li:last-child {
    padding:0px 0 0px;
}

.business_id .offer_para h3{
  padding-bottom:20px;
}
.business_id.auth .offer_para p{
  padding-bottom:12px;
}

.business_id.auth .offer_para{
 padding:40px 6.7% 0px;
}
.business_id.auth .form_section{
  padding-bottom:40px;
}

.business_id.auth .form_list {
    padding: 12px 6.7% 12px;
}
.business_id .form_section .btn_area .btn_form{
  width: 100%;
}
.auth .form_section .btn_area.create_account{
  width: 100%;
}
.business_id .btn_area_business .c_account_ttl{
  font-size:14px;
  margin-bottom:10px;
}

#visitor_offer .input_group_birth .input_org_midium select{
  width: 100%;
  margin-top: 8px;
}

#visitor_offer .input_group_birth .input_org_midium select:first-child{
  margin-top: 0;
}


/* 2021/7/30追加 */
#top .business_form .form_section,
#visitor_offer .business_form .form_section {
    padding: 22px 0 100px;
}

#top .business_form .form_section {
  padding-bottom: 60px;
}
#top .business_form .form_ttl_end,
#visitor_offer .business_form .form_ttl_end{
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#visitor_offer .top_sec_05 {
    padding: 17px 0 0;
}

#top .form_section .form_note,
#visitor_offer .form_section .form_note{
    padding: 0px 0px 0;
}
 #top .form_section .btn_area .btn_form.vertical,
 #visitor_offer .form_section .btn_area .btn_form.vertical {
    float: none;
    margin: 0 auto;
    margin-top:32px;
    margin-bottom: 0;
}
 #top .business_form .top_sec_05 .sec_ttl {
    padding: 120px 0 0px;
}

 #visitor_offer .business_form .top_sec_05 .sec_ttl {
    padding:50px 0 0px;
}

#visitor_offer .form_section .input_parts.doui .label_icon {
  position: relative;
}

#visitor_offer .form_section .btn_area .tab_close_txt{
  line-height: 22px;
  text-align: center;
  color: #888888;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  margin-top: 18px;
}

#info_reg .upgrade_modal .modal_close {
  width: 30px;
  height: 30px;
  top: 12px;
}

/* ============================= 展示会TOP week来場登録モーダル ============================= */
#top .vis_info_modal.modal_box .pop_inner {
  width: 88%;
}

#top .vis_info_modal h2.title {
  padding: 20px 25px;
}

#top .business_form form {
  width: 100%;
  padding: 0 25px;
}

#top .form_section .btn_area {
  width: 89.3%;
}

/* 確認画面 */
#top .vis_info_modal .form_section .copy p {
  text-align: left;
}

#top .vis_info_modal .form_section .offer_para .b_sub_ttl {
  text-align: left;
}

#top .form_section.confirmation_page .form_list {
  padding-top: 45px;
}

#top .vis_info_modal .form_section.confirmation_page .back_btn_notice {
  font-size: 13px;
}

#top .form_section.confirmation_page .btn_area .btn_form {
  font-size: 15px;
}

/* ============================= 展示会TOP week来場登録モーダル -end ============================= */
}