@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　office
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.cont-nav{
  padding-bottom: 150px;
}



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

/* office01
-----------------------------------------------------------------*/
.office01{
  padding: 180px 0 50px;  
}
.office h2{
  margin-bottom: 50px;  
}
.office-info-list{
  border-top: 1px solid var(--gray);
  letter-spacing: .05em;  
}
.office-info-list > div{
  display: flex;
  padding: 50px 30px;
  border-bottom: 1px solid var(--gray);   
}
.office-info-list > div > dt{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 240px;
  width: 20%;
  padding-right: 15px;
	font-weight: bold; 
}
.office-info-list .department-list > div{
  margin-top: 3px;  
}
.office-info-list .department-list dt{
  display: flex;
}
.office-info-list .department-list dt::before{
  margin-right: 5px;
  content: "■";
  color: var(--blue);
  transform: scale(.7);  
}
.office-info-list .department-list .dot-list{
  margin-left: 20px;  
}
.office-info-list .department-list .dot-list li{
  flex-wrap: wrap;
}
.office-info-list .department-list .dot-list .info{
  width: 100%;  
}
.office-info-list .tel-list{
  display: flex;  
}
.office .department + .department{
  margin-top: 130px;
}
.office .department h3{
  margin-bottom: 35px;
  font-size: 2.2rem;
  font-weight: 500;
}


/* office02
-----------------------------------------------------------------*/
.office02{
  padding: 100px 0 50px;  
}


/* office03
-----------------------------------------------------------------*/
.office03{
  padding: 100px 0 50px;  
}


/* office04
-----------------------------------------------------------------*/
.office04{
  padding: 100px 0 120px;  
}



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

.cont-nav{
  padding-bottom: 60px;
}


/* office01
-----------------------------------------------------------------*/
  .office01{
    padding: 60px 0 30px;  
  }
  .office h2{
    margin-bottom: 30px;  
  }
	.office-info-list > div{
    display: block;
		padding: 20px 0;
		border-bottom: 1px solid var(--gray);   
	}
	.office-info-list > div > dt{
    display: block;
		max-width: none;
    width: 100%;
  }
  .office-info-list .department-list dt::before{
    margin-right: 3px; 
  }
  .office-info-list .department-list .dot-list{
    margin-left: 15px;  
  }
  .office .department + .department{
    margin-top: 60px;
  }
  .office .department h3{
    margin-bottom: 15px;
    font-size: 1.8rem;
  }

/* office02
-----------------------------------------------------------------*/
.office02{
  padding: 30px 0;  
}


/* office03
-----------------------------------------------------------------*/
.office03{
  padding: 30px 0;  
}


/* office04
-----------------------------------------------------------------*/
.office04{
  padding: 30px 0 60px;  
}


}