会社名 例)株式会社◯◯
部署名 例)営業部
氏名 例)山田 花子
メールアドレス

/* =================================== 基本設定 =================================== */ 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: 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; padding: 18px; border: 1px solid #999; font-size: 1rem; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ body { background:WhiteSmoke; /* 背景色 */ text-align:center; /* フォームエリアを中央に表示 */ } /* フォームエリア全体の設定 */ div.container { width:1000px; /* 画面の横幅 */ background:white; /* 背景色 */ border:Gainsboro 2px solid; border-top:none; /* 外枠のラインの色と太さ */ font-size:14px; /* フォントの初期サイズ */ color:#333; /* フォントの初期カラー */ margin:0 auto; /* 画面の中央に表示 */ text-align:left; /* 左寄せ */ } /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { width:1000px; /* 画面の横幅 */ margin:0 auto; /* 中央に表示 */ background:white; } /* 設問の表 */ table.items { /* border:Gainsboro 1px solid;*/ width:100%; } /* 設問の行 */ tr.item { } /* 必要であれば行のデザインを設定することができます */ /*設問名のセルのデザイン */ td.label { width:280px; /* 実際の設問名の文字の長さに合わせて調整してください */ padding:30px 40px; color:#224; font-size:1.25rem; font-weight:bold; vertical-align:middle; /* ラベルの配置 セルの上部に表示したい場合は top */ background:#F8F8F8; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { width:400px; /* 入力コントロールの幅に合わせて調整してください */ padding:3px 3px 0 3px; border-bottom:GhostWhite 1px solid; /* 設問と設問の間の下線 */ background:White; } /* 設問の入力例/説明セルのデザイン */ td.comment { font-size:1rem; padding-left:78px; color:DarkSlateGray; border-bottom:GhostWhite 1px solid; background:White; } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right:5px; font-size:1rem; font-weight:bold; color:DarkSlateGray; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { font-size:110%; } /* ボタンの表示エリアの設定 */ div.button_area { width:940px; margin:10px auto 10px auto; /* 中央に表示、上下に10pxの余白 */ /*background:GhostWhite;*/ padding:10px 0 10px 0; /* ボタンとの上下の隙間のサイズ */ text-align:center; /* 中央にボタンを表示 */ } /* 入力エラーメッセージのデザイン */ div.message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:OrangeRed; background:LightYellow; } /* 公開終了メッセージのデザイン */ div.finished-message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:Crimson; background:MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ /* 確認/送信/戻る/登録ボタン */ input[type=button] { font-size:18px; background:#ED372C; /* ボタンの色 */ padding:14px 50px 14px 50px; /* ボタンの文字の 上 右 下 左 の隙間のサイズ */ margin:0px 10px 0px 10px; /* 確認画面に表示される2つのボタンの左右の余白サイズ */ border:none; /* ボタンに枠線をつけたい場合は、ここを設定してください */ color:white; /* 文字の色 */ font-weight:bold; position:relative; background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.4%2C7.4L5.3%2C0.3C5.2%2C0.1%2C4.9%2C0%2C4.7%2C0C4.5%2C0%2C4.3%2C0.1%2C4.1%2C0.3L3.6%2C0.8C3.2%2C1.1%2C3.2%2C1.7%2C3.6%2C2l6%2C6l-6%2C6c-0.2%2C0.2-0.3%2C0.4-0.3%2C0.6c0%2C0.2%2C0.1%2C0.5%2C0.3%2C0.6l0.5%2C0.5C4.2%2C15.9%2C4.5%2C16%2C4.7%2C16s0.5-0.1%2C0.6-0.3l7.1-7.1c0.2-0.2%2C0.3-0.4%2C0.3-0.6C12.7%2C7.8%2C12.6%2C7.5%2C12.4%2C7.4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: 98% center; border:1px solid transparent; } input[type=button]:hover { cursor: pointer;opacity: 1; color: #ED372C; background: #fff; border-color: #ED372C; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ED372C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.4%2C7.4L5.3%2C0.3C5.2%2C0.1%2C4.9%2C0%2C4.7%2C0C4.5%2C0%2C4.3%2C0.1%2C4.1%2C0.3L3.6%2C0.8C3.2%2C1.1%2C3.2%2C1.7%2C3.6%2C2l6%2C6l-6%2C6c-0.2%2C0.2-0.3%2C0.4-0.3%2C0.6c0%2C0.2%2C0.1%2C0.5%2C0.3%2C0.6l0.5%2C0.5C4.2%2C15.9%2C4.5%2C16%2C4.7%2C16s0.5-0.1%2C0.6-0.3l7.1-7.1c0.2-0.2%2C0.3-0.4%2C0.3-0.6C12.7%2C7.8%2C12.6%2C7.5%2C12.4%2C7.4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat: no-repeat; background-position: 98% center; } input#button_confirm_back{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%20style%3D%22transform%3A%20scale(-1%2C1)%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.4%2C7.4L5.3%2C0.3C5.2%2C0.1%2C4.9%2C0%2C4.7%2C0C4.5%2C0%2C4.3%2C0.1%2C4.1%2C0.3L3.6%2C0.8C3.2%2C1.1%2C3.2%2C1.7%2C3.6%2C2l6%2C6l-6%2C6c-0.2%2C0.2-0.3%2C0.4-0.3%2C0.6c0%2C0.2%2C0.1%2C0.5%2C0.3%2C0.6l0.5%2C0.5C4.2%2C15.9%2C4.5%2C16%2C4.7%2C16s0.5-0.1%2C0.6-0.3l7.1-7.1c0.2-0.2%2C0.3-0.4%2C0.3-0.6C12.7%2C7.8%2C12.6%2C7.5%2C12.4%2C7.4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 2% center; } /* 入力中のフィールドの背景色 */ /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]:focus { background-color:LightYellow; } /* テキストボックス */ select:focus { background-color:LightYellow; } /* プルダウン */ textarea:focus { background-color:LightYellow; } /* テキストエリア */ /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { float:right; margin-right:4px; font-size:1rem; font-weight:bold; color:OrangeRed; } span.required:after { /* ここを編集することで表示されるマークを変更できます */ content:"※必須"; } /* 必須項目についての説明文 */ p.required_msg { height: 30px; line-height: 30px; text-align:left; 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:1rem; font-weight:bold; color:DarkSlateGray; } p.label_mail:after { /* ここを編集することで表示されるメッセージを変更できます */ content:"確認のため、もう一度メールアドレスを入力してください"; } .privacy_policy .privacy-text-master{display:none;} /* =================================== スマートフォン表示用のレイアウト =================================== */ /* スマートフォンとして認識する画面の横幅のサイズ */ @media screen and ( max-width:479px ) { /* フォームエリア全体の設定 */ div.container { width: 100%; } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; } /* 設問の表 */ table.items { width: 100%; overflow:hidden; } /*設問名のセルのデザイン */ td.label { float: left; width: 100%; height: 25px; /* padding-top:10px;*/ padding: 30px 0px; } /* 必須項目のマーク */ span.required { float:initial; } /* 設問の入力セルおよび表示セルのデザイン */ 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: 100% !important; padding:18px 6px; } /* 設問の入力例/テキストエリア */ textarea { width: 95%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 95%; } input[type=button]{ padding: 14px 8%; margin: 0px; } }
プライバシーポリシーに同意の上、送信してください。

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