#modal-iframe-content {
  /*width: 850px;
  height : 700px;*/
  overflow: scroll;
}

/*index.ctpの表*/
.listTable{
  width: 98%;
  margin: 0px 0;
  overflow: scroll;
  border: thin solid #ccc;
}

.listTable table{
  border-collapse: collapse;
}

.listTable table tr th,
.listTable table tr td{
  font-size: 13px;
}

.listTable table tr th{
  background-color: #eee;
  border: thin solid #ccc;
}

.listTable table tr td.data_right{
  text-align: right;
}

.listTable table tr th.sort_field:after{
  content:'▽';
}

.listTable table tr th.sort_field.current.desc:after{
  content:'▼';
}

.listTable table tr th.sort_field.current.asc:after{
  content:'▲';
}

.listTable table tr th:hover{
  color: #999;
  cursor: pointer;
  background-color: #ddd;
}

.listTable table tr th.noTriangle:hover{
  background-color:#eee;
  color: #333;
}

.listTable table tr td.data_right{
  text-align: right;
}

.listTable table tr th.noTriangle:after{
  content:none;
}

.listTable table tr:hover td{
  background-color: #EFF6F6;
}

.group_area{
  background-color: #eee;
  padding: 10px;
}

.group_area{
  background-color: #eee;
  padding: 10px;
}

/*日付フィールド*/
.set_day{
/*  background-color: #eee; */
  padding: 10px 500px;
  margin :0 -500px;
  clear: both;
  overflow: hidden;
}

.set_day legend{
  font-size: 18px;
  margin-left: 10px;
}

.set_day .input{
  display: inline-block;
  width:20%;
  margin-right:10px;
  vertical-align: top;
}

.set_day .input.checkbox{
  display: block;
}

/*検索フィールド*/
.search{
  background-color: #eee;
  padding: 10px 500px;
  margin :0 -500px;
  clear: both;
  overflow: hidden;
}

.search legend{
  font-size: 18px;
  margin-left: 10px;
}

.search .input{
  display: inline-block;
  width:20%;
  margin-right:10px;
  vertical-align: top;
}

.search .input.checkbox{
  display: block;
}

/*ページング*/

.paging{
  text-align: right;
}

/*アクションボタン*/
.actionButtons li{
    display: inline-block;
    margin:0 10px 0 0;
}
.actionButtons li a{
  padding: 10px;
  border-radius: 5px;
  background-color: #eee;
  border: thin solid #ccc;
  text-align: center;
  text-decoration: none;
  display: block;
}

.actionButtons li.addNew a{
  background:#62af56;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
  background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
  background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
  border-color: #2d6324;
  color: #fff;
}

.actionButtons li.addNew a:hover{
  background: #5BA150;
}

/*業務管理システム　参照*/
.returnButton{
  padding: 10px;
  border-radius: 5px;
  background:#62af56;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
  background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
  background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
  border-color: #2d6324;
  color: #fff;
  text-align: left;
  text-decoration: none;
  display: block;
  width: 100px;
}

.returnButton:hover{
background: #5BA150;
}

.returnButton a{
  text-align: center;
  display: block;
  color: #fff;
}

div.comments{
  overflow: hidden;
  margin: 40px auto;
  padding: 10px;
}

div.comments.report{
  background-color: #eee;
}

div.comments.instruct{
  background-color: #ddd;
}

div.comments.return{
  margin-left: 40px;
}

div.comments h2{
  background: none;
  color: #333;
}

div.comments table{
  margin: 0;
}

div.comments table tr td,
div.comments table tr th{
  background-color: #fff;
  padding: 5px;
}

div.comments table tr th{
  width: 28%;
}

/*新規入力画面*/
#add_company{
  text-align: right;
}

.inputField table tr td{
  width: 50%;
}

.inputField table tr td:hover{
  background-color: #EFF6F6;
}

.inputField table tr td input,
.inputField table tr td select{
  font-size: 90%;
}
.inputField table tr td label{
  font-weight: bold;
}

/*報告機能*/
/*.reportTable {
  margin-top: 100px;
}*/

ul.action_select {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 45px;
  list-style: none;
}

ul.action_select li{
  margin: 0;
  width: 85px;
  float: left;
  margin-right: 10px;

}

.depature_return_time {
  width :150px;
  position: relative;
}

.depature_return_time input {
  font-size: 12px;
}

.depature_return_time input:last-child {
  margin-bottom: 15px;
  display: block;
}

select#departure_time {
    top: 28px;
    right: 0;
}

select#return_time {
    top: 61px;
    right: 0px;
}

input#return_time0 {
    margin-top: 5px;
}
td.relative_reflect_select {
  position: relative;
}

.reflect_select {
  width: 19px;
  border: 0;
  position: absolute;
  top: 33px;
  right: 2px;
}

th.th_name {
    width: 88%;
}

.popup_clear {
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

#iframe_project_add {
  width:100%;
  height:100%;
  border:none;
  display:block;
}
/* -------------------------------- */
/*.starttime {
  width :150px;
  position: relative;
}

.starttime input {
  font-size: 12px;
}

.starttime input:last-child {
  margin-bottom: 15px;
  display: block;
}*/


/*警告メッセージ　JavaScriptが有効でなかった場合*/
div.warning-message-no-javascript {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端と重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: red;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}
div.warning-message-javascript {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端と重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: black;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}


