/*
=====================================================
  iPad
=====================================================
*/
@media screen and (max-width:768px){
  
 /*全体の囲み*/ 
  .mainContainer2{
    margin: 0 100px 0 100px;
  }

/*会社概要英語*/
 .profileEng {
   padding-top: 7px;
   padding-bottom: 5px;
   width:100%;
   height: 30px;
   margin: 70px auto 0 auto;
}

/*会社概要・案内図*/
.profileHead{
   font-size: 1.3rem;
   margin-top: 30px;
}
  
}
@media screen and (max-width:640px){
	.staffAll{
	grid-template-columns: auto;
	}
}
/*
=====================================================
  スマホ
=====================================================
*/
@media screen and (max-width:420px){
  
 /*全体の囲み*/ 
.mainContainer2{
  margin: 0 56px 0 20px;
  }
  
/*スマホデジタルデザインサービス*/
.mainContainer2 h1 span {
  font-size:0.7rem;
  letter-spacing: 0rem;
}
  
/*スマホ罫線*/
.linProfile{
  width: 100%;
}

/*スマホリード*/
.mainContainer2 p{
  font-size: 0.8rem;
  line-height: 1.5rem;
  padding-bottom: 2rem;
  letter-spacing: 0.05rem;
}

 /*スマホフレンドリー*/
.mainContainer2 h1 {
  padding: 1rem 1rem 1.4rem 0.4rem;
} 

/*テーブル全体*/
.profileTable table {
  height:auto;
}

/*スマホテーブル左*/
.element th {
  width:100%;
  display:block;
  height: 15px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 700;


  font-size: 0.7rem;
  line-height: 1.2rem;
  letter-spacing:0.1rem;
  padding: 10px 0 5px 0;
  text-align: left;
  }

/*スマホテーブル右*/
.element .profile {
  border-bottom: solid 0 #E4D6D4;
  width:100%;
  display:block;
  height: auto;
  font-size: 0.7rem;
  line-height: 1rem;
  letter-spacing: 0;
  text-align: left;
  padding: 5px 0 10px 0;
}
  
  .element .profile a{
  font-size: 0.7rem;
  line-height: 1rem;
}


/*----------------------------------------*/
/*スマホスタッフ枠*/
.staffAll{
  grid-template-columns: auto;
}

/*白枠*/
.staffWrap {
  width: 100%;
  bottom: 0;
  margin-top: 20px;
}

/*イラスト*/
.staffWrap img {
  width: 50px;
  left: 30px;
  top: 15px; 
}

/*名前と肩書き枠*/
.staffName{
  top:20px;
  margin-left: 0;
  letter-spacing: 0rem;
}
  
/*名前*/
.name {
  text-align: left;
}

/*肩書き*/
.katagaki {
  text-align: left;
  font-size: 0.7rem;
  line-height: 0.75rem;
  letter-spacing: 0rem;
}
  
/*コメント*/
.staffWrap p {
  padding: 80px 20px 20px 20px;
}

/*----------------------------------------*/

/*地図*/
.mainContainer2 .map img{
 display: none;
}

.map{
  margin: 30px auto 80px auto;
  width: 100%;
}
}


/* profileのh1改行 */
.profBr{display: none;}
@media screen and (max-width:544px){
  .profBr{display: block;}
}