/*body {
	background-color: red;
	background: url("https://www.kitamura-chem.co.jp/images/contact.png") no-repeat -25px 0px;
	opacity: 0.5;
}*/
.contact-content {
  width: 835px;
  margin: auto;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  margin-top: -2px;
  padding:50px;
  background:#fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
  
}
.contact-content .con-note {
  padding-bottom: 21px;
}
.contact-content .con-note a {
  color: #006DC5;
  text-decoration: none;
}
.contact-content .con-note a:hover {
  text-decoration: underline;
}
.contact-content .con-block-note {
  padding-bottom: 18px;
}
.contact-content .con-block-note .con-error {
  padding-left: 0;
}
.contact-content .con-block > dl {
  padding-bottom: 20px;
}
.contact-content .con-block > dl > dt {
  float: left;
  clear: both;
  padding-top: 10px;
  padding-left: 3px;
}
.contact-content .con-block > dl > dd {
  padding-left: 220px;
  padding-bottom: 20px;
}
.contact-content .con-block > dl > dd input {
  background-color: #EEE;
  height: 40px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding-left: 10px;
}
.contact-content .con-block > dl > dd textarea {
  background-color: #EEE;
  height: 171px;
  resize: vertical;
  border: none;
  
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding:10px;
}
.contact-content .con-block > dl > dd select {
  background-color: #EEE;
  height: 40px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding-left: 10px;
}
.contact-content .con-block > dl > dd.field > * {
  display: inline-block;
}
.contact-content .con-block > dl > dd.field > select {
  font-size: 12px;
  width: 50%;
}
.contact-content .con-block > dl > dd.field > p {
  margin-left: 20px;
  font-size: 12px;
}
.contact-content .con-block > dl dd.customer {
  padding-bottom: 160px;
}
.contact-content .con-block > dl dd.customer > dl {
  display: block;
  clear: right;
}
.contact-content .con-block > dl dd.customer > dl > dt {
  width: 120px;
  vertical-align: top;
  float: left;
  padding-top: 10px;
  vertical-align: middle;
  height: 40px;
}
.contact-content .con-block > dl dd.customer > dl > dt:nth-of-type(n+2) {
  clear: left;
}
.contact-content .con-block > dl dd.customer > dl > dd {
  float: left;
  padding-left: 0px;
  padding-bottom: 20px;
}
.contact-content .con-block > dl dd.customer > dl > dd input {
  background-color: #EEE;
  height: 40px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding-left: 10px;
}
.contact-content .con-agree {
  text-align: center;
  padding-left: 29px;
  padding-bottom: 27px;
}
.contact-content .con-agree input {
  margin-right: 8px;
}
.contact-content .con-agree a {
  color: #006DC5;
  text-decoration: none;
}
.contact-content .con-agree a:hover {
  text-decoration: underline;
}
.contact-content .con-submit > input {
  width: 360px;
  height: 60px;
  border: none;
  color: #FFF;
  background-color: #174aa6;
  margin-left: 237px;
  display: block;
  cursor: pointer;
  font-size: 16px;
}

.con-block {
  clear: both;
  display: table;
  padding-bottom: 20px;
  width: 100%;;
}
.con-block .con-block-title {
  font-size: 18px;
  color: #174aa6;
  line-height: 1.2;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD;
  letter-spacing: 2px;
}
.con-block .con-block-type {
  float: left;
  border: 1px solid #DDD;
  line-height: 40px;
  padding-left: 16px;
  padding-right: 19px;
  font-size: 14px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.con-block .con-block-type input {
  margin-right: 8px;
}

.con-error {
  color: #D80000;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
}

dd.con-width-400 input, dd.con-width-400 textarea, dd.con-width-400 select {
  width: 400px;
}

dd.con-width-280 input, dd.con-width-280 textarea, dd.con-width-280 select {
  width: 280px;
}
dd.con-width-140 input, dd.con-width-140 textarea, dd.con-width-140 select {
  width: 140px;
}

dd.con-width-560 input, dd.con-width-560 textarea, dd.con-width-560 select {
  width: 560px;
}

.resin, .wrap {
  display: none;
}

.resin-sub, .wrap-sub {
  display: none;
}

.resin-other, .wrap-other {
  display: none;
}



/* 確認画面CSS */
.contact_operation{
  margin-bottom: 20px;
}
.confirm_list .row_wrapper{
  display: flex;
  flex-wrap: wrap;
  border-bottom: #ddd 1px solid;
  padding: 15px 0;
}
.confirm_list .row_wrapper:last-child{
  border-bottom: none;
}
.row_wrapper .title{
  display: inline-block;
  width: 120px;
}
.row_wrapper .detail{
  display: inline-block;
  width: calc(100% - 120px);
}
.comfirm_param{
  background-color: #EEE;
  min-height: 40px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 10px;
}
.con-width-140 .comfirm_param{
  width: 140px;
}
.con-width-280 .comfirm_param{
  width: 280px;
}
.con-width-400 .comfirm_param{
  width: 400px;
}
.con-width-560 .comfirm_param{
  width: 560px;
}

/* フォーム確認部 */
.comfirm_param.pre{
  white-space: pre-wrap;
  word-break: break-all;
}

.submit_pc{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px !important;
}
.submit_pc .submit_send_button{
  display: inline-block;
  width: 360px;
  height: 60px;
  border: none;
  color: #FFF;
  background-color: #174aa6;
  display: block;
  cursor: pointer;
  font-size: 16px;
}
.submit_pc .back_rewrite_button{
  display: inline-block;
  text-align: center;
  width: 360px;
  height: 60px;
  line-height: 60px;
  border: none;
  color: white;
  /* color: #174aa6; */
  background-color: #d6d6d6;
  display: block;
  cursor: pointer;
  font-size: 18px;
}

.back_error_button{
  width: 360px;
  height: 60px;
  line-height: 60px;
  border: none;
  color: white;
  /* color: #174aa6; */
  background-color: #d6d6d6;
  display: block;
  cursor: pointer;
  margin-left: 237px;
  font-size: 18px;
}
.center{
  text-align: center;
}
.center .submit_send_button{
  display: inline-block;
  width: 360px;
  height: 60px;
  line-height: 60px;
  border: none;
  color: #FFF;
  background-color: #174aa6;
  cursor: pointer;
  margin-top: 40px;
  font-size: 16px;
}