/*ヘッダー*/
/*システムタイトル*/
#header{
  /*cake.generic.cssの設定の上書き*/
  /*background-color: rgba(85, 142, 213, 1.0);*/
  background-color: white;
}
/*
p#systemTitle{
  background-color: rgba(85, 142, 213, 1.0);
}
*/
/*ヘッダーメニュー（グローバルナビ）*/
#gnavi{
  /*cake.generic.cssの設定の上書き*/
  background-color: rgba(166, 166, 166, 1.0);
}

/*フッター*/
#footer{
  /*cake.generic.cssの設定の上書き*/
  background-color: rgba(217, 217, 217, 1.0);
}
#footer #fotter_text{
  text-align: center;
  font-size: 8px;
  color: white;
}
#footer #fotter_text a{
  text-decoration: none;  /*リンクの下線を消す*/
}
#footer #fotter_text a:hover {
  text-decoration: underline;  /*カーソルが当たった際のみ下線を出す*/
}


/*現在時刻*/
div.current_time_div{
  /*cake.generic.cssの設定の上書き*/
  text-align: right;
}


/*処理ステップ*/
p.process_step_p{
  margin-bottom: 0.5em;  /*cake.generic.cssのhのmargin-bottom*/
  font-size: 16px;
  color: #2c6877;  /*cake.generic.cssのh3の色*/
}
/*処理名*/
p.process_name_p{
  /*margin-bottom: 0.5em;*/  /*cake.generic.cssのhのmargin-bottom*/
  margin-bottom: 0.8em;
  margin-left: 16px;
  font-size: 16px;
  color: #2c6877;  /*cake.generic.cssのh3の色*/
}
/*処理スクリプト*/
p.process_script_p{
  margin-bottom: 0.5em;  /*cake.generic.cssのhのmargin-bottom*/
  //margin-left: 18px;
  margin-left: 24px;
  font-size: 18px;
}

/*処理ボタン*/
div.process_button_div{
  text-align: left;
  width: 100%;
  /*height: 40px;*/  /*値を指定すると下に配置する要素の位置がおかしくなってしまうようだった*/
}
div.process_button_div div{
  text-align: left;
  width: 180px;
  /*height: 40px;*/  /*値を指定すると下に配置する要素の位置がおかしくなってしまうようだった*/
}
div.process_button_div input{
  text-align: center;
  width: 180px;
  /*height: 40px;*/  /*値を指定すると下に配置する要素の位置がおかしくなってしまうようだった*/
}

/*ヘッダーアクションボタン*/
/*
table.header_action_button_table{
  width: 100%;
}
table.header_action_button_table td{
  text-align: center;
  width: 150px;
  height: 40px;
}
*/
a.header_action_button_a{
  text-align: center;
  line-height: 40px; /*行の高さを指定してテキストを上下中央にする*/
  width: 180px;
  height: 40px;
  background-color: rgba(220, 230, 242, 0.5);
  border: rgba(220, 230, 242, 1.0) solid thin;
}
a.header_action_button_a:hover {
  /*リンクにマウスが乗ったら背景色を変更する*/
  background-color: rgba(220, 230, 242, 1.0);
  border: rgba(220, 230, 242, 1.0) solid thin;
}


/************/
/*ユーザー登録*/
/************/
/*テキスト入力フォームの概形*/
.user_registration_div input[type=text] {
  width: 100%;
  height: 1.5em;
  min-width: initial;
  min-width: auto;
}
/*セレクト入力フォームの概形*/
.user_registration_div select {
  width: 250px;
  height: 2.0em;
  min-width: initial;
  min-width: auto;
}

