NTTスマートコネクト

定期セミナー

お申し込みフォーム

  • STEP1入力
  • STEP2確認
  • STEP3完了

フォームに入力いただき「同意して確認画面へ」ボタンをクリックしてください

日程
会社名
部署名
姓名
電話番号
メールアドレス
セミナーを知ったきっかけを教えてください NTTスマートコネクトからの案内メール
NTTスマートコネクトのウェブサイト
NTTスマートコネクト・NTT西日本の営業担当者からの紹介
営業担当者名 NTTスマートコネクト・NTT西日本からのご紹介の場合、担当者名をお分かりになる範囲でご入力ください
/* =================================== 基本設定 =================================== */ html { overflow-y: scroll; scroll-behavior: smooth; } 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; } * { margin: 0; padding: 0; font-weight: normal; color: #323232; font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "MS ゴシック", sans-serif; font-weight: 500; line-height: 1.4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .sp_only { display: none; } .pc_only { display: block; } /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; } /* =================================== 共通 =================================== */ /* フォント */ body { font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'MS Pゴシック', 'Hiragino Kaku Gothic ProN', sans-serif; } select, input, button, textarea { font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'MS Pゴシック', 'Hiragino Kaku Gothic ProN', sans-serif; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ body { background: #FFF; /* 背景色 */ text-align: center; /* フォームエリアを中央に表示 */ padding-bottom: 50px; } /* フォームエリア全体の設定 */ div.container { width: 100%; /* 画面の横幅 */ background: #FFF; /* 背景色 */ font-size: 18px; /* フォントの初期サイズ */ color: #808080; /* フォントの初期カラー */ margin: 0 auto; /* 画面の中央に表示 */ text-align: left; /* 左寄せ */ } /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { width: 920px; /* 画面の横幅 */ margin: 0 auto; /* 中央に表示 */ background: white; } /* 設問の表 */ table.items { width: 100%; } /* 設問の行 */ tr.item { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #CCC; } /* 必要であれば行のデザインを設定することができます */ /*設問名のセルのデザイン */ td.label { display: block; width: 100%; margin-bottom: 10px; color: #004098; font-weight: bold; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { display: block; /*width: 100%;*/ } /* 設問の入力例/説明セルのデザイン */ td.comment { font-size: 12px; color: DarkSlateGray; background: White; margin-top: 10px; } td select { width: 100%; padding: 10px; } td input { margin-right: 10px } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right: 5px; font-size: 85%; color: #808080; } span.label_name + input { width: 366px; } span.label_name + input:nth-child(2) { margin-right: 17px; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { font-size: 100%; } /* ボタンの表示エリアの設定 */ div.button_area { width: 920px; text-align: center; /* 中央にボタンを表示 */ } /* 入力エラーメッセージのデザイン */ div.message { width: 100%; margin: 30px auto; padding: 20px; /* メッセージテキストと背景色の隙間のサイズ */ font-size: 18px; font-weight: bold; text-align: center; color: #E80000; background: #FFD4D4; position: fixed; bottom: -30px; z-index: 99999; } /* 公開終了メッセージのデザイン */ div.finished-message { width: 920px; margin: 30px auto; padding: 5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ font-size: 14px; font-weight: bold; color: Crimson; background: MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ /* 確認/送信/戻る/登録ボタン */ input[type=button] { width: 40%; font-size: 18px; background: #3492EE; /* ボタンの色 */ padding: 20px; /* ボタンの文字の 上 右 下 左 の隙間のサイズ */ margin: 0px 10px 0px 10px; /* 確認画面に表示される2つのボタンの左右の余白サイズ */ border: none; /* ボタンに枠線をつけたい場合は、ここを設定してください */ color: white; /* 文字の色 */ font-weight: bold; border-radius: 10px; } input#button_confirm_back { display: none; } input[type=button]:hover { cursor: pointer; } /* 入力中のフィールドの背景色 */ input, textarea { padding: 10px; background: #EAF4FE; border: solid 1px #ccc; border-radius: 3px; } /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]:focus { background-color: LightYellow; } /* テキストボックス */ select:focus { background-color: LightYellow; } /* プルダウン */ textarea:focus { background-color: LightYellow; } /* テキストエリア */ /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { font-size: 80%; margin-left: 5px; color: OrangeRed; } span.required:after { /* ここを編集することで表示されるマークを変更できます */ content: "※必須"; } /* 必須項目についての説明文 */ p.required_msg { text-align: right; margin-right: 4px; font-size: 80%; font-weight: bold; color: OrangeRed; } 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: "確認のため、もう一度メールアドレスを入力してください"; } #privacy_policy { text-align: center; font-size: 20px; } #privacy_policy div:nth-child(2) { font-size: 12px; width: 920px; margin: auto; } .button_area { width: 920px; margin: auto; text-align: center; } #smc_form #smc_form_contents { width: 920px; margin: auto; margin-bottom: 50px; } #smc_form h1 { padding: 15px; } #smc_form h2 { background: #04449A; text-align: center; color: #FFF; font-size: 32px; font-weight: bold; padding: 15px 0; margin-bottom: 50px; } #smc_form h2 span { display: block; color: #FFF; font-size: 20px; margin-bottom: 5px; } #smc_form h3 { text-align: center; font-size: 28px; font-weight: bold; position: relative; margin-bottom: 50px; } #smc_form h3:after { content: ''; width: 30px; height: 3px; background: #04449A; position: absolute; right: 0; left: 0; margin: auto; bottom: -10px; } #smc_form h4 { font-size: 30px; font-weight: bold; color: #04449A; margin-bottom: 30px; } #smc_form p { margin-bottom: 20px; } #smc_form p strong { font-size: 120%; font-weight: bold; } #smc_form p strong.line { background: linear-gradient(transparent 50%, #fff799 0%); color: #dd0a35; padding: 0 5px; } #smc_form #flow { width: 920px; margin: auto; display: flex; align-items: center; margin-bottom: 30px; overflow: hidden; } #smc_form #flow li { width: 33.3333%; height: 50px; text-align: center; padding: 15px; background: #CCC; position: relative; color: #FFF; font-size: 16px; font-weight: bold; } #smc_form #flow li#active { background: #04449A; } #smc_form #flow li:nth-child(-n+2):before, #smc_form #flow li:nth-child(-n+2):after { content: ''; width: 0; height: 0; border-style: solid; border-width: 28px 0 28px 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: -20px; } #smc_form #flow li:nth-child(-n+2):before { border-color: transparent transparent transparent #CCC; z-index: 9999; } #smc_form #flow li#active:nth-child(-n+2):before { border-color: transparent transparent transparent #04449A; z-index: 9999; } #smc_form #flow li:nth-child(-n+2):after { border-color: transparent transparent transparent #FFF; z-index: 9998; right: -22px; } #smc_form #flow li span { margin-right: 15px; color: #FFF; font-weight: bold; } #smc_form #smc_form_box { display: flex; justify-content: space-between; margin-bottom: 50px; } #smc_form #smc_form_box #txt { width: 55%; } #smc_form #smc_form_box #txt ul { margin-bottom: 20px; } #smc_form #smc_form_box #txt ul li { position: relative; padding-left: 15px; margin-bottom: 5px; font-weight: bold; font-size: 20px; } #smc_form #smc_form_box #txt ul li:before { content: '・'; position: absolute; left: 0; } #smc_form #smc_form_box #img { width: 40%; text-align: center; } #smc_form #smc_form_box #img img { width: 100%; border: 1px #CCC solid; } #smc_form #smc_form_box #txt ul + p { font-size: 30px; font-weight: bold; color: #04449A; } #smc_form p#smc_info { text-align: center; } #smc_form #smc_form_url_box { margin-bottom: 30px; padding: 15px 10px; background: #fffcd6; } #smc_form #smc_form_url_box h4 { font-size: 20px; font-weight: bold; margin-bottom: 5px; } #smc_form #smc_form_url_box a { font-size: 20px; } #smc_form #contact_box { padding: 15px 0; border-top: #323232 solid 1px; border-bottom: #323232 solid 1px; margin-bottom: 50px; } #smc_link_btn { margin: 30px 0; } #smc_link_btn a { display: block; width: 35%; margin: auto; padding: 15px 20px; border: #4b82cd 1px solid; position: relative; } #smc_link_btn a:after { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 2px #4b82cd; border-right: solid 2px #4b82cd; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; } #smc_link_btn a span { display: inline-block; } #smc_link_btn a #logo { margin-right: 30px; vertical-align: middle; width: 30%; } #smc_link_btn a #logo img { width: 100%; } #smc_link_btn a #txt { vertical-align: middle; font-size: 20px; font-weight: bold; color: #04449A; } /* メイン */ /* introduction */ #smc_form #introduction { text-align: center; margin-bottom: 50px; } @media screen and (max-width: 767px) { #smc_form #introduction { margin-bottom: 30px; } } /* =================================== スマートフォン表示用のレイアウト =================================== */ /* スマートフォンとして認識する画面の横幅のサイズ */ @media screen and (max-width: 767px) { .sp_only { display: block; } .pc_only { display: none; } /* フォームエリア全体の設定 */ div.container { width: 100%; padding: 0 15px; font-size: 18px; } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; } /* 設問の表 */ table.items { width: 100%; } tr.item { display: block; margin-bottom: 20px; padding-bottom: 0; border-bottom: none; } tr td:last-child { margin-bottom: 30px; } /*設問名のセルのデザイン */ td.label { width: 100%; } span.label_name + input { margin-bottom: 10px; } /* 必須項目のマーク */ span.required { float: initial; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { float: left; width: 100%; /* 入力コントロールの幅に合わせて調整してください */ padding-bottom: 0px; } /* 設問の入力例/説明セルのデザイン */ td.comment { float: left; width: 100%; } /* 設問の入力例/テキストボックス */ input[type="text"] { font-size: 120%; width: 100% !important; } /* 設問の入力例/テキストエリア */ textarea { width: 100%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 100%; } input[type=button] { width: 70%; margin-bottom: 30px; } #privacy_policy { text-align: left; } #privacy_policy div:nth-child(2) { width: 100%; } .button_area { width: 100%; } /* 入力エラーメッセージのデザイン */ div.message { position: fixed; bottom: 0; width: 100%; left: 0; margin: auto; padding: 15px; z-index: 9999999; } /* 公開終了メッセージのデザイン */ div.finished-message { width: 100%; } /* ヘッダーエリア */ #smc_form #smc_form_contents { width: 100%; } #smc_form h1 { padding: 10px 0; } #smc_form h2 { padding: 15px; font-size: 20px; margin-bottom: 30px; } #smc_form h4 { font-size: 20px; margin-bottom: 20px; } #smc_form p { font-size: 16px; } #smc_form p#smc_info { text-align: left; } #smc_form #smc_form_box { display: block; justify-content: space-between; margin-bottom: 30px; } #smc_form #smc_form_box #txt { width: 100%; margin-bottom: 20px; } #smc_form #smc_form_box #img { width: 60%; margin: auto; } #smc_link_btn { margin: 30px 0; } #smc_link_btn a { width: 100%; padding: 15px 10px; } #smc_link_btn a:after { width: 6px; height: 6px; right: 6px; } #smc_link_btn a #logo { width: 30%; margin-right: 15px; } #smc_link_btn a #txt { font-size: 18px; } #smc_form #flow { width: 100%; justify-content: space-between; } #smc_form #flow li { font-size: 70%; padding: 10px; } #smc_form #flow li:nth-child(-n+2):before, #smc_form #flow li:nth-child(-n+2):after { content: ''; width: 0; height: 0; border-style: solid; border-width: 28px 0 28px 10px; position: absolute; top: 0; bottom: 0; margin: auto; right: -10px; } #smc_form #flow li:nth-child(-n+2):before { border-color: transparent transparent transparent #CCC; z-index: 9999; } #smc_form #flow li#active:nth-child(-n+2):before { border-color: transparent transparent transparent #04449A; z-index: 9999; } #smc_form #flow li:nth-child(-n+2):after { border-color: transparent transparent transparent #FFF; z-index: 9998; right: -11px; } #smc_form #flow li span { display: block; margin: 0; } } @media screen and (max-width: 320px) { #smc_link_btn a #txt { font-size: 14px; } }
プライバシーポリシーに同意の上、送信してください。

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