@charset "utf-8";
/* ===================================================================

 file name  :request.css
 style info : 資料請求

=================================================================== */

/* =============================

  overwrite

=============================== */
#pageHeader{
  background: url(../images/form/img_page.jpg) no-repeat 50% 50% / cover;
}
@media screen and (min-width: 768px){
  #main {
    padding: 20px 0 100px;
  }
  #pageHeader{
    height: 80px;
    padding: 22px 0 0;
  }
  #pageHeader h1 .en {
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px){
  #pageHeader {
    height: 90px;
    padding: 18px 20px 0;
  }
}
/* =================================== */
.form-area {
  line-height: 1.6;
}
@media screen and (min-width: 768px){
  .form-area select {
    height: 50px;
    padding: 10px 80px 10px 15px;
  }
  .form-area input[type='tel'],
  .form-area input[type='email'],
  .form-area input[type='password'],
  .form-area input[type='number'],
  .form-area input[type='text'],
  .form-area input[type='submit'],
  .form-area input[type='reset'],
  .form-area input[type='button']{
    padding: 10px 15px;
    height: 50px;
  }
  .form-area textarea {
    padding: 10px 15px;
  }
  .form-area .tablestyle > li > dl > dt {
    margin: 0 0 0px;
  }
  .form-area .tablestyle{
    margin: 0 0 6px;
  }
  .form-area .tablestyle > li{
    padding: 6px 0;
  }
  .form-area .tablestyle > li:not(:first-child){
    border-top: solid 1px #c1c1c1;
  }
  .form-area .tablestyle > li > dl{
    display: flex;
  }
  .form-area .tablestyle > li > dl > dt{
    width: 300px;
    padding: 6px 0 0;
  }
  .form-area .tablestyle > li > dl > dd{
    width: 700px;
    margin: 0;
  }
  .form-area .tablestyle .in-table li:first-child{
    margin: 0;
  }
  .form-area .in-table li + li {
    margin: 6px 0 0;
  }
  .form-area .in-table li dl dt {
    width: 200px;
    line-height: 50px;
  }
  .form-area .in-table li dl dd {
    width: calc(100% - 180px);
  }
  .form-area.confirm .tablestyle > li > dl > dd {
    margin: 0 0 5px;
    padding: 6px 0 0;
  }
  .form-area .btn-wrap {
    width: 800px;
  }
  .form-area .agree {
    margin: 10px 0 20px;
    padding: 20px 60px;
  }
  .form-area .agree .txt {
    margin-bottom: 6px;
  }
  
  .form-area .list-ipt li{
    
  }
  .form-area .agree .policy-check {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 767px){
  .form-area .tablestyle{
    margin: 0 0 15px;
  }
  .form-area .tablestyle > li:not(:first-child){
    border-top: solid 1px #c1c1c1;
  }
  .form-area .tablestyle > li{
     padding: 6px 0;
  }
  .form-area .tablestyle > li > dl > dt{
    margin: 0;
  }
  .form-area .tablestyle > li > dl > dd{
    margin: 0;
  }
  .form-area .in-table li {
    margin: 0;
  }
  .form-area .in-table li dl dt {
    margin: 0;
  }
  .form-area .agree {
    margin: 0;
    padding: 15px;
  }
  .form-area .agree .txt {
      margin-bottom: 6px;
  }
  .form-area .agree .policy-check {
    margin: 0 0 20px;
  }
}