@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background: url(../image/contact/img_kv_pc.jpg) no-repeat center center;
  background-size: cover;  
}
.page-ttl h1 img{
	max-width: 236px;	
}



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

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

/* 個別スタイル */
.q01 p span:nth-child(n+2){
  margin-right: 15px;
}
.q2.sp{
  display: none;  
}
#Q02-02{
  width: 390px;  
}
#Q-05{
  width: 200px;
}
.contact.home .form-list .q06{
  display: block;  
}
.q06 dl div{
  display: flex; 
  padding: 15px 0; 
}
.q06 dl dt{
  width: 28%;
  padding-left: 3%;
  font-size: 2rem;  
}
.q06 dl dd{
  position: relative;
  width: 72%; 
}
#Q-06{
  width: 200px;  
}
#Q-11,
#Q-12{
  width: 100%;  
}
.q09 p span{
  margin-right: 15px;
}
#Q-14{
  width: 200px;  
}
.q15 label:nth-of-type(n+3){
  margin-top: 15px;  
}

@media screen and (max-width: 768px) {
.q02 h3 {
    padding-bottom: 0;
    border: none;
}
  h3 {
    display: flex;
    height: 20px;
  }
  h3 span{
    margin: 0 4px;
  }
  
  .form-list > li h3 .require, .form-list > li h3 .instruction {
    transform: translateY(3px);
}
  
  
}



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

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
  #Footer.contact-footer .cv-area {
      padding: 30px 0 80px;
  }
  .page-ttl{
    background: url(../image/contact/img_kv_sp.jpg) no-repeat center center;
    background-size: cover;  
  }
  .page-ttl h1{
    max-width: 280px;	
  }


}