@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl {
  background: url(../image/request/img_kv_pc.jpg) no-repeat top center;
  background-size: cover;
}

.page-ttl h1 img {
  max-width: 160px;
}

.txt a {
  text-decoration: underline;
}

#Header {
  display: none;
}

#Wrapper {
  margin-left: 0;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* contact 
-----------------------------------------------------------------*/

/* 個別スタイル */
#Q-03 {
  width: 200px;
}

.contact.home .form-list .q06 {
  display: block;
}

.q04 dl {
  width: 49%;
}

.q04 dl div {
  display: flex;
  padding: 15px 0;
}

.q04 dl dt {
  width: 28%;
  font-size: 1.8rem;
}

.q04 dl dd {
  position: relative;
  width: 72%;
}

#Q-04 {
  width: 200px;
}

#Q-8,
#Q-9 {
  width: 100%;
}

#Q-12 {
  width: 200px;
}

.q11 label:nth-of-type(n+3) {
  margin-top: 15px;
}

.q13 textarea {
  max-width: 490px;
}

/* thanks page 
-----------------------------------------------------------------*/
a.links:link,
a.links:visited {
  text-decoration: underline;
  color: #20AEE5;
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

  /*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
  #Footer.contact-footer .cv-area {
    padding: 30px 0 80px;
  }

  .page-ttl {
    background: url(../image/request/img_kv_sp.jpg) no-repeat center center;
    background-size: cover;
  }

  .page-ttl h1 {
    max-width: 280px;
  }



  /*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

  /* contact 
-----------------------------------------------------------------*/


  /* 個別スタイル */
  #Q-03 {
    width: 200px;
  }

  .zip-search {
    font-size: 1.6rem;
  }

  .contact.home .form-list .q04 {
    display: block;
  }

  .q04 h3 {
    padding-bottom: 0;
    border-bottom: none;
  }

  .q04 dl div {
    display: block;
    padding: 8px 0;
  }

  .q04 dl dt {
    width: 100%;
    padding-left: 0;
    font-size: 1.6rem;
  }

  .q04 dl dd {
    width: 100%;
  }

  #Q-7 {
    width: 100%;
  }

  .q label:nth-of-type(n+2) {
    margin-top: 8px;
  }


  /*--------------------------------------------------------------------------
   confirm page
---------------------------------------------------------------------------*/
  .request_confirm li.q04 {
    display: flex;
  }


  @media screen and (max-width: 768px) {
    .request_confirm li.q04 {
      display: block;
    }
  }

  /*--------------------------------------------------------------------------
   Request page
---------------------------------------------------------------------------*/


  .send-materials {
    background: url(../image/request/materials-bg.svg) repeat;
    background-size: 6px;

    position: relative;
    margin-bottom: 80px;
  }

  .send-materials ul {
    display: flex;
    width: 70%;
    padding: 30px 0 30px 60px;
    flex-wrap: wrap;
  }

  .send-materials li {
    margin-right: 30px;
    font-size: 2.0rem;
  }

  .send-materials li span {
    font-size: 70%;
  }

  .send-materials li.li-01,
  .send-materials li.li-01 span {
    color: #73AD18;
  }

  .send-materials li.li-02,
  .send-materials li.li-02 span {
    color: #231815;
  }

  .send-materials li.li-03,
  .send-materials li.li-03 span {
    color: #20AEE5;
  }

  .send-materials li.li-04,
  .send-materials li.li-04 span {
    color: #231815;
  }

  .send-materials span {
    color: #00A9DE;
    padding-right: 3px;
  }

  .pic-send-materials {}

  .pic-send-materials .fl {
    position: absolute;
    top: -60px;
    right: 60px;
  }

  h2.txt-lead {
    margin-bottom: 80px;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.5;
    font-weight: 800;
    color: #7FBC26;
  }

  @media screen and (max-width: 768px) {
    h2.txt-lead {
      margin-top: 0;
      margin-bottom: 30px;
      text-align: center;
      font-size: 1.8rem;
      line-height: 1.5;
      font-weight: 800;
      color: #7FBC26;
    }

    .send-materials {
      margin-bottom: 20px;
    }

    .send-materials ul {
      padding: 3% 6%;
      width: 100%;
    }

    .send-materials li {
      font-size: 1.3rem;
      line-height: 2rem;
    }

    .send-materials .li-01 {}

    .send-materials .li-01 span {}

    .send-materials .li-02 {}

    .send-materials .li-02 span {}

    .send-materials .li-03 {}

    .send-materials .li-03 span {}

    .send-materials .li-04 {}

    .send-materials .li-04 span {}

    .send-materials .pic-send-materials {}

    .pic-send-materials .fl {
      position: absolute;
      top: -26px;
      right: -10px;
      max-width: 180px;
    }

    .q04 dl {
      width: 100%;
      border-top: 1px solid black;
    }

    #Q-11-01 {
      margin-bottom: 40px;
    }

  }