.user_registration_div {
  margin-top: 2.0em;
  margin-bottom: 2.5em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

.top_input_block_div{
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}
.line_input_block_div{
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}
.input_block_div{
  margin-top: 1.5em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*名前*/
.user_registration_div .name_sei_ja_input_field {
  display: inline-block;
  width: 200px;
  min-width: 175px;
  margin-top: 1.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 1.0em;
}
.user_registration_div .name_mei_ja_input_field {
  display: inline-block;
  width: 200px;
  min-width: 175px;
  margin-top: 1.0em;
  margin-bottom: 0.0em;
  margin-left: 1.0em;
  margin-right: 0.0em;
}
.user_registration_div .name_mei_en_input_field {
  display: inline-block;
  width: 200px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 1.0em;
}
.user_registration_div .name_sei_en_input_field {
  display: inline-block;
  width: 200px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 1.0em;
  margin-right: 0.0em;
}

/*メールアドレス*/
.user_registration_div .email_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*HQコード*/
.user_registration_div .head_quarter_code_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*売上先コード*/
.user_registration_div .sales_destination_code_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*グループID*/
.user_registration_div .company_group_id_field {
  display: inline-block;
  width: 200px;
  min-width: 175px;
  margin-top: 1.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 1.0em;
}

/*会社名*/
.user_registration_div .company_name_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*部署名*/
.user_registration_div .company_department_name_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*役職名*/
.user_registration_div .company_position_name_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*社員コード*/
.user_registration_div .employee_code_input_field {
  display: inline-block;
  width: 175px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*郵便番号*/
.user_registration_div .postal_code_input_field {
  display: inline-block;
  /*width: 100px;*/
  width: 220px;
  min-width: 100px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*住所*/
.user_registration_div .postal_address_input_field {
  display: inline-block;
  width: 500px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*拠点（支社等）*/
.user_registration_div .footing_input_field {
  display: inline-block;
  width: 350px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*電話番号*/
.user_registration_div .office_telephone_number_input_field {
  display: inline-block;
  /*width: 140px;*/
  width: 260px;
  min-width: 140px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*携帯電話番号*/
.user_registration_div .mobile_telephone_number_input_field {
  display: inline-block;
  /*width: 140px;*/
  width: 260px;
  min-width: 140px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*パスワード*/
.user_registration_div .password_input_field {
  display: inline-block;
  width: 175px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*権限*/
.user_registration_div .authority_input_field{
  display: inline-block;
  width: 300px;
  min-width: 175px;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  margin-right: 0.0em;
}

/*利用規約*/
.user_registration_div .terms_of_use_div{
  width: 900px;
  height: 500px;
  overflow: scroll;
  position: relative;

  /*テスト*/
  /*position: absolute;*/
  /*background-attachment:fixed;*/
}
.user_registration_div .terms_of_use_div img {
  width: 890px;  /*スクロールバーの幅分だけ小さくするとうまくいった*/
}


/**************/
/*利用規約ページ*/
/**************/
.terms_of_use_page_div {
  margin: 0px;
}
.terms_of_use_page_div .terms_of_use_div {
  /*
  divなどのブロック要素にtext-alignを設定しても、指定したブロックに内包されたインライン要素は中央寄せで表示されますが、div自体を画面中央に配置することはできません。
  div自体をセンタリングしたい場合は、marginの設定を変更するか、alignを使用します。
  */
  margin-right: auto; /*中央に寄せる*/
  margin-left: auto;  /*中央に寄せる*/
  width: 900px;
  height: 500px;
  overflow: scroll;
  position: relative;
}
.terms_of_use_page_div .terms_of_use_div img {
  width: 890px;  /*スクロールバーの幅分だけ小さくするとうまくいった*/
}


/*ヘッダー部の箇条書きステータス説明テーブル*/
table.process_status_explanation_table {
  width: 600px;
  margin-bottom: 20px;
}
tr.process_status_explanation_tr {
  /*height: 40px;*/
  background: none;  /*cake.generic.cssの設定のキャンセル*/
}
tr.process_status_explanation_tr:nth-child(2n){
  /*height: 40px;*/
  background: none;  /*cake.generic.cssの設定のキャンセル*/
}
td.process_status_explanation_title_td{
  border-bottom: 0px;
  font-weight: bold;  /*cake.generic.cssの設定のキャンセル*/
  font-size: 24px;
}
td.process_status_explanation_process_number_td{
  width: 15px;
  border-bottom: 0px;  /*cake.generic.cssの設定のキャンセル*/
}
td.process_status_explanation_td{
  border-bottom: 0px;  /*cake.generic.cssの設定のキャンセル*/
}


/*indexのステータステーブル*/
table.index_table td.process_status_td{
  width: 28px;  /*高さに揃えてみた*/
}
/*indexのステータステーブルのステータスボタン*/
table.index_table a.now_process_status {
  /*cake.generic.cssの設定の上書き*/
  background-color: rgba(228, 108, 10, 0.8);
  border: rgba(228, 108, 10, 1.0) solid thin;
  color: white;
}

/*indexの検索フォーム*/
form#SearchIndexForm .select_process_step{
  width: 225px;
  height: 34px;
  margin-top: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
  margin-right: 0px;
  /*border-top-width: 2px;*/  /*これがないとセレクトボックスのデザインが変わってしまうようだった*/
  /*border-bottom-width: 1px;*/  /*これがないとセレクトボックスのデザインが変わってしまうようだった*/
}

/*各処理ステップのステータステーブル*/
table.process_status_table{
  width: 400px;    /*現在のところこの値で個別のidのwidthも調整か*/
  margin-bottom: 20px;
}
table.process_status_table tr{
  border-bottom: 0px;
}
table.process_status_table td{
  width: 28px;  /*高さに揃えてみた　効いていない模様*/
  /*width: 28px;*/
  /*height: 40px;*/
  /*line-height: 40px;*/ /*行の高さを指定してテキストを上下中央にする*/
  border-bottom: 0px;
}
table.process_status_table td.present_page_process_status_element{
  /*border: 3px solid grey;*/
  /*要素の内側に線を描く　方法1　丸みを指定しずらい／できない*/
  outline: 2px solid rgba(0, 0, 0, 0.4);
  outline-offset: -3px;
  /*要素の内側に線を描く　方法2*/
  /*
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  box-sizing: border-box;
  */
}

/*各処理ステップのステータスボタン*/
a.now_process_status {
  /*cake.generic.cssの設定の上書き*/
  background-color: rgba(228, 108, 10, 0.8);
  border: rgba(228, 108, 10, 1.0) solid thin;
  color: white;
}
a.now_process_status:hover {
  /*リンクにマウスが乗ったら背景色を変更する*/
  background-color: rgba(228, 108, 10, 0.35);
  border: rgba(228, 108, 10, 0.35) solid thin;
}
a.next_process_status {
  /*cake.generic.cssの設定の上書き*/
  /*background-color: rgba(79, 98, 40, 0.8);*/
  background-color: rgba(0, 176, 80, 0.7);
  /*border: rgba(79, 98, 40, 1.0) solid thin;*/
  border: rgba(0, 176, 80, 1.0) solid thin;
  color: white;
}
a.next_process_status:hover {
  /*リンクにマウスが乗ったら背景色を変更する*/
  /*background-color: rgba(79, 98, 40, 0.35);*/
  background-color: rgba(0, 176, 80, 0.20);
  /*border: rgba(79, 98, 40, 0.35) solid thin;*/
  border: rgba(0, 176, 80, 0.20) solid thin;
}
a.complete_or_future_process_status {
  /*cake.generic.cssの設定の上書き*/
  background-color: rgba(155, 187, 89, 0.8);
  border: rgba(155, 187, 89, 1.0) solid thin;
  color: white;
}
a.complete_or_future_process_status:hover {
  /*リンクにマウスが乗ったら背景色を変更する*/
  background-color: rgba(155, 187, 89, 0.35);
  border: rgba(155, 187, 89, 0.35) solid thin;
}


/*環境調査／見積依頼　お問い合わせ*/
table.client_input_block_first_table{
  margin-top: 25px;
  margin-bottom: 45px;
}
/*コメントアウト*/
/*table.client_input_block_table{
  margin-bottom: 45px;
}
/**/
table.client_input_block_last_table{
  margin-bottom: 25px;
}


/*ファイルのドラッグアンドドロップ*/
#inputFile {
    position: relative;
    padding: 180px 0 100px;
    text-align: center;
}

#dropArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 100px 0 0;
    border: 2px dashed #494949;
    background: rgba(22, 165, 191, 0);
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}

#dropArea.dragover {
    border: 2px solid #16a5bf;
    background: rgba(22, 165, 191, 0.6);
}

#uploadFile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 300px;
    height: 80px;
    opacity: 0;
}

#inputFileWrap {
    position: relative;
    display: inline-block;
}

#btnInputFile,
#btnChangeFile {
    display: table;
    width: 300px;
}

#btnChangeFile {
    display: none;
}


#btnInputFile span,
#btnChangeFile span {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 300px;
    height: 80px;
    border: 1px solid #333;
    border-radius: 4px;
    background: #333;
    text-decoration: none;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
}

