@charset "utf-8";
/* =================================== */
/*　発注フォーム  */
/* =================================== */
#page-contents .form-section {
	max-width:1200px;
	margin:0 auto;
	padding:50px 10px;
}
@media screen and (max-width:760px){
#page-contents .form-section {
	padding:30px 10px;
}
}
.bg-white {
	background-color: #ffffff;
	padding: 50px;
}
@media screen and (max-width:760px){
.bg-white {
	padding: 10px;
}
}
p.mini {
	font-size: 13px;
}
/*　注意書き  */
#form-top p.top-message {
	text-align: center;
	padding-bottom: 30px;
	
}
#form-top .top-memo {
	padding-bottom: 30px;
}
/*　フォーム  */
.error-message {
	color: #C10003;
}
.formtable ,
.formtable_kakaku{
	width: 100%;
	border-collapse:  collapse;
}
.formtable th {
	text-align: left;
	color: #5c51c8;
	font-weight: normal;
}
.formtable th ,
.formtable td {
	border-bottom: 1px dotted #cccccc;
	padding: 15px 10px;
}
.formtable_kakaku th ,
.formtable_kakaku td {
	border-bottom: 1px dotted #cccccc;
	padding: 15px 10px;
}
.formtable th.form-title {
	color: #ffffff;
	background-color: #5c51c8;
	text-align: center;
	font-weight: bold;
}
.formtable_kakaku th.form-title {
	color: #ffffff;
	background-color: #5c51c8;
	text-align: center;
	font-weight: bold;
}
.formtable_kakaku th.kakaku-title {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.formtable_kakaku td.kakaku {
	text-align: right;
}
span.hissu {
	color: #C10003;
	border: 1px solid #C10003;
	padding: 1px 5px;
	display: inline-block;
	margin-left: 10px;
	font-size: 10px;
	font-weight: normal;
}
@media screen and (max-width: 760px) {
#page-table {
    border-top: solid 1px #d2ba80;
	width:100%;
  }
.formtable th {
	background:rgba(92, 81, 200, .1);
	border-top: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
}
.formtable td {
	border-top: none;
　　border-bottom: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
  }
.formtable_kakaku th.syohin-title {
		width: 50%;
	}
}

/*　input  */
.formtable input,
.formtable_kakaku input,
.formtable textarea  {
	font-size: 15px;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:8px;
	margin: 5px 0;
	border-radius:3px;
}
#form-content .long {
	width:100%;
	box-sizing:border-box;
}
#form-content .middle {
	width:70%;
	box-sizing:border-box;
}
#form-content .short {
	width:5em;
	box-sizing:border-box;
}
#form-content textarea  {
	width:100%;
	box-sizing:border-box;
}
#form-content input::placeholder  {
	color:#aaaaaa;
}
#form-content textarea::placeholder  {
	color:#aaaaaa;
}
#form-content ul.check li {
	display: inline-block;
	padding-right: 2em;
}
@media screen and (max-width: 760px) {
#form-content ul.check li {
	display: block;
	padding-bottom: 1em;
}
}
/*　ボタン  */
ul.form-buttons {
	text-align: center;
	padding-top: 30px;
}
ul.form-buttons li {
	display: inline-block;
}
button.btn-default {
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #666666;
	color: #666666;
	padding: 15px 40px;
	cursor: pointer;
	margin: 5px 20px;
}
button.btn-default:hover {
	background-color: #666666;
	color: #ffffff;
}
button.btn-primary {
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #5c51c8;
	color: #5c51c8;
	padding: 15px 40px;
	cursor: pointer;
	margin: 5px 20px;
}
button.btn-primary:hover {
	background-color: #5c51c8;
	color: #ffffff;
}


/*　個人情報  */
.policy {
	border: 1px solid #cccccc;
	padding: 30px;
	height: 200px;
	overflow-y: scroll;
}
.policy-list {
	padding-top: 20px;
}