カスタムコントローラ
パラメータシート作成 / 発行依頼フォーム

ご入力

ご確認

完了

申請型番 製品型番の例:LZ-WA10/W1、製品構成コードの例:CSJY00069F6BC7B
輸出申請会社名 ※ここに記載された会社名がパラメータシート発行時の宛名になります。
輸出先(仕向地)
希望納期(着日希望) ※書類の送付までに7~10日程度かかりますのでご了承ください。
会社名(ご記入者)
部署名(ご記入者)
氏名(ご記入者)
メールアドレス(ご記入者)

例:info@example.co.jp
郵便番号(ご記入者) 例:000-0000
都道府県(ご記入者)
住所(ご記入者)
建物名(ご記入者)
電話番号(ご記入者)
書類発送先 上記記入者様に送付
下記送付先に送付
ご記入者様と書類送付先が異なる場合は、下記に記入をお願いします。
会社名(送付先)
部署名(送付先)
氏名(送付先)
郵便番号(送付先) 例:000-0000
住所(送付先)
自由項目
キャンペーン Css @charset "utf-8"; /* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Lato:400,700|Noto+Sans+JP:400,700); @import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css); /* =================================== 基本設定 =================================== */ html { overflow-y:scroll; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: normal; font-style: normal; } li { list-style: none; } /* =================================== 共通 =================================== */ /* フォント */ body { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } select,input,button,textarea { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ body { background:WhiteSmoke; /* 背景色 */ text-align:center; /* 中央に表示 */ } /* フォームエリア全体の設定 */ div.container { width:100%; /* 画面の横幅 */ background:white; /* 背景色 */ /*border:Gainsboro 2px solid; 外枠のラインの色と太さ */ font-size:16px; /* フォントの初期サイズ */ color:#333; /* フォントの初期カラー */ margin:0 auto; /* 画面の中央に表示 */ text-align:left; /* 左寄せ */ /*padding: 0px 80px;*/ } /*----------ヘッダー------------*/ .header { width: 100%; position: relative; height: 240px; background-color: #d6d6d6; /*ヘッダーの背景色*/ background-image: url(https://asset-test.lmsg.jp/13270/LF_bg_1920_370_for_campaign.jpg); /*<-------------------------------------【H】 ヘッダー画像()の中に背景画像のURLを設定*/ background-position: top; background-size: cover; } .header .inner { position: relative; width: 100%; padding: 30px 0; max-width: 720px; margin: auto; } .header .inner .title_area { padding: 1.5em; background: rgba(0,0,0,.5); display: block; margin: auto; max-width: 700px } .header .inner h1 { font-weight: normal; color: #ffffff; font-size: 26px; /*<--------------------------------------------------------------------------------------【W1】タイトルのフォントサイズ*/ text-align: center; } .header .inner .sub_text { color: #ffffff; /*サブテキストのテキストカラー*/ font-size: 16px; /*<--------------------------------------------------------------------------------------【W2】サブテキストのフォントサイズ*/ text-align: right; } .msg { width: 100%; max-width: 720px; margin: auto; text-align: center; padding: 45px 0; } /*-----------入力ステップ--------*/ .step { clear: both; width: 100%; max-width: 720px; margin: 10px auto; display: flex; align-items: center; justify-content: space-between; } .step p { text-align: center; display: block; width: 30%; font-size: 18px; color: #999; padding: 1em 0; border-bottom: 2px #999 solid; font-weight: bold; } .step p.active { color: #226699; border-bottom: 2px #226699 solid } .preview-notice { font-size: 18px; } /*----------フッター------------*/ .footer { width: 100%; font-size: 12px; padding: 1em 0 .5em; text-align: center; background-color: #226699; /*<------------------------------------------------------------------------【C1】フッターの背景色*/ color: #fff; /*<--------------------------------------------------------------------------------------【C2】フッターの文字色*/ } /* ボタンの表示エリアの設定 */ div.button_area { margin: 0 auto; text-align:center; /* 中央にボタンを表示 */ clear: both; padding: 5px 0 25px; background: #fff; /* 背景色*/ } /* =================================== 設問エリアのレイアウト =================================== */ .message { max-width: 720px; margin: auto; } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; /* 画面の横幅 */ max-width: 720px; margin:0 auto; /* 中央に表示 */ background: #fff; padding-top: 30px; } /* 設問の表 */ table.items { border:none; border-collapse: collapse; width: 100%; border-top: #ccc 1px solid; } /* 設問の行 */ .items tr { border-bottom: #ccc 1px solid; } /*設問名のセルのデザイン */ table.items td { padding: .5em; } td.label { width: 30%; /* 実際の設問名の文字の長さに合わせて調整してください */ color: #333; font-size: 15px; vertical-align: top; /* ラベルの配置 */ background: #f6f6f6; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { width: 50%; /* 入力コントロールの幅に合わせて調整してください */ background: #fff; } /* 設問の入力例/説明セルのデザイン */ td.comment { font-size:12px; color: #ccc; vertical-align: top; background: #fff; } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right:5px; font-size:85%; font-weight:bold; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { font-size:110%; } /* 入力エラーメッセージのデザイン */ div.message { width: 100%; max-width:700px; padding:5px 10px ; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px auto ; font-size:14px; font-weight:bold; color: #f44336; background:LightYellow; } /* 公開終了メッセージのデザイン */ div.finished-message { padding:1em; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 0; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color: #ea6d01; background:MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ input[type=text],select { box-sizing: border-box; /*margin: 8px 0;*/ padding: 0.5em; transition: 0.3s; border: 1px solid #c3c3c3; border-radius: 4px; outline: none; } input[type="text"][name="person_name_last"],input[type="text"][name="person_name_first"] { width: 130px; } textarea { box-sizing: border-box; width: 100%; padding: 0.3em; transition: 0.3s; border: 1px solid #c3c3c3; border-radius: 4px; outline: none; height: 4em; } /* 確認/送信/戻る/登録ボタン */ input[type="button"] { background: #3d948c; /*<---------------------------------------------------------------------------------【B1】ボタンの色 */ color: #ffffff; /*<--------------------------------------------------------------------------------------【B2】ボタンのフォントカラー */ font-size: 18px; /*ボタンのフォントサイズ*/ font-weight: bold; /*フォントの太さ */ text-decoration: none; /*フォントの装飾 */ border: none; padding: 1em 4em; border-radius: 4px; margin: 15px; } input[type="button"]:hover { /*background: #3fbfbd; ボタンのマウスオーバー時の色*/ border-bottom: none; cursor: pointer; } #button_confirm_back { background: #666; } /* 入力中のフィールドの背景色 */ /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]:focus { background-color:#d9fffb; border-color: #3fbfbd; } /* テキストボックス */ select:focus { background-color:#d9fffb; border-color: #3fbfbd; } /* プルダウン */ textarea:focus { background-color:#d9fffb; border-color: #3fbfbd; } /* テキストエリア */ input[type="checkbox"],input[type="radio"] { width: 22px; height: 22px; vertical-align: top; } /*カレンダー*/ #ui-datepicker-div { width: 95%; max-width: 300px; padding: 0; border-radius: 4px; } .ui-datepicker { background:#f6f6f6; } .ui-datepicker td { padding: 1px 5px; } .ui-datepicker tr:hover { background:#f6f6f6; } .ui-datepicker tr td:hover { background:#d9fffb; border: 1px #3fbfbd solid; } /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { float:right; margin-right:4px; font-size:10px; font-weight:bold; color:#fff; background: #ea6d01; padding: .1em .25em; border-radius: 3px; } span.required:after { /* ここを編集することで表示されるマークを変更できます */ content:"必須"; } /* 必須項目についての説明文 */ p.required_msg { text-align:right; margin-right:4px; font-size:80%; font-weight:bold; color:#ea6d01; } p.required_msg:after { /* ここを編集することで表示されるマークを変更できます */ content:"「必須」となっている項目は必ず入力してください。"; } /* メールアドレスの再入力メッセージ */ p.label_mail { margin:5px 0 1px 0; font-size:85%; font-weight:bold; color:DarkSlateGray; } p.label_mail:after { /* ここを編集することで表示されるメッセージを変更できます */ content:"確認のため、もう一度メールアドレスを入力してください"; } /* =================================== スマートフォン表示用のレイアウト =================================== */ /* スマートフォンとして認識する画面の横幅のサイズ */ @media screen and (max-width:479px ) { /* フォームエリア全体の設定 */ div.container { width: 100%; } .header { height: 120px; } .header .inner { padding: 0; height: 120px; background: rgba(0,0,0,.5); } .header .inner .title_area { padding: 1em .5em; width: calc(100% - 1em); background: none; } .header .inner h1 { /*<--------------------------------------------------------------------------------------【W3】スマホ表示:タイトルのフォントサイズ*/ font-size: 15px; } .header .inner .sub_text { font-size: 13px; /*<-------------------------------------------------------------------------------------【W4】スマホ表示:サブテキストのフォントサイズ*/ } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; } /* 設問の表 */ table.items { width: 100%; } /*設問名のセルのデザイン */ td.label { float: left; width: 95%; padding-top:10px; } /* 必須項目のマーク */ span.required { float:initial; margin-left: 4px; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { float: left; width: 95%; /* 入力コントロールの幅に合わせて調整してください */ padding-bottom: 0px; } /* 設問の入力例/説明セルのデザイン */ td.comment { float: left; width: 95%; padding: 0px 2px 10px 2px; } /* 設問の入力例/テキストボックス */ input[type="text"]{ font-size: 120%; width: 95% !important; } /* 設問の入力例/テキストエリア */ textarea { width: 95%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 95%; } .ui-datepicker th { width: 14%; } .ui-datepicker td { float: none; } }
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。