@charset "UTF-8";
/* CSS Document */
body{
	font-family: ten-mincho, serif;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;

}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.content-title{
  margin-left: auto;
  margin-right:auto;
  display: block;
  margin-top:25px;
  margin-bottom:70px;
}

.contact{
	width:778px;
	height:221px;
	margin-bottom:120px;
	position:relative;
	margin-left: auto;
	margin-right:auto;

}

.contact-left{
	position:absolute;
	left:0;
}

.art2{
	position:absolute;
	top:60px;
	left:297px;

}

.contact-right{
	position:absolute;
	right:0;
}

.btn{
	width:271px;
	height:130px;
	background-color:#A33;
	border-radius:20px;
	display:block;
	color:white;
	text-align:center;
	line-height:130px;
	margin-left:auto;
	margin-right:auto;
}

.btn:hover{
	background-color: #FA5636;
	color:white;
	transition: 0.5s;
}


.contact-left > p , .contact-right > p, .contact-center > p{
	font-size:18px;
	line-height:1.5em;
	text-align:center;
	margin-top:40px;
	color:#7C1919;
}

.contact-form{
	width:778px;
	margin-bottom:120px;
	position:relative;
	margin-left: auto;
	margin-right:auto;
}

.contact-form input,.contact-form textarea{
	border-width: 2px;
  border-style: inset;
  border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
  text-align: left;
}

.contact-btn > input,.contact-btn > button {
  font-size: 20px;
  width: 254px;
  height: 47px;
  background-color: #933;
  border-radius: 30px;
  display: block;
  color: white;
  text-align: center;
  line-height: 47px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 20px;
}
.contact-btn > input:hover ,.contact-btn > button:hover {
  background-color: #FA5636;
  transition: 0.5s;
}
.contact-btn > button:disabled {
  background-color: #F7F7F7;
  color: #444;
  transition: 0.5s;
}


form {
  margin-top: 70px;
}
.form-group input ,
.form-group textarea {
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  border: #707070 1px solid;
  border-radius: 8px;
}
.form-group input::placeholder ,
.form-group textarea::placeholder {
  color: #aaa;
}
.form-group input:user-invalid ,
.form-group textarea:user-invalid {
	border-color: red;
}
.form-group label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.form-group label .fm_required {
  color: #FF0000;
}

.fm_policy {
	text-align: center;
	margin-top: 70px;
}
.fm_policy a {
  color: #5CA1FF;
  font-weight: bold;
  text-decoration: underline;
}
.fm_policy_text {
	line-height: 2rem;
	margin-bottom: 30px;
}
.fm_policy label {
    font-size: 12px;
}


/* 確認画面・エラー画面 */
div#body h2 {
	text-align: center;
	color: #603729;
	margin-bottom: 50px;
}
div#body ul {
	margin: 0 auto;
	width: 600px;
}
div#body ul li {
	list-style-type: none;
}
div#body table#form {
	margin: 30px auto 0;
	width: 600px;
	table-layout:fixed;
}
div#body table#form th {
	width: 140px;
	background: #eee;
    padding: 10px;
}
div#body table#form td {
	width: 460px;
	padding: 10px;
	word-wrap:break-word;
}

.msg {
	text-align: center;
}