#upFileWrap.selected #btnInputFile {
    display: none;
}

#upFileWrap.selected #btnChangeFile {
    display: table;
}


/***********/
/*マイページ*/
/***********/
/*ユーザー名*/
span.my_page_login_user_name_span{
 float: right;
 font-size: 16px;
 font-weight: normal;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
20210730_kubota　トップページ、およびヘッダー、フッターデザインリニューアル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header {padding: 20px 40px 15px;/*max-width: 1080px*/;margin: 0 auto;box-sizing: border-box;font-weight: bold;}
body.users.registration #header {border-bottom: solid 2px #0E1043;}
#gnavi {background-color: #0E1043;}
#gnavi .dropmenu {background-color: #0E1043;/*max-width: 1080px*/;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
#gnavi .dropmenu li {height: 50px;width: 150px}
#gnavi .dropmenu li:hover > a{background: #ED7E8B;}
#gnavi .dropmenu li a {background-color: #0E1043;height: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;padding: 0px;font-size: 16px;font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", meiryo, sans-serif;}
#gnavi .dropmenu li a:hover{background-color: #C01443;}
#gnavi .dropmenu li ul{background-color: #ED7E8B;}
#gnavi .dropmenu li ul li a {background-color: #ED7E8B;border-top:none;color: #FFF;font-weight: normal;font-size: 14px;font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", meiryo, sans-serif;}
#footer {border-top: 1px solid #EFEFEF;padding: 0;padding-top: 60px;background-color: #FFF}
#footer ul.footer-link {text-align: right;padding: 0 40px;margin-bottom: 30px;box-sizing: border-box;}
#footer ul.footer-link li {display: inline-block;margin: 0}
#footer ul.footer-link li + li{margin-left: 40px}
#footer ul.footer-link li a{color: #0E1043;font-size: 14px;font-weight: normal;text-decoration: none;transition: 0.3s}
#footer ul.footer-link li a:hover{color: #C01443;}
#footer .copyright {background-color: #666666;font-size: 14px;padding: 15px 0;text-align: center;}
.container_1080{margin: 0 auto;padding: 0 40px;box-sizing: border-box;max-width: 1160px}
#home_content ,
#article_content {font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", meiryo, sans-serif;}
#home_content {margin: -10px -20px -40px -20px;/*contentのpaddingを抹消*/}
#home_content .home_mainvisual{background-image: url(/img/keyvisual01.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 380px;}
#home_content .home_mainvisual .container_1080{display: flex;align-items: center;height: 100%}
#home_content .home_mainvisual .home_mainvisual_inner {width: 100%}
#home_content .home_mainvisual .home_mainvisual_inner h1{background: none;color: #333333;font-size: 26px;font-weight: bold;display: block;border-bottom: none;margin-top: 5px;}
#home_content .home_mainvisual .keyvisual-logo{width: 471px;display: inline-block;height: 0;padding-top: 102px;background-image: url(/img/keyvisual-logo.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
#home_content h2,
#home_content h3,
#home_content p,
#article_content h2,
#article_content h3,
#article_content p {color: #0E1043;font-weight: normal;font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", meiryo, sans-serif;}
#home_content .home_nav{padding: 60px 0}
#home_content .home_nav_colwrap{display: flex;justify-content: space-between;margin: -20px}
#home_content .home_nav_col {width: 50%;margin: 20px;box-shadow: 0px 0px 10px 0px #c5c5c5;border-radius: 6px;box-sizing: border-box;transition: 0.3s}
#home_content .home_nav_col:hover {box-shadow: 0px 0px 20px 0px #b1b1b1;}
#home_content .home_nav_col a{text-decoration: none;display: flex;padding: 30px;box-sizing: border-box;transition: 0.3s}
#home_content .home_nav_col .home_nav_col_inner_l {width: 22%;background-size: 84% ;background-position: top left;background-repeat: no-repeat;}
#home_content .home_nav_col .home_nav_col_inner_l img{transition: 0.3s}
#home_content .home_nav_col .home_nav_col_inner_r {width: 78%;}
#home_content .home_nav_col .home_nav_col_inner_r h3{font-size:30px;transition: 0.3s;font-weight: bold;}
#home_content .home_nav_col .home_nav_col_inner_r p{font-weight: normal;margin-bottom: 70px;transition: 0.3s}
#home_content .home_nav_col .home_nav_col_inner_r span{display: block;text-align: right;color: #C01443;font-weight: bold;font-size: 18px;transition: 0.3s}
#home_content .home_nav_col .home_nav_col_inner_r span::after{content: url(/img/red-arrow.png);margin-left: 15px;display: inline-block;transition: 0.3s}
#home_content .home_nav_col.environment .home_nav_col_inner_l{background-image: url(/img/homenav01.png)}
#home_content .home_nav_col.quotation .home_nav_col_inner_l{background-image: url(/img/homenav02.png)}
#home_content .home_nav_col a:hover .home_nav_col_inner_l img{opacity: 0.7}
#home_content .home_nav_col a:hover .home_nav_col_inner_r h3{opacity: 0.7}
#home_content .home_nav_col a:hover .home_nav_col_inner_r p{opacity: 0.7}
#home_content .home_vision{background-color: #EFEFEF;padding: 90px 0 60px;position: relative;}
#home_content .home_vision::before {content:"";position: absolute;top:0;left: calc(50% - 100px);border-right: 100px solid transparent;border-top: 30px solid #FFFFFF;border-left: 100px solid transparent; }
#home_content .home_vision p{text-align: center;font-size: 16px;font-weight: normal;}
#home_content .home_vision h2{text-align: center;font-size: 30px}
#home_content .home_vision h3{text-align: center;font-size: 18px}
#home_content .home_vision .home_vision_colwrap{display: flex;justify-content:space-around;margin-top: 40px;flex-wrap: wrap;}
#home_content .home_vision .home_vision_col{width: 144px;padding: 0 10px;margin-bottom: 20px;}
#home_content .home_vision .home_vision_col img{width: 100%}
#home_content .home_vision .vision_img{background-size: cover ;background-position: center;background-repeat: no-repeat;width: 100%;height: 144px;margin-bottom: 10px}
#home_content .home_vision .vision_img.v_img01{background-image: url(/img/vision01.png)}
#home_content .home_vision .vision_img.v_img02{background-image: url(/img/vision02.png)}
#home_content .home_vision .vision_img.v_img03{background-image: url(/img/vision03.png)}
#home_content .home_vision .vision_img.v_img04{background-image: url(/img/vision04.png)}
#home_content .home_vision .vision_img.v_img05{background-image: url(/img/vision05.png)}
@media screen and (max-width: 980px) {
  #home_content .home_nav_col .home_nav_col_inner_r br {display: none}
  #home_content .home_nav_col a{padding: 20px}
}
@media screen and (max-width: 768px) {
  #home_content .home_nav_col {margin: 20px 0}
  #home_content .home_nav_col .home_nav_col_inner_l {width: 100px}
  #home_content .home_nav_colwrap {display: block;margin: 0}
  #home_content .home_nav_col {width: 100%}
}
@media screen and (max-width: 580px) {
  #home_content .home_nav_col{width: 100%}
  #home_content .home_nav_colwrap{flex-wrap: wrap;}
  .container_1080{padding: 0 15px;}
  #footer ul.footer-link {padding: 0 15px;}
  #footer ul.footer-link li{display: block;margin-bottom: 15px;text-align: center;}
  #footer ul.footer-link li + li{margin-left: 0}
  #header {padding: 20px 15px 15px;}
  #gnavi .dropmenu {padding: 0 15px;}
  #home_content .home_mainvisual .keyvisual-logo{width: 90%;padding-top: calc(10 / 47 * 90%);}
  #home_content .home_nav_col .home_nav_col_inner_r p{margin-bottom: 20px}
  #home_content .home_nav_col .home_nav_col_inner_l {width: 80px}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
20220221_kubota　TOP改定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.plaplat-container {
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
  max-width: 1160px;
}
#home_content .plaplat-kv{
  background-image: url(../img/keyvisual01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 430px;
}
#home_content .plaplat-kv-inner{
  height: 100%;
  position: relative;
}
#home_content .plaplat-kv-main{
  padding-top: 65px;
  text-align: center;
}
#home_content .plaplat-kv-logo{
  max-width: 280px;
  width: 70%;
  margin-bottom: 24px;
}
#home_content .plaplat-kv-copy{
  font-size: 42px;
  line-height: 1.3;
  font-weight: bold;
  color: #000000;
  margin-bottom: 28px;
}
#home_content .plaplat-kv-lead{
  line-height: 1.7;
  font-size: 18px;
}
#home_content .plaplat-kv-news{
  display: flex;
  position: absolute;
  bottom:20px;
  background-color: rgba(255,255,255,0.8);
  width: calc(100% - 80px);
  box-sizing: border-box;
  padding: 0 40px;
}
#home_content .plaplat-kv-news .plaplat-news-kv-head{
  width: 140px;
  display: flex;
  align-items: center;
}
#home_content .plaplat-kv-news .plaplat-news-kv-body{
  width: calc(100% - 140px);
}
#home_content .plaplat-news-head{
  text-align: center;
  position: relative;
}
#home_content .plaplat-news-arcivelink{
  position: absolute;
  right: 0;
  bottom: 0;
  color: #0E1043;
}
#home_content .plaplat-news-mark{
  width: 24px;
  margin-right: 15px;
}
#home_content .plaplat-news-headline{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color:#0E1043;
  margin-bottom: 0px;
}
#home_content .plaplat-news-body,
#article_content .plaplat-news-body {
  margin-top: 20px;
}
#home_content .plaplat-news-body .plaplat-news-list,
#article_content .plaplat-news-body .plaplat-news-list {
  border-top: 1px solid #EFEFEF ;
  border-bottom: 1px solid #EFEFEF ;
}
#home_content .plaplat-news-body .plaplat-news-list + .plaplat-news-list,
#article_content .plaplat-news-body .plaplat-news-list + .plaplat-news-list {
  border-top: none ;
}
#home_content .plaplat-news-list,
#article_content .plaplat-news-list{
  display: flex;
  padding: 24px 0;
}
#home_content .plaplat-news-date,
#article_content .plaplat-news-date {
  font-size: 15px;
  width: 115px;
}
#home_content .plaplat-news-title,
#article_content .plaplat-news-title {
  font-size: 15px;
  width: calc(100% - 115px);
  position: relative;
  padding: 0 30px 0 0;
}
#home_content .plaplat-news-title::after,
#article_content .plaplat-news-title::after {
  content: url(/img/top/red-arrow.png);
  position: absolute;
  right: 0;
  top: calc(50% - 8.5px);
}
#home_content .plaplat-news-title a,
#article_content .plaplat-news-title a {
  font-size: 15px;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
