@charset "utf-8";
html, body {
  max-width: 100%;
  overflow-x: hidden!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

label {color: #fff;}

img {max-width: 100%; height: auto;}
h1 img {padding: 15px 0;}
#quick {position: fixed; width: 80%; right:-450px; top: 200px;}
#visual {background: url(images/visual_bg02.jpg)center top; padding: 140px 0;}
#m_visual {display: none;}
#form_master {background-color:#f47322;}
#form {background: url(images/form.jpg)center; height: 500px; margin-top: 80px;}

#form table {margin: 0 auto;width: 1074px; }
@media screen and (max-width: 800px) {
  #form_con {padding:0px!important; width: 100%!important;}
  .form_box {clear: both; width:100%!important; margin-bottom: 10px!important;}
  #form table {margin: 0 auto;width: 90%; }
  #form {height: 500px; margin-top: 30px;}
  #form h2 {
    font-size: 20pt!important;
    padding-top: 30px!important;
    margin-bottom: 20px!important;
  }
}
#form table tr td{color: #fff; text-align: left; width: 33%;}

#form  h2 {font-size: 24pt;
    display: inline-block;
    font-weight: bold;
    padding-top: 70px;
    border-bottom: 2px solid #fff;
    margin-bottom: 60px;
  color: #fff;}
#form_con {width: 1074px; margin: 0 auto; padding-left: 100px;}
.form_box {float: left; width: 30%; text-align: center;  margin-bottom: 30px;}
.form_box input {width: 90%}
.form_box select {width: 95%}
.form {padding: 40px 0;}
.center {text-align: center!important;}
#logos {background: #f47322;}
#logos ul li {display: inline-block; background: #fff; width: 14%; height: 120px; margin: 50px 4px; padding-top: 1%; border-radius: 2px;}

  @media screen and (max-width: 800px) {
    #logos {padding: 10px 0;}
    #logos ul li {display: inline-block; background: #fff; width: 45%; height:100px; margin: 5px 4px; padding-top: 2%; border-radius: 2%;}
    .btn_logos {font-size: 9pt; color: #fff; background: #333; border-radius: 5%; padding:10px 25px!important; margin-top: .7%;}

  }


.btn_logos {color: #fff; background: #333; border-radius: 5px; padding: 15px 45px; margin-top: .7%;}

a:hover span.btn_logos{background: #f47322; }
#service h2 {font-size: 24pt; display: inline-block; font-weight: bold; padding-top: 70px; border-bottom: 2px solid #f47322; margin-bottom: 40px;}
@media screen and (max-width: 800px) {
  #service h2 {font-size: 20pt; display: inline-block; font-weight: bold; padding-top: 40px; border-bottom: 2px solid #f47322; margin-bottom: 20px;}

}
#service ul {}
#service ul li {border: 1px solid #ccc; padding: 40px 60px;; margin-bottom: 50px; margin: 0 auto;width: 50%; margin-bottom: 15px; }
#service ul li span {text-align: left; white-space:
pre-line; line-height: 1.6;}
#service ul li span:nth-child(1) {float: left; text-align:center; padding-top: 15px;}
#service ul li span:nth-child(2) { }
#service ul li span h4 {font-weight: 600; font-size: 13pt; margin-top: -40px!important;}
.text_box {width: 600px; border-left: 1px solid #ddd;  padding-left: 30px;}
.logo_box {width: 200px;}
@media screen and (max-width: 800px) {
  #service ul li {border: none; border-top: 1px solid #ccc; margin-bottom: 50px; margin:0 auto; width: 90%; margin-bottom: 15px; padding: 20px;}
  .logo_box {width: 100%;}
  .text_box {width: 95%; border-left: 0px;  padding-left: 0px;}
  #service ul li span h4 {font-size: 11pt; word-break: break-all;}
  #service ul li span  {line-height: 1.3;}
  #service ul li span:nth-child(1) {padding-top: 0px;}
  .phone {width: 40%; margin-top: 10px!important; margin: 10px auto; font-size: 13pt!important;}

}
.phone {font-size: 18pt; font-weight:600; padding: 10px; background: #2c4d98; margin-top: 20px; color: #fff; border-radius: 5px;}
span.orange {color: #f47322; border-left:0px!important; padding-left: 0px!important;}
span.orange.mini {color: blue; font-size: 9pt!important; padding-top: 10px;}
input[type=checkbox] {display: none;}
input[type=checkbox]:checked + label {
    background-image: url(images/check_on.png);
}


.left {float: left; padding: 0 20px;}
select { height: 42px; border: none; padding: 0 10px; margin-top: 10px;}
.tit img {padding-top: 30px;}
input[type=text] {height: 42px; border: none; padding: 0 10px; margin-top: 10px; background-color: #eee;}

span.policy label {
    font-size: 1.1em;
}
input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 22px;
    padding-left: 32px;
    background: url(images/check_off.png) left/22px no-repeat;
}
.btn_s {border-radius: 100px; background-color: #f47322; color:#fff; padding: 22px 100px; font-size: 18pt; cursor: pointer; margin-top: 40px;}

/*id_box*/
#id_box {}
#id_text {background-color: #f47322; padding-top: 8%; padding-bottom: 30px; color: #fff;}
#id_text img {padding-bottom: 25px;}
#id_text ul { padding: 0; margin: 0; }
#id_text ul li {list-style: none;}
#id_text ul li:nth-child(1) {font-size: 18pt; padding-bottom: 30px;}
#id_input {width: 100%; display: block; padding-top: 50px;}
#btn_go { padding: 18px 70px!important; font-size: 15pt!important; border: none;}
#id_input2 {width: 100%; display: block; padding-top: 30px;}



#privacy {background-color: #eee; padding-top: 30px;}
.privacy_con {
    font-size: 15px;
    clear: both;
    padding: 15px;
    line-height: 160%;
    white-space: pre-wrap;
    word-break: keep-all;
    text-align: left;
    width:800px;
    margin: 0 auto;
  }

  .privacy_con h2 {
      font-size: 22px;
      padding-bottom: 10px;
      font-weight: 500;
  }

  footer span {width: 100%; padding: 30px 0; border-top: 1px solid #ddd; background-color: #f8f8f8; line-height: 2; color: #666; font-size:9pt;}

  @media screen and (max-width: 800px) {
    #m_visual {display: block;}
    #m_visual img {width: 100%;}
    #visual {display: none;}
    select, input[type=text] {width: 90%;}
    h1 img {width: 70%;}
    .privacy_con {width: 90%;}
    footer span {width: 90%; padding: 5%; line-height: 1.5;}
    .form {padding: 30px 0;}
  }