@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background: url(../image/request/img_kv_pc.jpg) no-repeat center 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: 50%;
}
  
  .q04 dl {
    width: 100%;
    border-top: 1px solid black;
  }
  
  #Q-11-01 {
    margin-bottom: 40px;
  }

}