@charset "utf-8";
.container {
 	width: 100%;
 	margin: 0px;
	font-family: Arial, Helvetica, "sans-serif";
	font-type: solid;
	font-size: 15px;
}
.container_1 {
 	width: 100%;
 	padding: 10%;
	background: rgb(23,115,168);
	color: white;
}
.container_2 {
 	width: 100%;
 	padding: 10%;
	background: rgb(233,67,135);
	color: white;
}
.container p a:link {
	color: white;
	text-decoration: underline;
}
.container p a:visited {
	color: white;
	text-decoration: underline;
}
.container p a:hover {
	color: white;
	text-decoration: underline;
}
.container_3 {
 	width: 90%;
 	margin: 0 5% 0 5%;
	padding-left:1.0em;
	text-indent:-1.2em;
}
.container_4 {
 	width: 100%;
	margin: 0 5% 0 5%;
}
/* input 要素 */
#name, #firstname, #lastname, #email, #subject, #email_check, #tel {
	text-align: left;	
	width: 90%;
	height: 30px;
    border: 1px solid rgb(161,171,170);
	padding-left:10px;
}
#body {
	text-align: left;	
	width: 90%;
	height: 500px;
    border: 1px solid rgb(161,171,170);
	padding-top:10px;
	padding-left:10px;
}
.btn {
	margin: 0 0 0 20%;
	width:50%;
	background: rgb(23,115,168);
	color: white;
    border: 1px solid rgb(23,115,168);
	height:40px;
}
/* エラー表示 */
p.error, span.error {
  color: red;
}
/* フォーム要素（Bootstrap4 のスタイルを上書き） */
.form-control {
  border-radius: 0px;
  background-color: #fdfdfd;
  font-size: 14px;
}
.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;
}
#send {
  margin-top: 30px;
}
/* この他に Bootstrap4 のCSSも読み込む */