.plaplat-section {
  padding: 60px 0;
}
.plaplat-section.plaplat-solution-bg{
  background-color: #E1E6EC;
}
#home_content .plaplat-text{
  text-align: center;
}
#home_content .plaplat-text h2,
#article_content .plaplat-text h2{
  font-weight: bold;
  font-size: 30px;
  color: #0E1043;
  line-height: 1.3;
  text-align: center;
}
#home_content .plaplat-text h2 + P,
#article_content .plaplat-text h2 + P{
  margin-top: 28px;
  line-height: 1.5;
}
#home_content .plaplat-panelarea{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px -20px;
}
#home_content .plaplat-panel{
  width: 100%;
  box-shadow: 0px 0px 10px 0px #c5c5c5;
  margin: 10px;
  position: relative;
  border-radius: 10px;
}
#home_content .plaplat-solution .plaplat-panel{
  max-width: 345px;
  background-color: #FFFFFF;
}
#home_content .plaplat-members .plaplat-panel{
  width: calc(50% - 40px);
  padding: 20px;
  box-sizing: border-box;
  box-shadow: none;
  border: solid 1px #0E1043;
}
#home_content .plaplat-solution .plaplat-panel a {
  padding: 20px;
  display: block;
  height: 100%;
  transition: 0.3s;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: normal;
}
#home_content .plaplat-solution .plaplat-panel a:hover {
  text-decoration: none;
  color: #0E1043;
  opacity: 0.7;
}
#home_content .plaplat-paneltitle{
  display: flex;
  align-items: center;
}
#home_content .plaplat-solution .plaplat-paneltitle{
  margin-bottom: 18px;
}
#home_content .plaplat-solution .plaplat-paneltitle-l{
  width: 100px;
}
#home_content .plaplat-members .plaplat-paneltitle-l{
  width: 65px;
  margin-right: 15px;
}
#home_content .plaplat-paneltitle-l img{
  width: 100%;
}
#home_content .plaplat-paneltitle h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  color: #0E1043;
}
#home_content .plaplat-paneltitle h3 + p{
  margin-top: 12px;
}
#home_content .plaplat-paneltext{
  padding-bottom: 40px;
}
#home_content .plaplat-paneltext p ,
#home_content .plaplat-paneltitle p {
  font-size: 14px;
  color: #0E1043;
  line-height: 1.5;
}
#home_content .plaplat-panellink{
  position: absolute;
  bottom:20px;
  right: 20px;
}
#home_content .plaplat-panellink p{
  font-size: 15px;
  color: #C01443;
  text-align: right;
  position: relative;
  padding-right: 40px;
  margin-bottom: 0;
}
#home_content .plaplat-panellink::after{
  content: url(/img/top/red-arrow.png);
  position: absolute;
  right: 0;
  top: calc(50% - 8.5px);
}
#home_content .plaplat-panellink.linkunder p{
  padding-right: 0px;
}
#home_content .plaplat-panellink.linkunder::after{
  content:none;
}
#home_content .plaplat-cv-bg{
  background-image: url(../img/cv-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#home_content .plaplat-cv-contact,
#home_content .plaplat-cv-log {
  text-align: center;
  padding: 30px 0;
}
#home_content .plaplat-cv-link,
#article_content .plaplat-backlink a{
  display: block;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
  width: 90%;
  margin: 0 auto;
  max-width: 520px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 0px #c5c5c5;
  text-decoration: none;
}
#article_content .plaplat-backlink{
  margin-top: 60px;
}
#home_content .plaplat-cv-link:hover,
#article_content .plaplat-backlink a:hover  {
  color: #FFFFFF;
  text-decoration: none;
  opacity: 0.7;
}
#home_content .plaplat-cv-textsub{
  display: block;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 4px;
}
#home_content .plaplat-cv-textmain{
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}
#home_content .plaplat-cv-link.plaplat-red{
  background-color: #C01443;
}
#home_content .plaplat-cv-link.plaplat-blue{
  background-color: #0E1043;
}
#home_content .plaplat-cv-link.plaplat-white,
#article_content .plaplat-backlink a {
  color: #0E1043;
  border: 1px solid #cccccc;
  box-shadow: none;
  padding: 15px;
  font-weight: bold;
}
#home_content .plaplat-newarea {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
#home_content .plaplat-footer-nav{
  text-align: right;
  padding-top: 36px;
  padding-bottom: 30px;
}
#home_content .plaplat-footer-nav a {
  color: #0E1043;
  display: inline-block;
}
#home_content .plaplat-footer-nav a + a{
  margin-left: 40px;
}
.plaplat-section-last{
  padding-bottom: 100px;
}

