﻿/* input 要素 */
/* #name, #email, #subject, #email_check, #tel {
	max-width:400px;
  width: 40%;
  min-width: 200px;
  } */
  #body {
	max-width: 640px;
  }
  /* エラー表示 */
  p.error, span.error {
	color: red;
  }
  /* フォーム要素（Bootstrap4 のスタイルを上書き） */
  .form-group {
    padding: 1rem 0;
    border-bottom: 1px solid green;
  }
  .form-control {
    border-radius: 3px;
    background-color: #fdfdfd;
    font-size: 14px;
    border: 1px solid #8e8e8e;
  }
  .form-control:focus {
	border-color: #aadbe8;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
	box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
	background-color:#fff;
  }
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  ::-webkit-input-placeholder {
	font-size: 13px; 
  }
  /* Firefox 18- */
  :-moz-placeholder {
	font-size: 13px; }
  /* Firefox 19+ */
  ::-moz-placeholder {
	font-size: 13px; }
  /* IE 10+ */
  :-ms-input-placeholder {
	font-size: 13px; }
  ::placeholder{ 
	font-size: 13px;
  }
  textarea.form-control {
	height: 200px;
  }
  /* 確認ページの表 */
  .confirm_table {
	margin: 30px 0; 
  }
  .confirm_table table caption{
	caption-side: top;
  }
  .confirm_btn {
    text-align: center;
  }
  .confirm {
    display: inline-block;
    margin-right: 20px;
  }

  .form_cation p{
    width: fit-content;
    margin: 1rem auto 2rem;
    line-height: 2;
   }
   form#main_contact input,form#main_contact textarea {
    padding: 3px;
    font-size: 14px;
    vertical-align: middle;
    width: calc(100% - 10px)!important;
  }
  form#main_contact select {
    vertical-align: middle;
    font-size: 14px;
  }
  form#main_contact input#postcode {
  width: 100px!important;
  }
  form#main_contact input#value {
    width: 23px!important;
    margin-bottom: 4px;
  }
  form#main_contact input.purpose {
    width: 50px!important;
  }
  form#main_contact input#agreement {
    width: 14px!important;
    margin: 0 3px 4px 6px;
  }