@charset "UTF-8";
#main_wrap {
  width: 100%;
  background: url(../img/form/content_bg.jpg) center top no-repeat #000;
}
#contact_form {
  width: 96%;
  max-width: 820px;
  padding: 0 2%;
  margin: 0 auto 80px;
}
#contact_form p.customer_link {
  margin-bottom: 40px;
}
#contact_form p.customer_link a {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding-left: 20px;
  margin-right: 20px;
  background: url(../img/form/arrow_r.png) no-repeat;
  background-size: auto 100%;
}
#contact_form table {
  width: 100%;
}
#contact_form th,#contact_form td {
  text-align: left;
  padding-bottom: 20px;
}
#contact_form th {
  font-size: 16px;
  font-weight: bold;
  width: 25%;
  vertical-align: top;
  line-height: 40px;
}
#contact_form td {
  width: 75%;
}
#contact_form td input.text {
  height: 40px;
  font-size: 16px;
  border: none;
  width: 96%;
  padding: 0 2%;
}
#contact_form td input.text_h{
  height: 40px;
  font-size: 16px;
  border: none;
  width: 46%;
  padding: 0 2%;
}
#contact_form td textarea {
  padding: 10px 2%;
  width: 96%;
  height: 120px;
  font-size: 16px;
  border: none;
}
#contact_form p.input_title {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  margin-bottom: 40px;
}
#contact_form td select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 2% !important;
width: 50%;
background: url("../img/form/arrow_b.gif") no-repeat right center #fff;
background-size: contain;
}
#contact_form td select::-ms-expand {
    display: none;
}
#contact_form .lead {
  margin: 10px 0 40px;
}
#contact_form .btns {
  text-align: center;
  margin: 0 auto;
}
#contact_form .btns a {
  display: inline-block;
  margin: 0 15px;
  background: #000;
}

#thank {
  width: 96%;
  max-width: 820px;
  padding: 0 2%;
  margin: 0 auto 80px;
}
#thank h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
  margin-bottom: 30px;
}
#thank p.lead {
  text-align: center;
  font-size: 18px;
  margin-bottom: 50px;
}
#thank p.btn {
  text-align: center;
  margin: 0 auto;
}
#thank p.btn a{
  display: inline-block;
  background: #000;
}
@media screen and (max-width: 641px) {
  #main_wrap {
    background: url(../img/common/content_bg_loop.jpg) center top repeat-y;
  }
  #main_wrap .inner {
    width: 90.8%;
    padding: 0 4.6%;
    margin: 0 auto;
    max-width: none;
    background: url(../img/form/content_bg.jpg) center top no-repeat;
  }
  #contact_form p.input_title {
    margin-bottom: 20px;
  }
  #contact_form p.customer_link a {
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    padding-left: 15px;
    margin-right: 15px;
  }
  #contact_form table {
    height: auto;
  }
  #contact_form th{
    width: 96%;
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1em;
  }
  #contact_form td {
    width: 96%;
    display: block;
    padding-bottom: 10px;
  }
  #contact_form td input.text{
    width: 100%;
    border-radius: 0;
  }
  #contact_form td input.text_h {
    border-radius: 0;
  }
  #contact_form td textarea {
    width: 100%;
    border-radius: 0;
  }
  #contact_form p.btns {
    width: 100%;
  }
  #contact_form .lead {
    margin: 10px 0 35px;
  }
  #contact_form a.send {
    width: 55%;
    float: left;
    display: block;
    margin: 0;
  }
  #contact_form a.cancel {
    width: 42%;
    float: right;
    display: block;
    margin: 0;
  }
  #contact_form a img {
    width: 100%;
    height: auto;
  }

  #thank h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    margin-bottom: 20px;
  }
  #thank p.lead {
    text-align: center;
    font-size: 14px;
    margin-bottom: 35px;
  }
  #thank p.btn {
    text-align: center;
    margin: 0 auto;
  }
  #thank p.btn a img {
    width: 100%;
    height: auto;
  }
}

label.radio, label.radio_text{
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}
label.radio {
	width         : 16px;
	height        : 16px;
	border        : 1px solid #e83421;
	border-radius : 100%;
}
label.radio_text {
	min-height   : calc(16px + 5px);
	margin-right : calc(16px + 5px);
	padding-left : calc(16px + 5px);
	line-height  : calc(16px + 5px);
}
/** before after **/
label.radio:before, label.radio_text:before,label.radio_text:after {
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_text:before{
	border-radius    : 100%;
}
label.radio:before {
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.radio_text:before, label.radio_text:after{
	top              : 0px;
	bottom           : 0px;
	margin-top       : auto;
	margin-bottom    : auto;
}
label.radio:before {
	display          : block;
	width            : 10px;
	height           : 10px;
	z-index          : 1;
	background-color : #DD6655; 
}
label.radio_text:before {
	width         : 16px;
	height        : 16px;
	border        : 1px solid #fff;
	left          : 0px;
	z-index       : 3;
}
label.radio_text:after {
width: 4px;
height: 4px;
border-radius: 100%;
left: calc(((16px/2) - (4px) / 2));
background-color: #fff;
z-index: 2;
}
/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 20px;
	height     : 20px;
	box-sizing    : border-box;
	outline       : none;
}
label.radio input[type="radio"], label.radio_text input[type="radio"]{
	left       : calc(16px * -1);
	width      : 16px;
	height     : 16px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.radio input[type="radio"] {
	display    : block;
	box-shadow : 16px 0px #FFF;
}
label.radio_text input[type="radio"] {
	box-shadow : 16px 0px #FFF;
}
/** checked forcus */
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : 16px 0px #e51284!important;
	z-index: 1;
}
label.radio_text input[type="radio"]:focus {
	box-shadow : 16px 0px #fff;
}
label.radio input[type="radio"]:focus {
	box-shadow : 16px 0px #fff;
}



p.btns input[type="submit"] {
    cursor: pointer;
    color: #008aff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 17px;
    width: 160px;
    border: 1px solid #008aff;
    padding: 10px;
    margin: 10px;
    background: #fff;
}
p.btns input[type="reset"] {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 17px;
    width: 160px;
    border: 1px solid #717576;
    padding: 10px;
    margin: 10px;
    background: #333;
}