#article_content .plaplat-content{
  margin-top: 40px;
  margin-bottom: 90px;
}
#article_content .plaplat-content-title {
  font-size: 24px;
  color: #0E1043;
  line-height: 1.5;
  margin-bottom: 48px;
  font-weight: bold;
}
#article_content .plaplat-content-time{
  font-size: 15px;
  color: #0E1043;
  margin-bottom: 20px;
}
#article_content .plaplat-content-text p{
  line-height: 1.7;
  font-size: 16px;
  margin-bottom: 30px;
  color: #000000;
}
#article_content .plaplat-content-text img{
  max-width: 100%;
  height: auto;
}
#article_content .plaplat-content-text p a{
  text-decoration: underline;
  color: #C01443;
  transition: 0.3s;
  font-weight: normal;
}
#article_content .plaplat-content-text p a:hover{
  opacity: 0.7;
}

@media screen and (max-width:768px) {
  #home_content .plaplat-kv-main{
      padding: 50px 20px 0;
  }
  #home_content .plaplat-members .plaplat-panel {
      width: 100%;
  }
  #home_content .plaplat-panelarea{
      margin: 20px 0;
  }
  #home_content .plaplat-kv{
      height: auto;
      padding-bottom: 30px;
  }
  #home_content .plaplat-kv-lead{
    font-size: 15px;
}
  #home_content .plaplat-kv-news{
      position: static;
      width: 100%;
      padding: 0 20px;
  }
  #home_content .plaplat-kv-news .plaplat-news-headline{
      display: none;
  }
  #home_content .plaplat-news-mark{
      width: 18px;
      margin-right: 10px;
  }
  #home_content .plaplat-kv-news .plaplat-news-kv-head{
      width: 40px;
  }
  #home_content .plaplat-kv-news .plaplat-news-kv-body{
      width: calc(100% - 40px);
  }
  #home_content .plaplat-news-list{
      display: block;
      padding: 20px 0;
  }
  #home_content .plaplat-news-date{
      width: 100%;
      margin-bottom: 10px;
      font-size: 14px;
  }
  #home_content .plaplat-news-title{
      width: 100%;
      box-sizing: border-box;
      font-size: 14px;
  }
  #home_content .plaplat-paneltext p ,
  #home_content .plaplat-paneltitle p {
  font-size: 13px;
  }
}
@media screen and (max-width:500px) {
  #home_content .plaplat-kv-main{
      padding: 40px 5px 0;
  }
  #home_content .plaplat-kv-copy{
      font-size: 22px;
  }
  .plaplat-container {
      padding: 0 16px;
  }
  #home_content .plaplat-news-headline{
      justify-content: left;
  }
  #home_content .plaplat-footer-nav a{
      display: block;
  }
  #home_content .plaplat-footer-nav a + a{
      margin-top: 20px;
  }
  #home_content .plaplat-news-arcivelink{
      font-size: 15px;
  }
  #home_content .plaplat-text h2,
  #article_content .plaplat-text h2{
      font-size: 24px;
  }
  #home_content .plaplat-cv-textsub{
      font-size: 14px;
  }
  #home_content .plaplat-cv-textmain{
      font-size: 20px;
  }
  #home_content .plaplat-solution .plaplat-paneltitle-l{
      width: 60px;
  }
  #home_content .plaplat-panel{
      margin: 10px 0;
  }
  .plaplat-section{
      padding: 50px 0px;
  }
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
20210821_ha　その他レイアウト改訂
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
20210730_kubota　その他レイアウト改訂
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body.companies h1 , body.users h1 , p.process_step_p {margin-top: 40px;padding: 0 0 15px;font-size: 30px;font-weight: bold;color: #0E1043;line-height: 1.3;border-bottom: solid 1px #555;}
.search {background-color: #eee;padding: 15px;margin: 0;clear: both;overflow: hidden;}/*border-radius: 5px;border: 1px solid #DBDBDB;を削除する*/
.search legend {display: none}
.search .input.checkbox {display: inline-block;margin-top: 23px;margin-bottom: 0;padding-left: 5px;box-sizing: border-box;}
form .searching {position: relative;display: inline-block;}
.search .text , .search .checkbox , .search .select{width: 220px;margin-right: 0px;margin-left: 0px;margin-bottom: 0}/*margin-righ:5pxを0pxにする*/
.search .text label , .search .select label {font-size: 13px;margin-bottom: 0}
.search .text input[type="text"]{border-radius: 4px;border: 1px solid #949393;box-sizing: border-box;}
.search .checkbox label[for="search_user_name"]{font-size: 15px}
.search form div.submit{margin: 19px 7px 0;}
.search fieldset{margin-bottom: 0;padding: 0}
.search form .submit input[type=submit]{background-color: #ED7E8B;background-image:none;border: none;text-shadow: none;padding: 3px 28px;font-size: 15px}
.search form .submit input[type=submit]:hover{background-color: #D55967;}
form .searching:before{left:15px;}
form#SearchIndexForm .select_process_step{height: 29px;width:100%;font-size: 16px;border-radius: 4px;border: 1px solid #949393;}
.search form {margin-right: 0;width: 100%}
.process_status_explanation_table{width: 100%;background-color: #F9F9F9;border: #DBDBDB;}
table.process_status_explanation_table{width: 100%;background-color: #F9F9F9;border: solid 1px #DBDBDB;margin-top: 5px;border-radius: 5px;}
tr.process_status_explanation_tr{display: inline-block;margin: 3px 10px}
td.process_status_explanation_process_number_td{padding: 2px;width: auto;line-height: 1.4;background-color: rgba(155, 187, 89, 0.8);border-radius: 3px;border: rgba(155, 187, 89, 1.0) solid thin;padding: 0 5px;font-size: 13px;color:#FFF;}
td.process_status_explanation_td{padding: 2px;line-height: 1.2;}
body.users.registration #content , body.users.add #content {padding: 10px 40px 40px 40px;width: 750px;margin: 0 auto;}
body.users.view #content , body.companies.view #content , body.companies.add #content , body.quotation_requests.add #content , body.environment_surveys.add #content {padding: 10px 40px 40px 40px;width: 1080px;margin: 0 auto;}
.listTable{width:100%;}
body.users.view .viewTable table , body.companies.view .viewTable table{border-spacing:0px;border-collapse:collapse;font-size: 16px;line-height: 1.3}
body.users.view .viewTable table tr , body.companies.view .viewTable table tr {border-bottom: 1px solid #DCDCDC;}
body.users.view .viewTable table tr:first-child , body.companies.view .viewTable table tr:first-child {border-top: 1px solid #DCDCDC;}
body.users.view .viewTable table tr th , body.companies.view .viewTable table tr th{width: 180px;background-color: #EFEFEF;border-bottom: none;padding: 10px 15px;}
body.users.view .viewTable table tr td , body.companies.view .viewTable table tr td{border-bottom: none;padding: 10px 15px;background-color: #FFFFFF}
p.process_script_p {font-size: 16px;margin: 30px 0 40px 0}
p.process_name_p {font-size: 24px;font-weight: bold;color: #0E1043;margin: 30px 0;}
.user_registration_div{}
.user_registration_div .top_input_block_div{border-bottom: 1px solid #DCDCDC;border-top: 1px solid #DCDCDC;overflow:auto;padding: 10px 0}
.user_registration_div .top_input_block_div label[style="font-weight:bold"] {width: 160px;display: inline-block;margin-top: 45px;margin-bottom: 0px;line-height: 1;font-size: 16px;}
.user_registration_div .top_input_block_div div:not([class]) {width: calc(100% - 160px);display: inline-block;float: right;clear:both;margin-bottom: 0}
.user_registration_div .line_input_block_div{border-bottom: 1px solid #DCDCDC;border-top: 1px solid #DCDCDC;overflow:auto;padding: 10px 0}
.user_registration_div .line_input_block_div label[style="font-weight:bold"] {width: 200px;display: inline-block;margin-top: 45px;margin-bottom: 0px;line-height: 1;font-size: 16px;}
.user_registration_div .line_input_block_div div:not([class]) {width: calc(100% - 160px);display: inline-block;float: right;clear:both;margin-bottom: 0}
.user_registration_div .input_block_div {border-bottom: 1px solid #DCDCDC;margin-top: 0}
.user_registration_div .input_block_div label {width: 160px;display: inline-block;font-size: 16px;}
.user_registration_div .top_input_block_div input[type=text] {font-size: 15px;border-radius: 4px;border: solid 1px #949393;}
.user_registration_div .line_input_block_div input[type=number] {font-size: 15px;border-radius: 4px;border: solid 1px #949393;}
.user_registration_div .input_block_div input[type=text] {width: calc(100% - 180px);display: inline-block;font-size: 15px;border-radius: 4px;border: solid 1px #949393;}
.user_registration_div .company_name_input_field ,
.user_registration_div .email_input_field ,
.user_registration_div .company_department_name_input_field ,
.user_registration_div .company_position_name_input_field ,
.user_registration_div .postal_code_input_field ,
.user_registration_div .postal_address_input_field ,
.user_registration_div .footing_input_field ,
.user_registration_div .office_telephone_number_input_field ,
.user_registration_div .password_input_field ,
.user_registration_div .employee_code_input_field ,
.user_registration_div .authority_input_field ,
.user_registration_div .mobile_telephone_number_input_field {width: 100%;padding: 10px 0;}
.user_registration_div .name_sei_ja_input_field ,
.user_registration_div .name_mei_ja_input_field ,
.user_registration_div .name_mei_en_input_field ,
.user_registration_div .name_sei_en_input_field {margin-top: 0;font-weight: normal;font-size: 13px;line-height: 1;width: 250px}
.user_registration_div .company_group_id_field {margin-top: 0;font-weight: normal;font-size: 13px;line-height: 1;width: 100px}
.user_registration_div .terms_of_use_div {width: 100%}
.user_registration_div .terms_of_use_div img{width: 100%}
body.users form {width: 100%;margin-right: 0}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
20211008　見積css 以下に記載
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.estimate_section{padding: 40px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#estimate_area form{margin: 0 auto;}
#estimate_area {width: 840px;margin: 0 auto;border: solid 1px #ccc;padding: 40px;}
#estimate_area table{
  border: none;
  background-color: #FFFFFF;
  margin: 0;
  clear: none;
  border-spacing: 0px;
  table-layout: fixed;
}
#estimate_area table tr:nth-child(even){
  border: none;
  background-color: #FFFFFF;
}
#estimate_area table tbody th {
  width: auto;
  padding: 4px;
  border: none;
  background-color: #FFFFFF;
  line-height: 1.3;
}
#estimate_area table tr td{
  padding:4px;
  border: none;
  background-color: #FFFFFF;
  line-height: 1.3;
}
#estimate_area table tr.tr_blank{
  height: 20px;
}
#estimate_area table.estimate_others{
  margin-top: 20px;
}