/* ===================================
#lf_form_div
=================================== */
@media only screen and (max-width: 767px) {
#lf_form_div {
width: 100%;
/* ===================================
画面全体のレイアウト
=================================== */
/* フォームエリア全体の設定 */
/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
/*設問名のセルのデザイン */
/* 設問の入力セルおよび表示セルのデザイン */
/* 設問の入力例/説明セルのデザイン */
/* 入力セルの「氏」「名」の文字のデザイン */
/* 入力確認画面、完了画面の入力された文字のデザイン */
/* ボタンの表示エリアの設定 */
/* 入力エラーメッセージのデザイン */
/* 公開終了メッセージのデザイン */
/* ===================================
入力コントロールのデザイン
=================================== */
/* 確認／送信／戻る／登録ボタン */
/* 入力中のフィールドの背景色 */
/* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */
/* ===================================
必須項目のマークおよびメッセージなど
=================================== */
/* 必須項目のマーク */
/* 必須項目についての説明文 */
/* メールアドレスの再入力メッセージ */
}
#lf_form_div [type="text"] {
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 2.4rem;
}
#lf_form_div ::-webkit-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div ::placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div td {
padding: 0 0 15px;
display: block;
}
#lf_form_div td [type="text"], #lf_form_div td textarea {
width: 100% !important;
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 1.8rem;
}
#lf_form_div table {
width: 100%;
}
#lf_form_div tr:last-child .label {
border-bottom: 0;
}
#lf_form_div select + br {
display: none;
}
#lf_form_div br + textarea {
margin-top: 15px;
}
#lf_form_div [type="radio"], #lf_form_div [type="checkbox"] {
margin-right: 10px;
}
#lf_form_div select {
font-size: 1.5rem;
}
#lf_form_div form {
margin-top: 30px;
}
#lf_form_div .container {
width: 100%;
}
#lf_form_div .label {
padding: 15px 0 10px;
border-bottom: 0;
color: #004398;
font-weight: bold;
text-align: left;
line-height: 100%;
vertical-align: middle;
}
#lf_form_div .comment {
display: none;
}
#lf_form_div .label_name {
color: rgba(80, 80, 80, 0.7);
font-size: 1.2rem;
}
#lf_form_div .value {
margin-top: 0;
}
#lf_form_div .button_area {
display: flex;
justify-content: center;
margin-top: 20px;
}
#lf_form_div .message {
padding: 20px 30px;
background-color: rgba(20, 170, 255, 0.05);
color: #ff5858;
}
#lf_form_div [type=button] {
transition: all 300ms 0s ease;
display: block;
margin: 0 15px;
padding: 2px 18px;
border: 2px solid #14aaff;
border-radius: 3px;
background-color: #14aaff;
color: #fff;
font-size: 1.4rem;
line-height: inherit;
text-align: center;
text-decoration: none;
cursor: pointer;
}
#lf_form_div [type=button]:disabled {
opacity: .3;
cursor: not-allowed;
}
#lf_form_div [type=button]:hover {
opacity: .5;
cursor: pointer;
}
#lf_form_div #button_confirm_back {
background-color: #fff;
color: #14aaff;
}
#lf_form_div .required {
display: inline-block;
padding-left: 10px;
color: #ff8a96;
font-size: 60%;
font-weight: bold;
}
#lf_form_div .required:after {
/* ここを編集することで表示されるマークを変更できます */
content: "※必須";
}
#lf_form_div .required_msg {
margin-right: 4px;
padding-bottom: 0;
color: #ff8a96;
font-size: 80%;
font-weight: bold;
text-align: center;
}
#lf_form_div .required_msg:after {
/* ここを編集することで表示されるマークを変更できます */
content: "「※必須」となっている項目は必ず入力してください。";
width: 100%;
height: auto;
}
#lf_form_div .label_mail {
margin-top: 0;
margin-right: 4px;
padding-bottom: 0;
color: rgba(80, 80, 80, 0.7);
font-size: 70%;
}
#lf_form_div .label_mail:after {
/* ここを編集することで表示されるメッセージを変更できます */
content: "確認のため、もう一度メールアドレスを入力してください";
width: 100%;
height: auto;
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*
PC用レイアウト
-------------------------------------------------- */
#lf_form_div {
width: 100%;
/* ===================================
画面全体のレイアウト
=================================== */
/* フォームエリア全体の設定 */
/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
/* 設問の表 */
/* 設問の行 */
/*設問名のセルのデザイン */
/* 設問の入力セルおよび表示セルのデザイン */
/* 設問の入力例/説明セルのデザイン */
/* 入力セルの「氏」「名」の文字のデザイン */
/* 入力確認画面、完了画面の入力された文字のデザイン */
/* ボタンの表示エリアの設定 */
/* 入力エラーメッセージのデザイン */
/* 公開終了メッセージのデザイン */
/* ===================================
入力コントロールのデザイン
=================================== */
/* 確認／送信／戻る／登録ボタン */
/* 入力中のフィールドの背景色 */
/* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */
/* ===================================
必須項目のマークおよびメッセージなど
=================================== */
/* 必須項目のマーク */
/* 必須項目についての説明文 */
/* メールアドレスの再入力メッセージ */
}
#lf_form_div [type="text"] {
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 2.4rem;
}
#lf_form_div ::-webkit-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div ::placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div td [type="text"], #lf_form_div td textarea {
width: 100% !important;
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 1.8rem;
}
#lf_form_div table {
width: 100%;
}
#lf_form_div tr:last-child .label {
border-bottom: 0;
}
#lf_form_div select + br {
display: none;
}
#lf_form_div br + textarea {
margin-top: 15px;
}
#lf_form_div [type="radio"], #lf_form_div [type="checkbox"] {
margin-right: 10px;
}
#lf_form_div select {
font-size: 1.5rem;
}
#lf_form_div form {
margin-top: 30px;
}
#lf_form_div .container {
width: 100%;
}
#lf_form_div .label {
width: 300px;
padding: 15px;
border-bottom: 1px solid #d4deeb;
color: #004398;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
#lf_form_div .comment {
display: none;
}
#lf_form_div .label_name {
color: rgba(80, 80, 80, 0.7);
font-size: 1.2rem;
}
#lf_form_div .value {
margin-top: 0;
}
#lf_form_div .button_area {
display: flex;
justify-content: center;
margin-top: 20px;
}
#lf_form_div .message {
padding: 20px 30px;
background-color: rgba(20, 170, 255, 0.05);
color: #ff5858;
}
#lf_form_div [type=button] {
transition: all 300ms 0s ease;
display: block;
margin: 0 15px;
padding: 2px 18px;
border: 2px solid #14aaff;
border-radius: 3px;
background-color: #14aaff;
color: #fff;
font-size: 1.4rem;
line-height: inherit;
text-align: center;
text-decoration: none;
cursor: pointer;
}
#lf_form_div [type=button]:disabled {
opacity: .3;
cursor: not-allowed;
}
#lf_form_div [type=button]:hover {
opacity: .5;
cursor: pointer;
}
#lf_form_div #button_confirm_back {
background-color: #fff;
color: #14aaff;
}
#lf_form_div .required {
display: inline-block;
padding-left: 10px;
color: #ff8a96;
font-size: 60%;
font-weight: bold;
}
#lf_form_div .required:after {
/* ここを編集することで表示されるマークを変更できます */
content: "※必須";
}
#lf_form_div .required_msg {
margin-right: 4px;
padding-bottom: 0;
color: #ff8a96;
font-size: 80%;
font-weight: bold;
text-align: right;
}
#lf_form_div .required_msg:after {
/* ここを編集することで表示されるマークを変更できます */
content: "「※必須」となっている項目は必ず入力してください。";
width: 100%;
height: auto;
}
#lf_form_div .label_mail {
margin-top: 0;
margin-right: 4px;
padding-bottom: 0;
color: rgba(80, 80, 80, 0.7);
font-size: 80%;
}
#lf_form_div .label_mail:after {
/* ここを編集することで表示されるメッセージを変更できます */
content: "確認のため、もう一度メールアドレスを入力してください";
width: 100%;
height: auto;
margin-top: 10px;
}
}
@media print, screen and (min-width: 992px) and (max-width: 1199px) {
/*
PC用レイアウト
-------------------------------------------------- */
#lf_form_div {
width: 100%;
/* ===================================
画面全体のレイアウト
=================================== */
/* フォームエリア全体の設定 */
/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
/* 設問の表 */
/* 設問の行 */
/*設問名のセルのデザイン */
/* 設問の入力セルおよび表示セルのデザイン */
/* 設問の入力例/説明セルのデザイン */
/* 入力セルの「氏」「名」の文字のデザイン */
/* 入力確認画面、完了画面の入力された文字のデザイン */
/* ボタンの表示エリアの設定 */
/* 入力エラーメッセージのデザイン */
/* 公開終了メッセージのデザイン */
/* ===================================
入力コントロールのデザイン
=================================== */
/* 確認／送信／戻る／登録ボタン */
/* 入力中のフィールドの背景色 */
/* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */
/* ===================================
必須項目のマークおよびメッセージなど
=================================== */
/* 必須項目のマーク */
/* 必須項目についての説明文 */
/* メールアドレスの再入力メッセージ */
}
#lf_form_div [type="text"] {
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 2.4rem;
}
#lf_form_div ::-webkit-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div ::placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div td [type="text"], #lf_form_div td textarea {
width: 100% !important;
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 1.8rem;
}
#lf_form_div table {
width: 100%;
}
#lf_form_div tr:last-child .label {
border-bottom: 0;
}
#lf_form_div select + br {
display: none;
}
#lf_form_div br + textarea {
margin-top: 15px;
}
#lf_form_div [type="radio"], #lf_form_div [type="checkbox"] {
margin-right: 10px;
}
#lf_form_div select {
font-size: 1.5rem;
}
#lf_form_div form {
margin-top: 30px;
}
#lf_form_div .container {
width: 100%;
}
#lf_form_div .label {
width: 300px;
padding: 15px;
border-bottom: 1px solid #d4deeb;
color: #004398;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
#lf_form_div .comment {
display: none;
}
#lf_form_div .label_name {
color: rgba(80, 80, 80, 0.7);
font-size: 1.2rem;
}
#lf_form_div .value {
margin-top: 0;
}
#lf_form_div .button_area {
display: flex;
justify-content: center;
margin-top: 20px;
}
#lf_form_div .message {
padding: 20px 30px;
background-color: rgba(20, 170, 255, 0.05);
color: #ff5858;
}
#lf_form_div [type=button] {
transition: all 300ms 0s ease;
display: block;
margin: 0 15px;
padding: 2px 18px;
border: 2px solid #14aaff;
border-radius: 3px;
background-color: #14aaff;
color: #fff;
font-size: 1.4rem;
line-height: inherit;
text-align: center;
text-decoration: none;
cursor: pointer;
}
#lf_form_div [type=button]:disabled {
opacity: .3;
cursor: not-allowed;
}
#lf_form_div [type=button]:hover {
opacity: .5;
cursor: pointer;
}
#lf_form_div #button_confirm_back {
background-color: #fff;
color: #14aaff;
}
#lf_form_div .required {
display: inline-block;
padding-left: 10px;
color: #ff8a96;
font-size: 60%;
font-weight: bold;
}
#lf_form_div .required:after {
/* ここを編集することで表示されるマークを変更できます */
content: "※必須";
}
#lf_form_div .required_msg {
margin-right: 4px;
padding-bottom: 0;
color: #ff8a96;
font-size: 80%;
font-weight: bold;
text-align: right;
}
#lf_form_div .required_msg:after {
/* ここを編集することで表示されるマークを変更できます */
content: "「※必須」となっている項目は必ず入力してください。";
width: 100%;
height: auto;
}
#lf_form_div .label_mail {
margin-top: 0;
margin-right: 4px;
padding-bottom: 0;
color: rgba(80, 80, 80, 0.7);
font-size: 80%;
}
#lf_form_div .label_mail:after {
/* ここを編集することで表示されるメッセージを変更できます */
content: "確認のため、もう一度メールアドレスを入力してください";
width: 100%;
height: auto;
margin-top: 10px;
}
}
@media only screen and (min-width: 1200px) {
/*
PC用レイアウト
-------------------------------------------------- */
#lf_form_div {
width: 100%;
/* ===================================
画面全体のレイアウト
=================================== */
/* フォームエリア全体の設定 */
/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
/* 設問の表 */
/* 設問の行 */
/*設問名のセルのデザイン */
/* 設問の入力セルおよび表示セルのデザイン */
/* 設問の入力例/説明セルのデザイン */
/* 入力セルの「氏」「名」の文字のデザイン */
/* 入力確認画面、完了画面の入力された文字のデザイン */
/* ボタンの表示エリアの設定 */
/* 入力エラーメッセージのデザイン */
/* 公開終了メッセージのデザイン */
/* ===================================
入力コントロールのデザイン
=================================== */
/* 確認／送信／戻る／登録ボタン */
/* 入力中のフィールドの背景色 */
/* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */
/* ===================================
必須項目のマークおよびメッセージなど
=================================== */
/* 必須項目のマーク */
/* 必須項目についての説明文 */
/* メールアドレスの再入力メッセージ */
}
#lf_form_div [type="text"] {
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 2.4rem;
}
#lf_form_div ::-webkit-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div ::placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div :-ms-input-placeholder {
color: rgba(80, 80, 80, 0.3);
font-size: 1.5rem;
}
#lf_form_div td [type="text"], #lf_form_div td textarea {
width: 100% !important;
padding: 6px;
border: 1px solid rgba(80, 80, 80, 0.3);
border-radius: 3px;
font-size: 1.8rem;
}
#lf_form_div table {
width: 100%;
}
#lf_form_div tr:last-child .label {
border-bottom: 0;
}
#lf_form_div select + br {
display: none;
}
#lf_form_div br + textarea {
margin-top: 15px;
}
#lf_form_div [type="radio"], #lf_form_div [type="checkbox"] {
margin-right: 10px;
}
#lf_form_div select {
font-size: 1.5rem;
}
#lf_form_div form {
margin-top: 30px;
}
#lf_form_div .container {
width: 100%;
}
#lf_form_div .label {
width: 300px;
padding: 15px;
border-bottom: 1px solid #d4deeb;
color: #004398;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
#lf_form_div .comment {
display: none;
}
#lf_form_div .label_name {
color: rgba(80, 80, 80, 0.7);
font-size: 1.2rem;
}
#lf_form_div .value {
margin-top: 0;
}
#lf_form_div .button_area {
display: flex;
justify-content: center;
margin-top: 20px;
}
#lf_form_div .message {
padding: 20px 30px;
background-color: rgba(20, 170, 255, 0.05);
color: #ff5858;
}
#lf_form_div [type=button] {
transition: all 300ms 0s ease;
display: block;
margin: 0 15px;
padding: 2px 18px;
border: 2px solid #14aaff;
border-radius: 3px;
background-color: #14aaff;
color: #fff;
font-size: 1.4rem;
line-height: inherit;
text-align: center;
text-decoration: none;
cursor: pointer;
}
#lf_form_div [type=button]:disabled {
opacity: .3;
cursor: not-allowed;
}
#lf_form_div [type=button]:hover {
opacity: .5;
cursor: pointer;
}
#lf_form_div #button_confirm_back {
background-color: #fff;
color: #14aaff;
}
#lf_form_div .required {
display: inline-block;
padding-left: 10px;
color: #ff8a96;
font-size: 60%;
font-weight: bold;
}
#lf_form_div .required:after {
/* ここを編集することで表示されるマークを変更できます */
content: "※必須";
}
#lf_form_div .required_msg {
margin-right: 4px;
padding-bottom: 0;
color: #ff8a96;
font-size: 80%;
font-weight: bold;
text-align: right;
}
#lf_form_div .required_msg:after {
/* ここを編集することで表示されるマークを変更できます */
content: "「※必須」となっている項目は必ず入力してください。";
width: 100%;
height: auto;
}
#lf_form_div .label_mail {
margin-top: 0;
margin-right: 4px;
color: rgba(80, 80, 80, 0.7);
font-size: 80%;
}
#lf_form_div .label_mail:after {
/* ここを編集することで表示されるメッセージを変更できます */
content: "確認のため、もう一度メールアドレスを入力してください";
width: 100%;
height: auto;
margin-top: 10px;
}
}
プライバシーポリシーに同意の上、送信してください。
同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。