@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background: url(../image/company_contact/img_kv_pc.jpg) no-repeat center center;
  background-size: cover;  
}
.page-ttl img {
	max-width: 277px;	
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* contact 
-----------------------------------------------------------------*/


/* 個別スタイル */
.txt a {
    text-decoration: underline;
}
.q01 p span:nth-child(n+2){
  margin-right: 15px;
}
.q2.sp{
  display: none;  
}
#Q02-02{
  width: 390px;  
}
#Q-04{
  width: 200px;
}
#Q-03,#Q-07,#Q-08{
  width: 200px;  
}
.q09 p:nth-child(1){
  padding-bottom:15px;
}
.q09 p span{
  margin-right:10px;
  font-size: 1.8rem;
  line-height: 4.5rem;
  vertical-align: middle;  
}
#Q-09-01,#Q-09-02{
  width: 430px;  
}
#Q-07,#Q-08{
  width: 500px;  
}
#Q-11,
#Q-12{
  width: 100%;  
}
.q09 p span input{
  margin-left: 15px;
  margin-bottom: 20px;
}
#Q-14{
  width: 200px;  
}
.q15 label:nth-of-type(n+3){
  margin-top: 15px;  
}


.form-list li.q04 {
  display: block;
}

.q04 dl div{
  display: flex; 
  padding: 15px 0; 
}
.q04 dl dt{
  width: 28%;
  padding-left: 3%;
  font-size: 2rem;  
}
.q04 dl dd{
  position: relative;
  width: 72%; 
}
#Q-04{
  width: 200px;  
}

.q10 textarea{
  width: 67%;
}

.q13 textarea{
  width: 67%;
}




@media screen and (max-width: 768px) {
#Q-05 {
    width: 100%;
}
#Q-09-01, #Q-09-02 {
    width: 100%;
}
  
  .q04 dl{
    border-top: 1px solid black;
    margin-top: 20px;
}
   
  .q04 dl div{
    display: block;
    padding-bottom: 0;
}
  .q04 dl dt{
    width: 100%;
    font-size: 1.4rem;
}
  
  .q04 dl dd{
    margin-left: 16px;
    width: 95%;
}
  
 
#Q-07,#Q-08{
  width: 100%;  
}
  
  
#Q-09-01,#Q-09-02{
  width: 100%; 
}
  
  .q13 h3 {
    height: 50px;
  }
  
  
  
.q10 textarea{
  width: 100%;
}

.q13 textarea{
  width: 100%;
}


}


/*--------------------------------------------------------------------------
   company-confirm
---------------------------------------------------------------------------*/

.company-confirm li.q04 {
  display: flex;
}
.company-confirm li.q09 p span{
  width: 75%;
}
.company-confirm li.q10 p {
  width: 54%;
}

@media screen and (max-width: 768px) {
  .company-confirm li.q04 {
  display: block;
} 
.company-confirm li.q09 p span{
  width: 100%;
}
.company-confirm li.q10 p {
  width: 100%;
}
.company-confirm li.q13 h3 {
  height: 20px;
}
}
/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
  #Footer.contact-footer .cv-area {
      padding: 30px 0 80px;
  }
  .page-ttl{
    background: url(../image/company_contact/img_kv_sp.jpg) no-repeat center center;
    background-size: cover;  
  }
  .page-ttl h1{
    max-width: 280px;	
  }

}
