.form {
    margin: 30px;
    font-size: 1.2em;
}
.required {
    color: #FF8585;
}
.exa {
    padding: 5px;
    color: #555;
    font-size: 16px;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.form dl {
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #F9F9F9;
}
.form dl dt {
    color: #7e735f;
    line-height: 1.6;
    position: absolute;
    width: 30%;
    float: left;
    padding: 5px 10px 10px 10px;
    font-size: 16px;
    font-weight: 800;
}
.form dl dd {
	width: 68%;
	float: right;
    padding-left: 10px;
}
.form dl div {
    width: 100%;
    padding-left: 20px;
}
.form dl h5 {
    color: #7e735f;
    line-height: 1.6;
    padding: 5px 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
}
.box_srcollbar {
    overflow-x: visible;
    white-space: pre-wrap;
    overflow-y: auto;
    height:300px;
    color:#000;
	width: 90%;
}
.box_srcollbar pre {
}
.box_srcollbar, .form dl div textarea, .form dl dd textarea, .form dl dd .txt, .form dl dd .txt2, .form dl dd .txt3, .form dl dd .txt4, .form dl dd .em3, .form dl dd .em5, .form dl dd .em12 {
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.form dl dd .txt, .form dl dd .txt2, .form dl dd .txt3, .form dl dd .txt4, .form dl dd .em3, .form dl dd .em5, .form dl dd .em12 {
    height: 40px;
    line-height: 40px;
    font-size: 1.5rem;
    margin-bottom: 6px;
}
.box_srcollbar, .form dl div textarea, .form dl dd textarea {
    line-height: 25px;
    font-size: 1.2rem;
}
.form dl div textarea {
	width: 90%;
	/*margin: 0 auto;*/
}
.form dl dd .txt {
    width: 40%;
}
.form dl dd .txt2 {
    width: 86%;
}
.form dl dd .txt3 {
    width: 17%;
}
.form dl dd .txt4 {
    width: 20%;
}
.form dl dd .em3 {
    width: 3em;
}
.form dl dd .em5 {
    width: 5em;
}
.form dl dd .em12 {
    width: 12em;
}
.form dl dd textarea {
	width: 86%;
	height: 100%;
}
.form dd .ina {
	ime-mode: disabled;
}
.chra li {
    margin-left: 20px;
}
.ctSelect {
	/*background: url(../img/arrow.png) right center no-repeat;*/
	background-color: #fff;
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 50%;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem !important;
}
input[type=checkbox] {
  transform: scale(1.5);
}
/*input[type=radio] {
  transform: scale(1.5);
}*/
input[type=radio] {
    display: none;
}
.radio-icon {
    position: relative;
}
.radio-icon::before {
    /*content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;*/
    position: absolute;
    content: "";
    top: 4px;
    left: -20px;
    width: 16px;
    height: 17px;
    background-color: #777777;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.radio-icon::after {
    position: absolute;
    content: "";
    top: 6px;
    left: -18px;
    width: 12px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=radio]:checked + .radio-icon::before {
  /*content: "\f3a7";
  color: #17bcdf;*/
    position: absolute;
    content: "";
    top: 4px;
    left: -20px;
    width: 16px;
    height: 17px;
    background-color: #7e735f;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=radio]:checked + .radio-icon::after {
  /*content: "\f3a7";
  color: #17bcdf;*/
    position: absolute;
    content: "";
    top: 6px;
    left: -18px;
    width: 12px;
    height: 13px;
    background-color: #7e735f;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.radio-icon_ffe8e8 {
    position: relative;
}
.radio-icon_ffe8e8::before {
    /*content: "\f3a6";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;*/
    position: absolute;
    content: "";
    top: 4px;
    left: -20px;
    width: 16px;
    height: 17px;
    background-color: #777777;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.radio-icon_ffe8e8::after {
    position: absolute;
    content: "";
    top: 6px;
    left: -18px;
    width: 12px;
    height: 13px;
    background-color: #ffe8e8;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=radio]:checked + .radio-icon_ffe8e8::before {
  /*content: "\f3a7";
  color: #17bcdf;*/
    position: absolute;
    content: "";
    top: 4px;
    left: -20px;
    width: 16px;
    height: 17px;
    background-color: #7e735f;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=radio]:checked + .radio-icon_ffe8e8::after {
  /*content: "\f3a7";
  color: #17bcdf;*/
    position: absolute;
    content: "";
    top: 6px;
    left: -18px;
    width: 12px;
    height: 13px;
    background-color: #7e735f;
    border-radius: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.customSelectInner {
	width: 100% !important;
}
.clip {
	line-height: 30px;
}
.kakunin {
    /*display: table;*/
    margin: 20px auto;
    display: flex;
    justify-content: center;
}
.kakunin li {
    margin: 0 10px;
    width: 180px;
}
.form th {
	padding-right: 20px;
	text-align: left;
	font-weight: normal;
}
.form td {
	text-align: left;
}
.msg {
	color: #ff0000;
}

@media screen and (max-width: 768px) {
.form dl dd textarea, .form dl dd .txt, .form dl dd .txt2 {
	font-size: 1.5rem;
}
.form dl div {
    padding-left: 10px;
}
.kakunin {
    display: list-item;
}
.kakunin li {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 218px;
}
.form {
	margin: 10px;
	font-size: 1.5rem;
}
.exa {
	padding: 5px 20px;
	color: #a9a9a9;
}
.form dl {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #dcdcdc;
}
.form dl dt {
	float: none;
	position: static;
	width: 100%;
}
.form dl dd {
	float: none;
	width: 100%;
}
.form dl div textarea, .form dl dd textarea, .form dl dd .txt, .form dl dd .txt2 {
	display: block;
	/*margin: 0 auto;*/
	width: 86%;
}
.chra li {
	margin-left: 20px;
}
.ctSelect {
	width: 89%;
	/*margin-left: 20px;*/
}
.clip {
	margin-left: 20px;
}
}
.submit {
    color: #FFFFFF;
    background-color: #7e735f;
}
.submit:hover {
    background-color: #FFFFFF;
    color: #7e735f;
}
.submit02 {
    color: #7e735f;
    background-color: #FFFFFF;
}

.payment_box {
	width: 280px;
	margin: 0;
	padding: 5px 0 7px;
	text-align: center;
	background: rgb(169,3,41);
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
	margin: 20px auto;
}

.ctSelect2 {
	/*background: url(../img/arrow.png) right center no-repeat;*/
	background-color: #fff;
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 89%;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem !important;
}