/***********************************************
 sub common
************************************************/
ul,ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
:root {
    --main-color: #0070b6;
    --sub-color: #1c2e60;
}
h2{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
    margin: 1em 0 1.5em 0;
}
h2 span{
    color: var(--main-color);
    display: block;
    font-size: 14px;
}
/** inner *******************/
.inner-1000{
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

/***********************************************
 compliance
************************************************/
.compliance {
    margin-bottom: 100px;
    text-align: left;
}
.compliance .frm-alert{
    padding: 15px;
    border: 1px solid var(--main-color);
    font-size: 14px;
}
.compliance h3{
    margin: 2em 0 1em 0;
    text-align: left;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 3px solid var(--main-color);
}
.compliance table {
    width: 100%;
}
.compliance table th{
    text-align: left;
    vertical-align: top;
    display: block;
    width: 100%;
}
.compliance table th span{
    color: var(--main-color);
}
.compliance table td{
    display: block;
    padding-bottom: 1.5em;
    width: 100%;
}
.compliance table td input[type="text"],
.compliance table td input[type="email"],
.compliance table td input[type="tel"] {
	width: 90%;
	padding: 15px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	margin-top: 7px;
}
.compliance table td input[type="text"]:focus,
.compliance table td input[type="email"]:focus,
.compliance table td input[type="tel"]:focus,
.compliance table td textarea:focus {
	border: 2px solid var(--main-color);
    outline: 0;
}
.compliance table td textarea {
	display: block;
	width: 90%;
	height: 200px;
	padding: 15px;
	resize: vertical;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-appearance: none;
	font-family: inherit;
}
.compliance table input#name1,
.compliance table input#name2{
	width: 35%;
}
.compliance table input#email,
.compliance table input#tel,
.compliance table input#company,
.compliance table input#field {
	width: 65%;
}
.compliance table select {
	padding: 10px 15px;
	border: 1px solid #cccccc;
    border-radius: 3px;
	font-family: inherit;
	line-height: normal;
    appearance: none;  
    width: 250px;
}
.compliance table .selectbox{
  position: relative;
  width: 250px;
}
.compliance table .selectbox::before{
  position: absolute;
  top: 15px;
  right: 15px;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #027fc2;
  border-left: 2px solid #027fc2;
  transform: rotate(-135deg);
  pointer-events: none;
}
.compliance #form_submit{
    text-align: center;
    margin: 15px 0;
}
.compliance #form_submit input[type="button"] {
	padding: 20px 0;
    width: 240px;
    text-align: center;
	border-radius: 5px;
	background: var(--main-color);
	font-size: 20px;
	color: #fff;
    border: 1px solid var(--main-color);
}
.compliance #form_submit input[type="button"]:hover {
	cursor: pointer;
	background: #1e2c59;
    border: 1px solid #1e2c59;
}